Page History

...

• Unit Descriptoin
• Alternate Unit Description
• Conversion Factor

Step-by-step

...

guides

To 1. Enable UOM Selection at the Role level: 

1. Login to the CMS.
2. Navigate to Users --> Roles. 
3. Select the required role. 
4. Select the Functions tab.
5. Click 'Modify'.
6. Tick the 'Allow UOM Selection On Products' option. 
   Image Added 
7. Ensure the 'Use Alternate Product Units' option is NOT ticked.
8. Click 'OK' to save. 

To 2. Enable the Display of the Unit DropdownSelector

First, ensure you're using the zoned layout for product lists:

1. Login to the CMS. 
2. Navigate to Content --> Standard Pages. 
3. Select the Product List template. 
4. Edit the Product List Grid widget. 
5. Ensure 'Use Zoned Product Layout?' is enabled.
   Image Added 

Next, add the new widget to the zoned product list template: 

1. Navigate to Content --> Standard

...

1. Pages.
2. Select the Product List Item Zoned template. 
3. Add the 'Product List Unit Of Measure' widget to the appropriate zone (this is dependant on your site design, but zone Column2Bottom is a good starting point). 
   Image Added

Lastly, create a custom widget and add it to the product detail page: 

1. Navigate to Advanced Content --> Custom Widgets.
2. Click 'Add New Widget'.
3. Give the widget a Name and Description (e.g. UOM Selector).
4. Leave the Cache Mode set to 'None'. 
5. Paste the code from the code block below into the 'Source Code' field. 
6. Click 'Save & Exit'. 
7. Navigate to Content --> Standard Pages. 
8. Select the Product Detail template. 
9. In the zone MainRight, click Add Widget.
10. Search 'CUS' to bring up the list of your custom widgets. 

11. Select the one you just created and click Add Widget. 

    Code Block
    collapse true
    @if (((IDictionary<String, Object>)Model).ContainsKey("item")) { if (Model.item.Count > 0) { if (Model.item["RandomWeight"].ToString() == "1") { <span class="widget-productlist-unit">Approx. @Model.item["ConversionFactor"].ToString("N2") @Model.item.UnitDescription.ToString() per Unit</span><br \> <span class="widget-productlist-unit">UNITS per CTN: @Model.item["ItemsPerCtn"].ToString("N0") </span> } else { <span class="widget-productlist-unit">@Model.item["ConversionFactor"].ToString("N2") @Model.item.UnitDescription per @Model.item.AltUnitDescription</span><br /><br /> } } } @if (((IDictionary<String, Object>)Model).ContainsKey("Product")) { if (Model.Product.Count > 0) { if (Model.Product["RandomWeight"].ToString() == "1") { <span class="product-info">&nbsp; <span><strong>Approx. @Model.Product["ConversionFactor"].ToString("N2") @Model.Product.UnitDescription per Unit</strong></span> </span> } else { <span class="product-info">&nbsp; <span>@Model.Product["ConversionFactor"].ToString("N2") @Model.Product.UnitDescription per @Model.Product.AltUnitDescription</span> </span> } } }

...