Thu Dec 14 2017
Copied to clipboard! Copy reply
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
<style>
	.oct_2016_gold_bg,.oct_2016_gold_bg .zerofont {
		position: relative;
                z-index: 5;
	}
	.oct_2016_gold_bg .js_product_boxes_desktop {
		max-width: 1100px;
		margin: 0 auto;
		display: flex;
		z-index: 15;
		justify-content: space-between;

	}
	.oct_2016_gold_bg .js_product_boxes_desktop > * {
		z-index: 10;
	}
	.oct_2016_gold_bg .js_product_boxes_desktop > div {
		
		vertical-align: top;
		z-index: 4;

	}
	.oct_2016_gold_bg .oct_2016_product_square.js_oct_2016_product {
		float: right;
		vertical-align: top;
		width: 383px;
		background : url("https://www.rosettastone.com/lp/globals/img/retailboxes/Agnostic_box_DL_24.png") no-repeat #fff -62px 100px;
		background-size: 70%;
		
	}


	.oct_2016_cd_download_container, .oct_2016_gold_bg .oct_2016_product_info_square {
		display: none;
	}

	.oct_2016_gold_bg .oct_2016_product_square_middle {
		display: flex;
		flex-direction: column;
		padding-left: 172px;

	}

	.oct_2016_gold_bg .oct_2016_price_container_square.oct_2016_price_container_square_cddl {
		order: 1;
		padding: 15px 0;
		
	}

	.oct_2016_gold_bg .oct_2016_big_price_square.no_month.js_oct_2016_price.js_cddl_media {
		font-size: 42px;
		font-weight: lighter;
	}
	.oct_2016_gold_bg .oct_2016_msrp_square {
		
		order: 2;
		padding-bottom: 1em;
	}

	.oct_2016_gold_bg .oct_2016_addtocart_square.js_oct_2016_addtocart.js_cddl_media {
		order: 3;
	}

	.oct_2016_gold_bg .oct_2016_gifting_square {
		order: 4;
	}
	.product-desc {
		float: left;
		font-size: 12px;
		text-align: left;
		width: 50%;
	}

	.product-desc h3 {
		font-size: 2.2em;
		margin-top: 7px;
	}

	.product-desc p {
		font-size: 1.4em;
		margin-top: 20px;
	}					

	.oct_2016_gold_bg .oct_2016_product_square_header {
		line-height: 18px;
	}

	.guarantee {
		display: table!important;
		font-size: 14px;
		clear: both;
		width: 400px;
		padding-top: 2em;
	}
	.guarantee p {
		font-size: 15px;
		
		margin-top: 0;
	}
	.guarantee > div {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
	}
	.guarantee > div:first-of-type {
		background: url(https://www.rosettastone.com/assets/catalog-assets/guarantee-badge.svg) center no-repeat;
		height: 140px;
		width: 130px;
		background-size: contain;
	}
	.guarantee > div:last-of-type {
		padding-left: 20px;
	}
	.guarantee h3 {
		color: #4788BE;
		font-weight: bold;
		font-size: 1.1em;
	}

	@media (max-width: 768px) {
		.guarantee {
			width: 376px;
		}
		.guarantee > div:first-of-type {
			width: 100px;
		}

		.rs_classic span {
			display: block;
		}

		.js_rs_classic_close {
			position: absolute!important;
			top: 28px;
			right: 7%;
		}
	}

	@media (max-width: 750px) {
		.oct_2016_gold_bg {
			
			padding-bottom: 2em;
		}
		.oct_2016_gold_bg .mobile_products_container.js_oct_2016_product,
		.oct_2016_gold_bg .zerofont > div:first-of-type {
			display: none;
		}
		.oct_2016_gold_bg .js_product_boxes_desktop {
			flex-direction: column;
		}
		.product-desc {
			width: 100%;
			padding: 0 1em;
			box-sizing: border-box;
		}
		.guarantee {
			display: none!important;	
		}
		.oct_2016_gold_bg .oct_2016_product_square.js_oct_2016_product {
			margin: 30px auto 0;
			background-position: 69px 68px;
			background-size: 57%;
                        width: 100%;
		}

		.oct_2016_gold_bg .oct_2016_product_square_middle {
			padding: 172px 40px 0 40px;
		}

		.oct_2016_gold_bg .oct_2016_price_container_square.oct_2016_price_container_square_cddl {
			padding-bottom: 0;
		}
		.oct_2016_gold_bg .oct_2016_addtocart_square.js_oct_2016_addtocart.js_cddl_media {
			margin-top: 1em;
			padding: 22px 0;
			width: 70%;
			margin: 0 auto;
		}

		
	}

	

	

	
</style>
<script>
window.setTimeout(function() {
	;(function() {

		var fullLangName = $('.masthead_langname1').html()

		// Step 1:  Create dom nodes
		var productDescription = ''
		+ '<div class="product-desc">'
		+ '	<div class="oct_2016_language_header">Learn ' + fullLangName + '</div>'
		+ '	<h3>Download + 24 month Subscription Box</h3>'
		+ '	<p>'
		+ '		Grab the classic Rosetta Stone box and get access to a 24 month'
		+ '		subscription, which also includes a code to download Rosetta Stone'
		+ '		on your computer. Featuring TruAccent® speech-recognition technology,'
		+ ' 	it’s the only program that gets you talking like a local.'
		+ '	</p>'
		+ '	<div class="guarantee">'
		+ '	 	<div></div>'
		+ '		<div>'
		+ '			<h3>PURCHASE WITH CONFIDENCE</h3>'
		+ '			<p>'
		+ '				No long-term commitments. Cancel anytime.'
		+ '				30-Day Money back guarantee.'
		+ '			</p>'
		+ '		</div>'
		+ '	</div>'
		+ '</div>'
		;

		var stripes = ''
		+ '<svg class="gifting_bg" style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0;" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice">'
		+ '			<rect x="0" y="0" width="100%" height="100%" style="fill: url(#yllines);"></rect>'
		+ '		</svg>'
		+ '		<svg aria-hidden="" id="gifting_bg_defs" width="1px" height="1px" style="z-index: -1; position: absolute; left: -100vw; border: 5px solid black">'
		+ '			<defs>'
		+ '				<pattern id="redlines" x="0" y="0" width="20" height="100" patternUnits="userSpaceOnUse" patternTransform="rotate(50)"></pattern>'
		+ '				<rect x="0" y="0" height="100" width="10" style="stroke: none; fill: #ffffff; fill-opacity: .10;"></rect>'
		+ '				</pattern>'
		+ '				<pattern id="redlinesb" x="0" y="0" width="20" height="100" patternUnits="userSpaceOnUse" patternTransform="translate(-6.1, 0) rotate(50)">'
		+ '				<rect x="0" y="0" height="100" width="10" style="stroke: none; fill: #ffffff; fill-opacity: .10;"></rect>'
		+ '				</pattern>'
		+ '				<pattern id="yllines" x="0" y="0" width="30" height="100" patternUnits="userSpaceOnUse" patternTransform="translate(-1, 0) rotate(50)" style="display: inline;">'
		+ '				<rect x="0" y="0" height="100" width="15" style="stroke: none; fill: #ffffff; fill-opacity: .15;"></rect>'
		+ '				</pattern>'
		+ '			</defs>'
		+ '		</svg>'
		;

		
		var index = RSI({cat:lang, lvl:'S5'}).length ? -1 : -2

		// This is the "Learn {lang}. Subscription Box. lorem lorem lorem.."
		$('.oct_2016_gold_bg .js_product_boxes_desktop').prepend(productDescription)
		
                // $('.cddl_test_link').html('Rosetta Stone Subscription box')
		// The grey header over the product section
		$('.oct_2016_gold_bg .oct_2016_product_square.js_oct_2016_product').eq(index)
		.find('.oct_2016_product_square_content .oct_2016_product_square_header')
		.show().find('span').hide()
                //.html('24-MONTH')
                 .siblings('div')
		.html('Download + 24 month Subscription Box')
		
		// Yellow stripes in gold bg section
		$('.oct_2016_container.oct_2016_gold_bg').append(stripes)
		
		// Mobile's "Looking for our CD ROM products" becomes this
		$('.cddl_test_link').html('Rosetta Stone Subscription box').removeClass('cddl_test_link')

		// Change msrp
		$('.oct_2016_gold_bg .oct_2016_multipay_strikeprice_square').html('$279')

		// Change price
		$('.oct_2016_gold_bg .js_oct_2016_price.js_cddl_media').html('179')


		// Change msrp
		$('.oct_2016_gold_bg .oct_2016_product_square.js_oct_2016_product').eq(index)
		.find('.js_oct_2016_price.js_cddl_media').eq(0)
		.html('179')

		// Step 2: magic
		var productImg, ptoSku, msrp;
		switch (lang)
		{
			case 'eng':
				productImg = 'English_box_DL_24.png'
				ptoSku = 91190
				break;
			case 'fra':
				productImg = 'French_box_DL_24.png'
				ptoSku = 91192					
				break;
			case 'deu':
				productImg = 'German_box_DL_24.png'
				ptoSku = 91194			
				break;
			case 'ita':
				productImg = 'Italian_box_DL_24.png'
				ptoSku = 91196				
				break;			
			case 'chi':
				productImg = 'Chinese_box_DL_24.png'
				ptoSku = 91200				
				break;
			case 'jpn':
				productImg = 'Japanese_box_DL_24.png'
				ptoSku = 91208						
				break;
			default:
				productImg = 'Agnostic_box_DL_24.png'
				ptoSku = 91187					
				break;
		}

		$('.oct_2016_gold_bg .oct_2016_product_square.js_oct_2016_product')
		.css({
			'background-image' : 'url("https://www.rosettastone.com/lp/globals/img/retailboxes/' + productImg + '")'
		})
                var cartindex = RSI({cat:lang, lvl:'S5'}).length ? 2 : 1
		$cartButton = $('.oct_2016_gold_bg .oct_2016_addtocart_square.js_oct_2016_addtocart.js_cddl_media').eq(cartindex)
		var currentHref = $cartButton.attr('href')
		var newHref = currentHref.replace(/\/sku\/\d+/i, '/sku/' + ptoSku)
		$cartButton.attr('href', newHref)
               $('.oct_2016_gold_bg .oct_2016_product_square.js_oct_2016_product input').unbind()
               .click(function() {
               var href = $cartButton.attr('href')
               var symbol = href.indexOf('?') == -1 ? '?' : '&'
               href = $(this).is(':checked') ? href + symbol + 'gifting=1' : href.replace(symbol + 'gifting=1', '')  
               $cartButton.attr('href', href)
           })
	})();
}, 2000)				
</script>