Merchandising Zone Template

This topic applies to

Applies to

SuiteCommerce Web Stores

Any merchandising zone added to an area uses the standard 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 templates to format the merchandising zone to display exactly the way you want.

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

<% 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>

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.