Merchandising Zone Template
The formatting of the legacy merchandising zone (CMS_MerchZone) content and the information that is displayed is defined by the merchandising zone template file. When added to an area on your website, it uses the standard Site Management Tools (SMT) merchandising zone template by default. This template is applied to the zone automatically if the merchandising rule does not specify a different template. You can use this default template file or you can create custom merchandising zone template to format the merchandising zone to display exactly the way you want.
Any changes including additions, edits, or deletions must be published before they are available on the website. For details, see Review and Publish Your Site.
Default Merchandising Zone Template
The default SMT merchandising zone template is located in the file cabinet at:
Web Site Hosting Files > Live Hosting Files > SSP Applications > NetSuite Inc. — CMS > CMS > [Application Name] > Published > Templates > merchzone_default.txt
The default merchandising zone template displays the item image and a See More button for each listed item. Clicking the image or the button takes the visitor to the item detail page for the selected item.
merchzone_default.txt
You can use this default template as a starting point for any custom template you want to create. For example, you may decide that you want to list the product name beneath the image or show the average customer rating.
<% var items_per_row = 4, grid_columns= 12 / items_per_row; %>
<aside>
<div class="row-fluid">
<% _.each(data.items, function (item, index) { %>
<% if ((index % items_per_row) == 0 && index > 0) { %>
</div>
<div class="row-fluid">
<% } %>
<div class="span<%= grid_columns %>">
<% var item_url = '/'+ item.urlcomponent; %>
<div class="item-cell item-cell-grid">
<a class="thumbnail" href="<%= item_url %>">
<img src="<%= item.cms.image.url %>" alt="<%= item.cms.image.alt_text %>" />
</a>
<h5>
<a href="<%= item_url %>"><%= item.name %></a>
</h5>
<a class="btn btn-small btn-primary btn-expanded" href="<%= item_url %>">>See more</a>
</div>
</div>
<% }); %>
</div>
</aside>