Tue Sep 20 2016
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
                    <!-- ===============================================SPO_2016_09_19=============================================== -->

                    <style type="text/css">
                        .spo-toggable-section {
                            display: none;
                            padding-bottom: 5%;
                        }
                        .toggler-cont a.spo-download {
                            position:relative;
                            background-color: #ddd; /* yaphi */
                            color: #222;
                        }
                        .toggler-cont a.spo-download.is-active {
                            background-color: #05a3e8;
                            color:#fff;
                        }

                        .toggler-cont a.spo-subscription {
                            color:#222;
                            position:relative;
                            background-color: #ddd; /* yaphi */
                        }

                        .toggler-cont a.spo-subscription.is-active {
                            background-color: #ecc200;
                            color: #222;
                        }
                        .toggler-cont a.spo-download.is-active:after {
                            border-top:10px solid #0098db
                        }

                        .toggler-cont a.spo-subscription.is-active:after {
                            border-top:10px solid #ecc200;
                        }
                        #upsell{
                            background-color: white;
                            width: 70%;
                            margin: 3% auto;
                            padding: 2%;
                            border: 1px #888 solid;
                        }
                        #upsell span{
                            float: right;
                        }
                        #spo-cd-upsell{
                            margin-right: 5px;
                            vertical-align: middle;
                        }
                    </style>
                    <div id="simplified-product-offering">

                        <!-- ===============================================MEDIA TOGGLE=============================================== -->

                        <div class="toggler-cont">
                            <a class="is-active spo-linked-toggler spo-download" data-toggler-name='spo-download'>Acceso En Computadoa</a>
                            <a  class='spo-linked-toggler spo-subscription' data-toggler-name='spo-subscription'>Acceso Por Internet</a>
                        </div>


                        <div class="toggled-items">


                            <!-- ===============================================DOWNLOAD PRODUCTS=============================================== -->
                            <div id='download-section' data-toggable-name='spo-download' class='spo-toggable-section' style="display:block;">
                                <!-- ===============================================DESCRIPTION=============================================== -->
                                <div style="background:#fff; border:1px solid #dbdbdb;border-top:none;">
                                    <section class="page-row page-row--content"  style='padding-top:15px;background: none'>
                                        <div class="detail-item clearfix" style='margin:10px 0'>
                                            <div style="width:30%; float:left;padding-left: 10px">
                                                <img src='../../globals/mobileimages/digital_download_sm.png' width="100%" />
                                            </div>
                                            <div class="detail-item--content" style='width: 65%'>
                                                <ul style='margin:0 0 0 15%;padding:0'>
                                                   <li>
                                                        <p>Aprende a tu propio ritmo con nuestro curso que nunca vence.</p>
                                                    </li>
                                                    <li>
                                                        <p>Acceso de hasta 5 miembros de la familia</p>
                                                    </li>
                                                    <li>
                                                        <p>Reconocimiento de voz</p>
                                                    </li>
                                                    <li>
                                                        <p>No requiere conexion de Internet</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </section>
                                </div>
                                <!-- ===============================================PRODUCTS=============================================== -->
                                <div style='background: transparent; overflow:auto'>
                                    <!-- PRODUCTS -->
                                    <ul id="spo-product-list-download" class="product-list" style="padding: 0 15px">
                                        <li class="product" data-product="L1">
                                            Nivel 1
                                            <div class="price">
                                                <span class="promo-price">$99.00</span>
                                            </div>
                                        </li>
                                        <li class="product" data-product="S3">
                                            Niveles 1, 2 &amp; 3
                                            <div class="price">
                                                <span class="promo-price">$159.00</span>
                                            </div>
                                        </li>
                                         <li class="product selected" data-product="S5">
                                            Niveles 1, 2, 3, 4 &amp; 5 
                                            <div class="price">
                                                <span class="promo-price">$199.00</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <!-- ===============================================TO CART=============================================== -->
                                <div style="padding: 10px 0px 15px">
                                    <button type="submit" class="cart-adder yellowbutton" id='checkout-spo-download'>AÑADIR AL CARRITO</button>
                                    <div  style="clear:both"></div>
                                </div>
                                <!-- ===============================================CD UPSELL=============================================== -->
                                <div id="upsell">
                                    <input type="checkbox" id="spo-cd-upsell">Copia de CD <span>+ $25.00</span></input>
                                </div>
                            </div> 



                            <!-- ===============================================SUBSCRIPTION=============================================== -->
                            <div id='subscription-section' data-toggable-name='spo-subscription'  class='spo-toggable-section'>
                                <style>.detail-item h2 {font-size: 1.0em;}</style>
                                <!-- ===============================================DESCRIPTION=============================================== -->
                                <div style='background: #f5f5f5;border:1px solid #dbdbdb;border-top:none;'>
                                    <section class="page-row page-row--content"  style='padding-top:15px;background: none;margin-bottom:-4px;padding-bottom:0'>
                                        <div class="detail-item clearfix" style='margin:10px 0'>
                                            <div style="width:30%; float:left;padding-left: 10px"><img src='../../globals/mobileimages/screenshot.png' width="100%" /></div>
                                            <div class="detail-item--content" style='width: 65%'>
                                                <ul style='margin:0 0 0 15%;padding:0'>
                                                    <li>
                                                        <p>Acceso ilimitado a 5 niveles por la duracion de la membresia</p>
                                                    </li>
                                                    <li>
                                                        <p>Acceso para 1 persona</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="detail-item clearfix" style='margin:10px 0'>
                                            <div style="width:30%; float:left;padding-left: 10px"><img src='../../globals/mobileimages/devices.png' width="100%" /></div>
                                            <div class="detail-item--content" style='width: 65%'>
                                                <ul style='margin:0 0 0 15%;padding:0'>
                                                    <li>
                                                        <p>Reconocimiento de voz</p>
                                                    </li>
                                                    <li>
                                                        <p>Aprende desde cualquier lugar y en cualquier dispositivo con nuestra aplicacion movil</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </section>
                                </div>
                                <!-- ===============================================PRODUCTS=============================================== -->
                                <div style='background:transparent; overflow:auto;'>
                                    <ul id="spo-product-list-subscription" class="product-list" style="padding: 0 15px">
                                        <li class="product selected" data-product="1">
                                            1 Mes
                                            <div class="price">
                                                <span class="promo-price">$19.95</span>
                                            </div>
                                        </li>
                                        <li class="product" data-product="12">
                                            12 Meses
                                            <div class="price">
                                                <span class="promo-price">$144.00</span>
                                            </div>
                                        </li>
                                        <li class="product" data-product="life">
                                            De por vida
                                            <div class="price">
                                                <span class="promo-price">$199.00</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>

                                <!-- ===============================================TO CART=============================================== -->
                                <button type="submit" class="cart-adder yellowbutton" id='checkout-spo-subscription' style='margin-top:15px;'>AÑADIR AL CARRITO</button>
                                <div style="margin:15px 0px 50px; text-align:center;">
                                    <p>
                                        <a href="tel:18007673882">
                                            <img src="../../globals/mobileimages/button_callorder.jpg" style="width:173px">
                                        </a>
                                    </p>
                                </div>
                                <div  style="clear:both"></div>
                            </div>



                        </div>
                    </div>
                    <script type="text/javascript">
                    var productMap = {
                        "q2_199":{
                            "L1":{"sku":"24360","msrp":"124","promo":"tremblant_L1DL","price":"99.00","cdupsell":{"sku":"52313","msrp":"50.00","promo":"tremblant_L1CDB","price":"25.00"}},
                            "S3":{"sku":"24361","msrp":"199","promo":"tremblant_S3DL","price":"159.00","cdupsell":{"sku":"52315","msrp":"50.00","promo":"tremblant_S3CDB","price":"25.00"}},
                            "S5":{"sku":"24362","msrp":"249.00","promo":"tremblant_S5DL","price":"199.00","cdupsell":{"sku":"52317","msrp":"50.00","promo":"tremblant_S5CDB","price":"25.00"}},
                            "1":{"sku":"90472","msrp":"19.95","promo":"","price":"19.95"},
                            "12":{"sku":"97342","msrp":"179.00","promo":"anchorage_12M","price":"144.00"},
                            "life":{"sku":"99053","msrp":"249","promo":"tremblant_Life","price":"199.00"}
                        }
                    };
                    var spoCart = "https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add/sku/";
                    
                    $(document).ready(function(){

                        function showSimplified(){
                            $('#simplified-product-offering').show();
                            $('#standard-product-offering').hide();
                        }
                        
                        function showStandard(){
                            $('#simplified-product-offering').hide();
                            $('#standard-product-offering').show();
                        }


                        // language change
                        $('#dropdown-language').change(function() {
                           $('#dropdown-language').find(":selected").attr('value') == "eng" ? showSimplified() : showStandard();
                        });

                        // media toggle
                        $('a.spo-linked-toggler').click(function(e){
                            e.preventDefault()

                            $('a.spo-linked-toggler').removeClass('is-active')
                            $(this).addClass('is-active')

                            var id = $(this).data('toggler-name')

                            $toShow = $('div[data-toggable-name=' + id + ']')
                            $('.spo-toggable-section').fadeOut('fast')
                            $toShow.fadeIn('fast');

                        });
                        
                        // choose product
                        $('ul#spo-product-list-download li, ul#spo-product-list-subscription li').click(function() {
                            $(this).siblings().removeClass('selected');
                            $(this).addClass('selected');
                         });



                        // add to cart
                        $('button#checkout-spo-download').click(function(){
                            var productName = $('#spo-product-list-download').find('li.selected').data('product');
                            var product = productMap[RSI.promo][productName];


                            try {
                                s.events="event41";
                                s.t();
                                delete s.events;
                            } catch (e) {}
                        if($('input#spo-cd-upsell:checked').length){
                            var link1 = spoCart + product.sku + "/category_id/" + 'ENG/category_id/ENG/related_sku/' + product.cdupsell.sku + '?pc=' + product.promo;
                            window.location.href = link1;
                        }else{
                            var link2 = spoCart + product.sku + "/category_id/" + 'ENG' + '?pc=' + product.promo;
                            window.location.href = link2;
                        }

                        });
                        $('button#checkout-spo-subscription').click(function(){
                            var productName = $('#spo-product-list-subscription').find('li.selected').data('product');
                            var product = productMap[RSI.promo][productName];


                            try {
                                s.events="event41";
                                s.t();
                                delete s.events;
                            } catch (e) {}

                            var link1 = spoCart + product.sku + "/category_id/" + 'eng' + '?pc=' + product.promo;
                            window.location.href = link1;

                        });

                        $('#simplified-product-offering').insertAfter('#standard-product-offering');

                        // initial
                        $('#dropdown-language').find(":selected").attr('value') == "eng" ? showSimplified() : showStandard();
                    });

                        
                       
                            
                    </script>
                    <!-- ===============================================SPO_2016_09_19=============================================== -->