FEATURE: Display Variants On Product Display Widgets
Added ability to display and choose variants on product display widgets and the product group display on the product details page.
This duplicates the functionality of variants on the actual product details page, including display types, ajax pricing and item number updates, and client side validation.
Additional features include custom layout capability for the variant controls. Supported merge codes in both contexts are
$$VARIANTGROUPNAME$$
$$VARIANTGROUPHEADER$$
$$VARIANTGROUPCONTROLS$$
$$VARIANTGROUPFOOTER$$
For product groups, since variants were previously prevented, we have added the ability to add variants to products in groups for both the “Sell Items In Kit With Parent” and “Sell Items Individually Parent Is Info Only” group options. Note that the “Sell Parent Track Item Inventory Transparently” group option still prevents variants for child items. To further explain, an item cannot be in a group of the “Sell Parent Track Item Inventory Transparently” type if it has variants, nor can it be placed in such a group.
Another restriction is that products that are marked as required items on groups are currently prevented from having variants.
For the product display widgets, you must specifically turn on the ability to show variants in the widget settings.
<ac:visibilityarea id="dvControl">
$$HEADER$$
$$ADMINHELP$$
<ac:layoutarea id="Item">
<ac:visibilityarea id="dvControlItem">
<table width="100%">
<tr>
<td valign="top" align="center">
<div class="FeaturedItemsThumbnail">$$PHOTOWITHLINK$$</div>
</td>
$$DISPLAYIMAGEONNEWLINE$$
<td style="padding:5px" valign="bottom">
<div class="FeaturedItemsRating">
$$OVERALLRATING$$
</div>
<div class="FeaturedItemsDetails">
$$PRODUCTNAME$$
<div style="color:#333333;font-size:6pt"></div>
</div>
<hr class="FeaturedItemsPriceHR">
<div class="FeaturedItemsPriceAlignment">
<div id="PriceLabels">
$$PRICE$$
<div class="FeaturedItemMapPricingArea">
$$MAPPRICINGLINK$$
</div>
</div>
<div style="font-size:7pt;font-weight:bold;">
$$FEATUREDITEMMESSAGE$$
</div>
</div>
<hr class="FeaturedItemsBuyMoreLinkHR">
$$VARIANTS$$
$$BUYMORELINK$$
<div class="QuantityForCart">
Qty: $$QTYBOX$$
</div>
</td>
</tr>
</table>
</ac:visibilityarea>
</ac:layoutarea>
<ac:layoutarea id="Variant">
$$VARIANTGROUPNAME$$ $$VARIANTGROUPHEADER$$ <br>
$$VARIANTGROUPCONTROLS$$ <br>
$$VARIANTGROUPFOOTER$$
<br>
</ac:layoutarea>
$$ADDTOCART$$
</ac:visibilityarea>
</ac:widget>
<div id="dvProductGroupGrid">
<ac:visibilityarea id="ProductGroups">
<div id="divProductDisplay">
<table class="ProductGroup" cellpadding="0" cellspacing="0">
<tr class="ProductGroupHeader">
<th id="thProductGroupDisplayItemNumber"> Item #</th>
<th id="thProductGroupDisplayDescription">Description/Size</th>
<th id="thProductGroupDisplayAvailability">Availability</th>
<th id="thProductGroupDisplayPriceBreaks">Qty Break</th>
<th id="thProductGroupDisplayPricing">Price</th>
<th id="thProductGroupDisplayVariants">Options</th>
<th id="thProductGroupDisplayQuantity">Quantity</th>
</tr>
<ac:layoutarea id="ProductGroupDetail">
<tr class="ProductGroupItem">
<td id="tdProductGroupDisplayItemNumber" width="80">$$ITEMNR$$</td>
<td id="tdProductGroupDisplayDescription">$$DESCRIPTION$$</td>
<td id="tdProductGroupDisplayAvailability" width="85">$$AVAILABILITY$$</td>
<td id="tdProductGroupDisplayPriceBreaks" width="75">$$QTYBREAKS$$</td>
<td id="tdProductGroupDisplayPricing" width="75" style="white-space:nowrap;">$$PRICE$$</td>
<td id="tdProductGroupDisplayVariants" width="80">$$VARIANTS$$</td>
<td id="tdProductGroupDisplayQuantity" width="75">$$QUANTITY$$$$ADDTOCART$$</td>
</tr>
</ac:layoutarea>
<ac:layoutarea id="ProductGroupDetailAlt">
<tr class="ProductGroupAlternatingItem">
<td id="tdProductGroupDisplayAltItemNumber" width="80">$$ITEMNR$$</td>
<td id="tdProductGroupDisplayAltDescription">$$DESCRIPTION$$</td>
<td id="tdProductGroupDisplayAltAvailability" width="85">$$AVAILABILITY$$</td>
<td id="tdProductGroupDisplayAltPriceBreaks" width="75">$$QTYBREAKS$$</td>
<td id="tdProductGroupDisplayAltPricing" width="75" style="white-space:nowrap;">$$PRICE$$</td>
<td id="tdProductGroupDisplayAltVariants" width="80">$$VARIANTS$$</td>
<td id="tdProductGroupDisplayAltQuantity" width="75">$$QUANTITY$$$$ADDTOCART$$</td>
</tr>
</ac:layoutarea>
<ac:layoutarea id="ProductGroupVariant">
$$VARIANTGROUPNAME$$ $$VARIANTGROUPHEADER$$ <br>
$$VARIANTGROUPCONTROLS$$ <br>
$$VARIANTGROUPFOOTER$$
<br>
</ac:layoutarea>
</table>
<ac:visibilityarea id="UpdateGroupPrice">
<br>
<div align="right" class="ProductDetailsPricing">
$$PRODUCTGROUPTOTAL$$
</div>
<div align="right" class="ProductGroupUpdatePrice">
$$PRODUCTGROUPUPDATEPRICE$$
</div>
<br>
</ac:visibilityarea>
<div align="right" class="ProductGroupAddToCart">$$PRODUCTGROUPADDTOCARTBUTTON$$</div>
</div>
</ac:visibilityarea>
</div>
</ac:visibilityarea>
Please sign in to leave a comment.
Comments
0 comments