Business Catalyst Help | Manage product inventory

Question

This question was posted in response to the following article: http://helpx.adobe.com/business-catalyst/partner/product-inventory.html

Answer 1

Yes Ricky ... I got it!!!
Step1: Use this code for large_product.html
<div class="shop-product-large clear">
<div class="details">
<h1>{tag_name}</h1>
<h3 class="sale{tag_onsale}">
Price:
<span class="normalPrice">{tag_retailprice}</span>
<span class="salePrice">{tag_saleprice}</span>
</h3>
<ul>
    <li class="instock">In stock: <strong>{tag_instock}</strong></li>
    <li class="instock"><strong>{tag_attributes}<br />
    </strong></li>
    <li class="quantity">{tag_addtocartinputfield} {tag_addtocart,<img alt="" src="/CatalystImages/shop_addtocart.png" />}</li>
</ul>
<div class="description">{tag_description}</div>
</div>
<div class="image">   {tag_largeimage}
</div>
<div class="poplets">{tag_poplets}</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function(){
        var product = {tag_product_json};
        var attributes = {tag_attributes_json};
        var divId = "#catProdTd_"+product.productId;
        $(divId).find("select").change(function (){
                  var selected = $(this).val();
                  var option = attributes.options[selected];
                  if(option && option.image)
                     $(divId).find(".image").find("img").attr("src", option.image);
</script>
Step2: Look at http://tesonline02.businesscatalyst.com/outerwear/avatar    as a reference
Step3 :Go to your Dashboard .... then, for each product, check the images attached for Tabs "Price"
and "Attributes" and compare with the reference AVATAR (link above) ... hope it helps.