- 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
- 337
- 338
- 339
- 340
- 341
- 342
- 343
- 344
- 345
<!-- ===============================================SPO_2016_09_19=============================================== -->
<div id="spo-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"> </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" style="margin-left: 2px;">
<span class="list-price">$19.95</span>
</span>
<span class="line-seperator"> </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"> </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"> </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"> </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"> </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"> </span>
</div>
</li>
</ul>
</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 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" unchecked>COPIA DE CD</label>
<span class="line-seperator"> </span>
<span>+</span>
<span class="list-price"> $25.00</span>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
#spo-prod-wrapper .product-lists{
min-height: 200px;
margin-top: 40px;
}
.spo-cd-box{
background: #fff;
border: 1px solid #c5c5c5;
width: 20.8em;
margin: 5% 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;
height: 7px;
margin: 0 5px;
}
.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(){
$('#prod-wrapper').hide()
$(".online_spo_add_button").click(function(){
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() {
$(".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>