Mon Dec 18 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
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
<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%;
      max-height: 330px;
      
    }
  
  
    .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 lang = selectedLang
            var fullLangName = $('#simplified_langselect_title strong').text().replace('Learn', '').trim()
        
            // 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')

            // replace promocode, if any            
            currentHref = currentHref.replace(/([\?&])pc=([^&]*)/, '$1pc=SR_Sitewide_Sale')
            
            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)
            })
          })();
        }, 3000)				
    </script>