Fri Sep 16 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
  • 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
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
<!-- ===============================================SPO_2016_09_19=============================================== -->

<div id="prod-wrapper">
    <div class="column-wrapper">
        <!-- ===============================================ONLINE=============================================== -->
        <div class="prod-col" id="online-col">    
            <div class="product-online-header"> 
                <h1> Rosetta Stone<sup>®</sup> 
                <span class="lang-name">Ingles</span><br> 
                <span class="product-type-name">Suscripción en línea</span></h1> 
            </div>
            <!-- ===============================================ONLINE DESCRIPTION=============================================== -->
            <div class="product-online-description">
                <div class="product-image">
                </div>
                <div class="product-description-text">
                    <ul class="product-content" > 
                        <li style="background-image:none;"> 
                            <div id="bv-starts" style="background: none repeat scroll 0% 0% rgba(0, 0, 0, 0); margin-top:25px;"> 
                            <div class="bv-stars-tosub rating-4_6"> &nbsp;</div> 
                                <span>4.5</span> (<span id="tosub-reviews">926</span> opiniones)
                            </div> 
                        </li>
                        <li>Acceso ilimitado a 5 niveles por la duracion de la membresia</li> 
                        <li>Acceso para 1 persona</li>
                        <li>Reconocimiento de voz</li>
                        <li>Aprende desde cualquier lugar y en cualquier dispositivo con nuestra aplicacion movil</li>
                    </ul>
                </div>
            </div>
            <div class="product-buttons">
                <a class="free-demo-button" id="onlinecontent_free-demo" tabindex="0" onkeydown="if(event.keyCode==13 || event.which==13) {  $(this).click();}">PROBAR EL INGLES</a>
            </div>
            <!-- ===============================================ONLINE PRODUCTS=============================================== -->
            <div class="product-list">
                <ul class="online-products-list">
                    <li class="online-product-spo" id="">
                        <form id="90472_form" action="https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add" method="POST"/>
                            <input type="hidden" value="ENG" name="category_id">
                            <input type="hidden" value="90472" name="sku">
                            <input type="hidden" value="0" name="gifting">
                        </form>
                        <div class="product-item"> 
                            <input class="online_radio" type="radio" id="90472_radio" value="" name="online_spo_duration_radio"/>
                            <span class="product_name">
                                <a href="javascript:void(0);" target="_blank">1-MES</a>
                            </span>
                            <span class="line-seperator-long"> </span>
                            <span class="price-tag">
                                <span class="list-price">$19.95</span>
                            </span>
                            <span class="line-seperator">&nbsp;</span>
                        </div>
                    </li>
                    <li class="online-product-spo" id="">
                        <form id="97342_form" action="https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add" method="POST"/>
                            <input type="hidden" value="ENG" name="category_id">
                            <input type="hidden" value="97342" name="sku">
                            <input type="hidden" value="0" name="gifting">
                        </form>
                        <div class="product-item"> 
                            <input class="online_radio" type="radio" id="97342_radio" value="" name="online_spo_duration_radio"/>
                            <span class="product_name">
                                <a href="javascript:void(0);" target="_blank">12-MESES</a>
                            </span>
                            <span class="line-seperator-long"> </span>
                            <span class="price-tag">
                                <span class="strike-thro">$179</span>
                                <span class="list-price">$149</span>
                            </span>
                            <span class="line-seperator">&nbsp;</span>
                        </div>
                    </li>
                    <li class="online-product-spo" id="">
                        <form id="99053_form" action="https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add" method="POST"/>
                            <input type="hidden" value="ENG" name="category_id">
                            <input type="hidden" value="99053" name="sku">
                            <input type="hidden" value="0" name="gifting">
                        </form>
                        <div class="product-item"> 
                            <input class="online_radio" type="radio" id="99053_radio" value="" name="online_spo_duration_radio" checked>
                            <span class="product_name">
                                <a href="javascript:void(0);" target="_blank">DE POR VIDA</a>
                            </span>
                            <span class="line-seperator-long"> </span>
                            <span class="price-tag">
                                <span class="strike-thro">$249</span>
                                <span class="list-price">$199</span>
                            </span>
                            <span class="line-seperator">&nbsp;</span>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- ===============================================ONLINE TO CART=============================================== -->
            <div class="cart-container">
                <div class="price-tag-container">
                    <div class="product-name" id="spo-online-product-name">DE POR VIDA</div>
                    <div class="main-price-tag" id="spo-online-main-price-tag">
                        <span class="strike-thro">$249</span>
                        <span class="list-price">$199</span>
                    </div>
                </div>
                <div class="buy-btn-container">
                    <button class="progress-button online_spo_add_button" data-horizontal="" data-style="fill">
                        <span class="content">
                            <span class="content">AÑADIR AL CARRITO</span>
                            <span class="progress"> </span>
                        </span>
                        <span class="progress">
                            <span class="progress-inner"></span>
                        </span>
                    </button>
                </div>
            </div>
        </div>
        <!-- ===============================================DOWNLOAD=============================================== -->
        <div class="prod-col" id="desktop-col">
            <div class="product-desktop-header"> 
                <h1> 
                    Rosetta Stone<sup>®</sup> 
                    <span class="lang-name">INGLES</span><br> 
                    <span class="product-type-name">descarga digital</span>
                </h1> 
            </div>
            <!-- ===============================================DOWNLOAD DESCRIPTION=============================================== -->
            <div class="product-desktop-description">
                <div class="product-image-download-spo"></div>
                <div class="product-description-text">
                    <ul class="product-content">
                        <li style="background-image:none;"> 
                          <div itemscope="" itemtype="http://schema.org/Product"> 
                            <div id="bv-starts" style="background: none repeat scroll 0% 0% rgba(0, 0, 0, 0); margin-top:25px;"> 
                              <div class="bv-stars-cd rating-4_6"></div> 
                              <div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating"> 
                                <span itemprop="ratingValue">4.6</span> (<span id="cd-reviews" itemprop="reviewCount">926</span> opiniones)
                              </div> 
                            </div>
                          </div> 
                        </li> 
                        <li>Aprende a tu propio ritmo con nuestro curso que nunca vence</li> 
                        <li>Acceso de hasta 5 miembros de la familia</li>
                        <li>Reconocimiento de voz</li>
                        <li>No requiere conexion de Internet</li> 
                    </ul>
                </div>
            </div>
            <div class="product-buttons">
                <a id="desktopcontent_free-demo" class="free-demo-button" tabindex="0" onkeydown="if(event.keyCode==13 || event.which==13) {  $(this).click();}">PROBAR EL INGLES</a>
            </div>
            <!-- ===============================================DOWNLOAD PRODUCTS=============================================== --> 
            <div class="product-list">
                <ul>
                    <li class="desktop-product-spo" id="">
                        <form id="24360_form" action="https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add" method="POST"/>
                            <input type="hidden" value="ENG" name="category_id">
                            <input type="hidden" value="24360" name="sku">
                            <input type="hidden" value="0" name="gifting">
                        </form>
                        <div class="product-item">        
                            <input class="download_radio" name="download_spo" value="" type="radio" id="24360_radio"/>                 
                            <span class="product_name">
                                <a href="javascript:void(0);" target="_blank">NIVEL 1</a>
                            </span>
                            <span class="line-seperator"> </span>
                            <span class="price-tag">
                                <span class="strike-thro">$124</span>
                                <span class="list-price">$99</span>
                            </span>
                            <span class="line-seperator">&nbsp;</span>
                        </div>
                    </li>

                    <li class="desktop-product-spo" id="">
                        <form id="24361_form" action="https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add" method="POST"/>
                            <input type="hidden" value="ENG" name="category_id">
                            <input type="hidden" value="24361" name="sku">
                            <input type="hidden" value="0" name="gifting">
                        </form>
                        <div class="product-item">        
                            <input class="download_radio" name="download_spo" value="" type="radio" id="24361_radio"/>                 
                            <span class="product_name">
                                <a href="javascript:void(0);" target="_blank">NIVELES 1-3</a>
                            </span>
                            <span class="line-seperator"> </span>
                            <span class="price-tag">
                                <span class="strike-thro">$199</span>
                                <span class="list-price">$159</span>
                            </span>
                            <span class="line-seperator">&nbsp;</span>
                        </div>
                    </li>

                    <li class="desktop-product-spo" id="">
                        <form id="24362_form" action="https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add" method="POST"/>
                            <input type="hidden" value="ENG" name="category_id">
                            <input type="hidden" value="24362" name="sku">
                            <input type="hidden" value="0" name="gifting">
                        </form>
                        <div class="product-item">        
                            <input class="download_radio" name="download_spo" value="" type="radio" id="24362_radio" checked/>                 
                            <span class="product_name">
                                <a href="javascript:void(0);" target="_blank">NIVELES 1-5</a>
                            </span>
                            <span class="line-seperator"> </span>
                            <span class="price-tag">
                                <span class="strike-thro">$249</span>
                                <span class="list-price">$199</span>
                            </span>
                            <span class="line-seperator">&nbsp;</span>
                        </div>
                    </li>
                </ul>
                <div class="spo-cd-container">
                    <div class="spo-cd-box">
                        <label class="spo-cd-radio-text">
                            <input type="checkbox" name="spo-backup-cd" class="cd-rom-box-tick" value="1" id="spo-backup-cd">COPIA DE CD</label>
                            <span class="line-seperator"> </span>
                            <span>+</span>
                            <span class="list-price"> $25.00</span>
                    </div>
                </div>
            </div>
            <!-- ===============================================DOWNLOAD TO CART=============================================== -->
            <div class="cart-container">
                <div class="price-tag-container">
                    <div class="product-name" id="spo-desktop-product-name">NIVELES 1-5</div>
                    <div class="main-price-tag" id="spo-desktop-main-price-tag">
                        <span class="strike-thro">$249</span>
                        <span class="list-price">$199</span>
                    </div>
                </div>
                <div class="buy-btn-container">
                    <button class="progress-button desktop_spo_add_button" data-style="fill" data-horizontal>
                        <span class="content">
                            <span class="content">AÑADIR AL CARRITO</span>
                            <span class="progress"> </span>
                        </span>
                        <span class="progress">
                            <span class="progress-inner"></span>
                        </span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<style type="text/css">
    .spo-cd-box{
        background: #fff;
        border: 1px solid #c5c5c5;
        width: 20.8em;
        margin: 0 auto;
    }

    .spo-cd-box label{
        font-family: "GothamBook";
        font-weight: bold;
        line-height: 3em;
        color: #363636;
    }
    .spo-cd-box input{
        vertical-align: middle;
        margin: 0 4px 0 0;
    }
    .spo-cd-box .list-price{
        font-family: gothambook;
        display: inline-block;
        color: #467700;
        width: 30px;
        width: 35px;
    }
    .spo-cd-box .line-seperator{
        display: inline-block;
        width: 50px;
    }

    .online-product-spo, .desktop-product-spo{
        list-style-type: none;
        text-align: left;
        margin: 11px auto;
        width: 80%;
    }
    .online-product-spo .product_name, .desktop-product-spo .product-name{
        width: 110px;
    }
    .product-image-download-spo{
        background-image: url('/image/image_gallery?uuid=0d0f1042-699f-4e6f-a7fd-670a952b94f7&groupId=10165&t=1421097753452');
        background-size: contain;
        display: inline-block;
        height: 200px;
        width: 40%;
    }

</style>
<!-- ===============================================ADD TO CART=============================================== -->

<script type="text/javascript">
    $(document).ready(function(){
        $(".online_spo_add_button").click(function(){
            alert("online cart button clicked");
            var form_name=$('input[name=online_spo_duration_radio]:checked').attr('id').split("_")[0]+"_form";
            $("#"+form_name).submit();
        });


        $(".desktop_spo_add_button").click(function(){
            var sku=$('input[name=download_spo]:checked').attr('id').split("_")[0];
            var related_skus = {24360:52313,24361:52315,24362:52317}
            var related_sku = related_skus[sku];
            var form_name=sku+"_form";
            if($("#spo-backup-cd").attr('checked') == "checked"){
                window.location.href = "https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add/sku/"+ sku +"/category_id/ENG/related_sku/"+related_sku;
            }else{
                $("#"+form_name).submit();
            }
        });
    });
</script>

<!-- ===============================================ONLINE RADIO BEHAVIOR=============================================== -->

<script type="text/javascript">
$( document ).ready(function() {
$('#prod-wrapper').hide()
    $(".online-product-spo .product-item input").click(function (){
        $("#spo-online-product-name").html($(this).siblings(".product_name").html()); //product name
        $("#spo-online-main-price-tag").html($(this).siblings(".price-tag").html()); //price tag
    });
    $(".desktop-product-spo .product-item input").click(function (){
        $("#spo-desktop-product-name").html($(this).siblings(".product_name").html()); //product name
        $("#spo-desktop-main-price-tag").html($(this).siblings(".price-tag").html()); //price tag
    });
});
</script>