• 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

#set ($velocity_templates_path = "velocity-templates-theme_SERVLET_CONTEXT_/templates")
#parse ("$velocity_templates_path/init.vm")

#set($langs =  {
    "learn-german":{"code":"DEU","lang":"German","sku":"27797"},
    "learn-german-a":{"code":"DEU","lang":"German","sku":"27797"},
    "learn-greek":{"code":"GRK","lang":"Greek","sku":"27803"},
    "learn-greek-a":{"code":"GRK","lang":"Greek","sku":"27803"},
    "learn-arabic":{"code":"ARA","lang":"Arabic","sku":"27746"},
    "learn-arabic-a":{"code":"ARA","lang":"Arabic","sku":"27746"},
    "learn-chinese":{"code":"CHI","lang":"Chinese (Mandarin)","sku":"29879"},
    "learn-chinese-a":{"code":"CHI","lang":"Chinese (Mandarin)","sku":"29879"},
    "learn-korean":{"code":"KOR","lang":"Korean","sku":"27842"},
    "learn-korean-a":{"code":"KOR","lang":"Korean","sku":"27842"},
    "learn-spanish-spain":{"code":"ESC","lang":"Spanish (Spain)","sku":"27884"},
    "learn-spanish-spain-a":{"code":"ESC","lang":"Spanish (Spain)","sku":"27884"},
    "learn-spanish":{"code":"ESP","lang":"Spanish","sku":"27875"},
    "learn-spanish-a":{"code":"ESP","lang":"Spanish","sku":"27875"},
    "learn-french":{"code":"FRA","lang":"French","sku":"27788"},
    "learn-french-a":{"code":"FRA","lang":"French","sku":"27788"},  
    "learn-tagalog":{"code":"TGL","lang":"Filipino (Tagalog)","sku":"27779"},
    "learn-tagalog-a":{"code":"TGL","lang":"Filipino (Tagalog)","sku":"27779"},
    "learn-hebrew":{"code":"HEB","lang":"Hebrew","sku":"27809"},
    "learn-hebrew-a":{"code":"HEB","lang":"Hebrew","sku":"27809"},
    "learn-hindi":{"code":"HIN","lang":"Hindi","sku":"27815"},
    "learn-hindi-a":{"code":"HIN","lang":"Hindi","sku":"27815"},
    "learn-dutch":{"code":"NED","lang":"Dutch","sku":"27758"},
    "learn-dutch-a":{"code":"NED","lang":"Dutch","sku":"27758"},
    "learn-irish":{"code":"GLE","lang":"Irish","sku":"27821"},
    "learn-irish-a":{"code":"GLE","lang":"Irish","sku":"27821"},
    "learn-english":{"code":"ENG","lang":"English","sku":"24362"},
    "learn-english-a":{"code":"ENG","lang":"English","sku":"24362"},
    "learn-english-british":{"code":"EBR","lang":"English (British)","sku":"28397"},
    "learn-english-british-a":{"code":"EBR","lang":"English (British)","sku":"28397"},
    "learn-italian":{"code":"ITA","lang":"Italian","sku":"27830"},  
    "learn-italian-a":{"code":"ITA","lang":"Italian","sku":"27830"},
    "learn-japanese":{"code":"JPN","lang":"Japanese","sku":"27836"},
    "learn-japanese-a":{"code":"JPN","lang":"Japanese","sku":"27836"},
    "learn-latin":{"code":"LAT","lang":"Latin","sku":"22085"},
    "learn-latin-a":{"code":"LAT","lang":"Latin","sku":"22085"},
    "learn-farsi":{"code":"FAR","lang":"Persian (Farsi)","sku":"27848"},
    "learn-farsi-a":{"code":"FAR","lang":"Persian (Farsi)","sku":"27848"},
    "learn-polish":{"code":"POL","lang":"Polish","sku":"27854"},
    "learn-polish-a":{"code":"POL","lang":"Polish","sku":"27854"},
    "learn-portuguese":{"code":"POR","lang":"Portuguese (Brazil)","sku":"27860"},
    "learn-portuguese-a":{"code":"POR","lang":"Portuguese (Brazil)","sku":"27860"},
    "learn-russian":{"code":"RUS","lang":"Russian","sku":"29882"},
    "learn-russian-a":{"code":"RUS","lang":"Russian","sku":"29882"},
    "learn-swedish":{"code":"SVE","lang":"Swedish","sku":"27890"},
    "learn-swedish-a":{"code":"SVE","lang":"Swedish","sku":"27890"},
    "learn-turkish":{"code":"TUR","lang":"Turkish","sku":"27896"},
    "learn-turkish-a":{"code":"TUR","lang":"Turkish","sku":"27896"},
    "learn-vietnamese":{"code":"VIE","lang":"Vietnamese","sku":"27902"},
    "learn-vietnamese-a":{"code":"VIE","lang":"Vietnamese","sku":"27902"},
    "clone-spanish":{"code":"CHI","lang":"Chinese","sku":"29879"}
})

## set category, lang name, default sku

    #set($url = $request.attributes.CURRENT_URL)
    #set($urlsplit = $url.split("\/|\?"))
    #foreach( $l in $langs.keySet())
        #if ($urlsplit.indexOf($l)>=0)
            #set($langName = $langs.get($l).get("lang"))
            #set($langCode = $langs.get($l).get("code"))
            #set($defaultSku = $langs.get($l).get("sku"))
        #end
    #end

## get community name

    #set ($GroupLocalService = $serviceLocator.findService('com.liferay.portal.service.GroupLocalService'))
    #set ($group = $GroupLocalService.getGroup($getterUtil.getLong($themeDisplay.get('scope-group-id'))))
    #set ($community_name = $group.getName())

##start multiproduct service

    #set ($multiProductService = $serviceLocator.findService('rosetta-multiproduct-services-portlet','com.rosettastone.productmix.service.MagentoDataProductMixLocalService'))

##get product

    #set($product = $multiProductService.getProduct("$defaultSku", "$community_name"))
    #set($msrpPrice = $product.productDiscountedPrice)
    #set($discountPrice = $product.productDiscountPrice)
    
<script type="text/javascript">
    var lang = "${langCode}";
    var lang = lang.toLowerCase();
</script>

<meta itemprop="price" content= "$CurrenySymbols$discountPrice" />
<meta itemprop="availability" itemtype="http://schema.org/ItemAvailability" content="http://schema.org/InStock" />
<meta itemprop="priceCurrency" content="USD" />

<link rel="stylesheet" type="text/css" href="http://www.rosettastone.com/lp/catalogpages/css/main_module.css">

<div class="layout-main" id="desktopcontent">
    <input class="new-demo-url" type="hidden" value="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=" /> <input class="html5-url" type="hidden" value="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=${skus.category.toLowerCase()}&" /> <input class="v3_demo_url" type="hidden" value="http://launch.rosettastone.com/en/demo/rs3?language_code=" /></div>
    <div class="layout-main" id="onlinecontent">
    <input class="new-demo-url" type="hidden" value="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=" /> <input class="html5-url" type="hidden" value="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=${skus.category.toLowerCase()}&" /><input class="v3_demo_url" type="hidden" value="http://launch.rosettastone.com/en/demo/rs3?language_code=" />
</div>

<div id="prod-wrapper">
    <div class="column-wrapper">
        <div class="prod-col" id="online-col">
            <div class="product-online-header"> 
                <h1> Rosetta Stone<sup>&reg;</sup> 
                <span>$langName</span><br> 
                <span class="product-type-name">Online Subscription &amp; App </span></h1> 
            </div>
            <div class="product-online-description">
                <div class="product-image">
                </div>
                <div class="product-description-text">
                  <ul class="product-content" >
                    <li style="background-image:none; margin-bottom: 40px;"> 
                        <!-- trust pilot html starts -->
                        <div class="wrapper-company-info tp-widget-rating" style="display:none;">
                            <div class="tp-widget-stars">
                                <div class="star-rating tpCatStar business clearfix">
                                    <div class="star-1">
                                        <img height="18" src="http://www.rosettastone.com/lp/catalog2015/star.png" width="18" /></div>
                                    <div class="star-2">
                                        <img height="18" src="http://www.rosettastone.com/lp/catalog2015/star.png" width="18" /></div>
                                    <div class="star-3">
                                        <img height="18" src="http://www.rosettastone.com/lp/catalog2015/star.png" width="18" /></div>
                                    <div class="star-4">
                                        <img height="18" src="http://www.rosettastone.com/lp/catalog2015/star.png" width="18" /></div>
                                    <div class="star-5">
                                        <img height="18" src="http://www.rosettastone.com/lp/catalog2015/star.png" width="18" /></div>
                                </div>
                                <div class="star-rating business tp-txt">
                                    (<span id="tp-count">0</span> <span id="tp-rev">reviews</span>)
                                </div>
                            </div>
                        </div>
                    </li> 
                    <li> Learn online or with our <a class="tip hoverer" data-tip="<div class='tip_row'><img style='height:62px;width:85px;margin-bottom:17px;' src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby2015.png' /><div><h4>Tabby Awards</h4><p>Winner in the 'Android - Education & Reference' category</p></div></div><div class='tip_row'><img src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_winner.jpeg' /><div><p>Overall Winner and Users' Choice honoree in the Android – Education Category</p></div></div><div class='tip_row' style='margin-top:10px'><img src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' _cke_saved_src='http://www.rosettastone.com/lp/catalogpages/img/tabby_user_choice.jpeg' /><div><p>Users' Choice honoree in the iPad – Education / Adults, Professionals and General Category</p></div></div>" href="javascript:void(0)">award-winning app</a></li> 
                    <li> Optimized for iPad&reg; and Android tablets </li> 
                    <li id="unlimitedAccess"> Unlimited access for 6, 12 or 24 months </li> <li> Use on computer, tablet, or smartphones </li> 
                  </ul>
                </div>
            </div>
            <div class="product-buttons">
                <a id="online-learn-more" href="" style="display:none;">LEARN MORE</a>
                <a class="free-demo-button" id="onlinecontent_free-demo" tabindex="0" onkeydown="if(event.keyCode==13 || event.which==13) {$(this).click(); };">TRY DEMO</span></a>              
            </div>
            <div class="gifting">
              <div class="gift-row"> 
                  <label>
                      <input type="checkbox" id="olcheck">
                      <span class="giftbg">Give as a gift!</span>
                  </label> 
              </div>
            </div>
            <div class="product-list">
              <ul id="subscriptionList">
              </ul>
            </div>
            <div class="cart-container">
                <div class="price-tag-container">
                    <div class="product-name" id="online-product-name"></div>
                    <div class="main-price-tag" id="online-main-price-tag">
                        <span id="online-msrp" class="strike-thro"></span>
                        <span id="online-price" class="list-price"></span>
                    </div>
                </div>
                <div class="buy-btn-container">
                  <a class="progress-button" id="subscriptionButton"  onkeydown="if(event.keyCode==13 || event.which==13) {  $(this).click();}"  tabindex="0" > ADD TO CART </a>  
                </div>
            </div>
        </div>
        <div class="prod-col" id="desktop-col">
          <div itemscope itemtype="http://schema.org/Product">
            <div class="product-desktop-header"> 
                <h1><span itemprop="brand">Rosetta Stone</span><sup>&reg;</sup> 
                <span itemprop="name">$langName</span><br> 
                <span id="rsMediaOption1" class="product-type-name">CD #if($langName=="Latin")#else or Download #end</span>
                <span id="rsMediaOption2" style="display: none;" class="product-type-name">Download</span>
                </h1> 
            </div>
            <div class="product-desktop-description">
                <div class="product-image" id="product-image-swap" style="background-image: url(http://www.rosettastone.com/lp/catalogpages/img/computer-download.png);">
                </div>
                <div class="product-description-text">
                  <ul class="product-content"> 
                    <li style="background-image:none; margin-bottom:40px;"> 
                        <!-- trust pilot html starts -->
                        <div class="wrapper-company-info tp-widget-rating" style="display:none;">
                            <div class="tp-widget-stars">
                                <div class="star-rating tpCatStar business clearfix">
                                    <div class="star-1">
                                        <img height="18" src="http://www.rosettastone.com/lp/catalog2015/star.png" width="18" /></div>
                                    <div class="star-2">
                                        <img height="18" src="http://www.rosettastone.com/lp/catalog2015/star.png" width="18" /></div>
                                    <div class="star-3">
                                        <img height="18" src="http://www.rosettastone.com/lp/catalog2015/star.png" width="18" /></div>
                                    <div class="star-4">
                                        <img height="18" src="http://www.rosettastone.com/lp/catalog2015/star.png" width="18" /></div>
                                    <div class="star-5">
                                        <img height="18" src="http://www.rosettastone.com/lp/catalog2015/star.png" width="18" /></div>
                                </div>
                                <div class="star-rating business tp-txt">
                                    (<span id="tp-count">0</span> <span id="tp-rev">reviews</span>)
                                </div>
                            </div>
                        </div>
                    </li> 
                    <li> Ideal for learning $langName at home </li> 
                    <li> Unlimited access for you and your family </li> 
                    <li id="available1"> Available as a CD-ROM#if($langName=="Latin")#else or Download #end</li> 
                    <li id="available2" style="display: none;"> Available as a<span> Download </span></li>            
                  </ul>
                </div>
            </div>
            <div class="product-buttons">
                <a id="desktop-learn-more" href="" style="display:none;">LEARN MORE</a>
                <a class="free-demo-button" id="desktopcontent_free-demo" tabindex="0" onkeydown="if(event.keyCode==13 || event.which==13) { $(this).click(); };">TRY DEMO</span></a>
            </div>
            <div class="gifting">
              <div class="gift-row"> 
                  <label>
                      <input type="checkbox" id="cdcheck">
                      <span class="giftbg">Give as a gift!</span>
                  </label> 
              </div>
            </div>
            <div class="product-list">
              <ul id="cdList" style="display: none;">
              </ul>
              <ul id="downloadList">
              </ul>
              <div class="cd-download-container">
                <div class="cd-download-box">
                    <label class="cd-radio-text"><input id="cdToggle" type="radio" name="version_selected" class="cd-rom-box-tick" value="1" id="cdrom-radio">CD ROM</label> 
                    <label style="width: 220px;" class="download-radio-text"><input id="downloadToggle" type="radio" name="version_selected" class="cd-rom-box-tick" value="2" id="download-radio"checked="checked">INSTANT DOWNLOAD</label>
                </div>
              </div>
            </div>
            <div class="cart-container">
                <div class="price-tag-container">
                    <div class="product-name" id="desktop-product-name"></div>
                    <div class="main-price-tag" id="desktop-main-price-tag">
                        <span id="desktop-msrp" class="strike-thro"></span>
                        <span id="desktop-price" class="list-price"></span>
                    </div>
                </div>
                <div class="buy-btn-container">
                  <a class="progress-button" id="cdButton" onkeydown="if(event.keyCode==13 || event.which==13) { $(this).click();}" tabindex="0"  style="display: none;"> ADD TO CART </a>
                  <a class="progress-button" id="downloadButton" onkeypress="if(event.keyCode==13 || event.which==13) {  this.click();}" tabindex="0" > ADD TO CART </a>                      
                </div>
            </div>
          </div>
        </div>
    </div>
</div>
<script src="/2014-commerce-theme/js/libs/modernizr.js"></script>
<script src="/2014-commerce-theme/js/classie.js"></script>
<script src="/2014-commerce-theme/js/progressButton.js"></script>
<script type="text/javascript" src="http://www.rosettastone.com/lp/catalogpages/js/main_module.js"></script>
<script type="text/javascript" src="http://www.rosettastone.com/lp/catalogpages/js/rsi.js"></script>
<style type="text/css">
  #prod-wrapper {
    padding-bottom: 100px;
  }
  .hoverer{
    text-decoration: underline;
  }

  #if($langName == "Latin")
  .product-desktop-header h1 {
    background:none!important;
  }
  #end
</style>
$content.data