Skip to content

Instantly share code, notes, and snippets.

@puleos
Created July 24, 2012 16:32
Show Gist options
  • Save puleos/3171059 to your computer and use it in GitHub Desktop.
Save puleos/3171059 to your computer and use it in GitHub Desktop.
PP Upsell Template
<script id="upsellTemplate" type="text/x-jquery-tmpl">
<li class="upsell-container">
<table border="1" width="250" height="440" >
<tr><td>
<p id="item-image">
<a href="${productUrl}" title="${name.replace("�", "™")}"><img src="${productImage}" alt="${name.replace("�", "™")}" /></a></p>
{{if reviewStars > 0}}
<p><img src="${reviewUrl}" /><a href="${productUrl}" class="blue">${parseInt(reviewStars)} Reviews </a> </p>
{{else}}
<p><img src="http://images.vitaminimages.com/pp/images/ratings_0.jpg" /> <a href="${productUrl}" class="blue" >Write the first review </a></p>
{{/if}}
<p class="bold-text item-name-upsell"><a href="${productUrl}" title="${name.replace("�", "™")}">${name.replace("�", "™")}</a></p>
<p class="item-potency">${productForm}</p>
<p class="item-other-sizes"><a href="${productUrl}?NewPage=1#siblings" title="Other Sizes Available">${otherSize} Other Sizes Available</a></p>
</tr><tr><td valign="bottom">
{{if saleId == 5 || saleId == 31 }}
<div id="item-pricing"><div class="item-promo-special"></div><div class="item-promo">
${bogoTxt}</div><div class="item-price"> 2 for $${price}</div>
<div id="item-addtocart"><a href="${addUrl}" title="Add to Cart"><span>Add to Cart</span></a></div>
</div>
<div id="item-pricing"><div class="item-promo-special"></div><div class="item-promo">
${btgtTxt}</div><div class="item-price"> 5 for $${price * 2}</div>
<div id="item-addtocart"><a href="${addUrl2}" title="Add to Cart"><span>Add to Cart</span></a></a></div>
</div>
{{else saleId == 2}}
<div id="item-pricing"><div class="item-promo-special"></div><div class="item-promo">
${bogtTxt}</div><div class="item-price"> 3 for $${price}</div>
<div id="item-addtocart"><a href="${addUrl}" title="Add to Cart"><span>Add to Cart</span></a></div>
</div>
<div id="item-pricing"><div class="item-promo-special"></div><div class="item-promo">
${btgfTxt}</div><div class="item-price"> 6 for $${price * 2}</div>
<div id="item-addtocart"><a href="${addUrl2}" title="Add to Cart"><span>Add to Cart</span></a></a></div>
</div>
{{else saleId == 30}}
<div id="item-pricing"><div class="item-promo-special"></div><div class="item-promo">
${bogtTxt}</div><div class="item-price"> 3 for $${price}</div>
<div id="item-addtocart"><a href="${addUrl}" title="Add to Cart"><span>Add to Cart</span></a></div>
</div>
<div id="item-pricing"><div class="item-promo-special"></div><div class="item-promo">
${btgfTxt}</div><div class="item-price"> 6 for $${price * 2}</div>
<div id="item-addtocart"><a href="${addUrl2}" title="Add to Cart"><span>Add to Cart</span></a></a></div>
</div>
{{else}}
<div id="item-pricing-single"><div class="item-promo-special"></div><div class="item-promo">
${specialPriceTxt}</div><div class="item-price"> $${salePrice}</div>
<div id="item-addtocart-single"><a href="${addUrl}" title="Add to Cart"><span>Add to Cart</span></a></div>
</div>
{{/if}}
</td>
</tr>
</table>
</li>
</script>
<script id="upsellNarrowTemplate" type="text/x-jquery-tmpl">
<li class="upsell-container">
<p>
<a href="${productUrl}" title="${name.replace("�", "™")}"><img src="${productImage}" alt="${name.replace("�", "™")}" style="height: 100px" /></a></p><br />
{{if reviewStars > 0}}
<p><img src="${reviewUrl}" /><a href="${productUrl}" class="blue">${parseInt(reviewStars)} Reviews </a> </p>
{{else}}
<p><img src="http://images.vitaminimages.com/pp/images/ratings_0.jpg" /> <a href="${productUrl}" class="blue" >Write the first review </a></p>
{{/if}}
<p class="bold-text item-name-upsell"><a href="${productUrl}" title="${name.replace("�", "™")}">
${name.replace("�", "™")}</a></p>
<p class="item-potency">${productForm}</p><br />
{{if saleId == 5 || saleId == 31 }}
<p class="bold-text"><span class="item-promo">${bogoTxt}</span> $${salePrice}</p>
<p><a href="${addUrl}&ajax=true" class="soft-cart-add" title="Add to Cart"><span><img src="/images/b_addtocart_upsell.png" /></span></a></p>
<!-- <p class="bold-text"><span class="item-promo">${btgfTxt}</span> $${salePrice}</p>
<p><a href="${addUrl2}" class="soft-cart-add" title="Add to Cart"><span><img src="/images/b_addtocart_upsell.png" /></span></a></p> -->
{{else saleId == 2 }}
<p class="bold-text"><span class="item-promo">${bogtTxt}</span> $${salePrice}</p>
<p><a href="${addUrl}&ajax=true" class="soft-cart-add" title="Add to Cart"><span><img src="/images/b_addtocart_upsell.png" /></span></a></p>
{{else saleId == 30 }}
<p class="bold-text"><span class="item-promo">${bogtTxt}</span> $${salePrice}</p>
<p><a href="${addUrl}&ajax=true" class="soft-cart-add" title="Add to Cart"><span><img src="/images/b_addtocart_upsell.png" /></span></a></p>
{{else}}
<p class="bold-text"><span class="item-promo">${specialPriceTxt}</span> $${salePrice}</p>
<p><a href="${addUrl}&ajax=true" title="Add to Cart" class="soft-cart-add"><span style="position: relative; width: 170px;">
<img src="/images/b_addtocart_upsell.png" /></span></a></p>
{{/if}}
</li>
</script>
<script id="upsellNarrowHomePageTemplate" type="text/x-jquery-tmpl">
<li class="upsell-container">
<table border="1" width="150" height="310" >
<tr>
<td valign="top">
<a href="${productUrl}" title="${name.replace("�", "™")}"><img src="${productImage}" alt="${name.replace("�", "™")}" style="height: 100px" /></a></p>
{{if reviewStars > 0}}
<p><img src="${reviewUrl}"/><br/><br/><a href="${productUrl}" class="blue">${parseInt(reviewStars)} Reviews </a> </p>
{{else}}
<p><img src="http://images.vitaminimages.com/pp/images/ratings_0.jpg" width="85" height="16" /><br/><br/> <a href="${productUrl}" class="blue" >Write the first review </a></p>
{{/if}}
<p class="bold-text item-name-upsell"><a href="${productUrl}" title="${name.replace("�", "™")}">
${name.replace("�", "™")}</a></p>
<p class="item-potency">${productForm}</p>
</tr>
<tr>
<td valign="bottom">
{{if saleId == 5 || saleId == 31 }}
<p class="bold-text"><span class="item-promo">${bogoTxt}</span> $${salePrice}</p>
<p><a href="${addUrl}" class="soft-cart-add" title="Add to Cart"><span><img src="/images/b_addtocart_upsell.png" /></span></a></p>
<!-- <p class="bold-text"><span class="item-promo">${btgfTxt}</span> $${salePrice}</p>
<p><a href="${addUrl2}" class="soft-cart-add" title="Add to Cart"><span><img src="/images/b_addtocart_upsell.png" /></span></a></p> -->
{{else saleId == 2 }}
<p class="bold-text"><span class="item-promo">${bogtTxt}</span> $${salePrice}</p>
<p><a href="${addUrl}" class="soft-cart-add" title="Add to Cart"><span><img src="/images/b_addtocart_upsell.png" /></span></a></p>
{{else saleId == 30 }}
<p class="bold-text"><span class="item-promo">${bogoTxt}</span> $${salePrice}</p>
<p><a href="${addUrl}" class="soft-cart-add" title="Add to Cart"><span><img src="/images/b_addtocart_upsell.png" /></span></a></p>
{{else}}
<p class="bold-text"><span class="item-promo">${specialPriceTxt}</span> $${salePrice}</p>
<p><a href="${addUrl}" title="Add to Cart" class="soft-cart-add"><span style="position: relative; width: 170px;">
<img src="/images/b_addtocart_upsell.png" /></span></a></p>
{{/if}}
</td>
</tr>
</table>
</li>
</script>
<script id="upsellNarrowTemplate2" type="text/x-jquery-tmpl">
<li class="upsell-container">
<p>
<br/>
<a href="${productUrl}" title="${name.replace("�", "™")}"><img src="${productImage}" alt="${name.replace("�", "™")}" style="height: 100px" /></a></p><br />
{{if reviewStars > 0}}
<p><img src="${reviewUrl}" /><a href="${productUrl}" class="blue">${parseInt(reviewStars)} Reviews </a> </p>
{{else}}
<p><img src="http://images.vitaminimages.com/pp/images/ratings_0.jpg" /> <a href="${productUrl}" class="blue" >Write the first review </a></p>
{{/if}}
<p class="bold-text item-name-upsell"><a href="${productUrl}" title="${name.replace("�", "™")}">
${name.replace("�", "™")}</a></p>
<p class="item-potency">${productForm}</p><br />
{{if saleId == 5 || saleId == 31 }}
<p class="bold-text"><span class="item-promo">${bogoTxt}</span> $${salePrice}</p>
<p><a href="${addUrl}&ajax=true" class="soft-cart-add" title="Add to Cart"><span><img src="/images/b_addtocart_upsell2.png" /></span></a></p>
<!-- <p class="bold-text"><span class="item-promo">${btgfTxt}</span> $${salePrice}</p>
<p><a href="${addUrl2}" class="soft-cart-add" title="Add to Cart"><span><img src="/images/b_addtocart_upsell2.png" /></span></a></p> -->
{{else saleId == 2 }}
<p class="bold-text"><span class="item-promo">${bogtTxt}</span> $${salePrice}</p>
<p><a href="${addUrl}&ajax=true" class="soft-cart-add" title="Add to Cart"><span><img src="/images/b_addtocart_upsell2.png" /></span></a></p>
{{else saleId == 30 }}
<p class="bold-text"><span class="item-promo">${bogtTxt}</span> $${salePrice}</p>
<p><a href="${addUrl}&ajax=true" class="soft-cart-add" title="Add to Cart"><span><img src="/images/b_addtocart_upsell2.png" /></span></a></p>
{{else}}
<p class="bold-text"><span class="item-promo">${specialPriceTxt}</span> $${salePrice}</p>
<p><a href="${addUrl}&ajax=true" title="Add to Cart" class="soft-cart-add"><span style="position: relative; width: 170px;">
<img src="/images/b_addtocart_upsell2.png" /></span></a></p>
{{/if}}
</li>
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment