- 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 & 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 & 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=============================================== -->