Editing a Merchandising Zone
We can make changes to how our products are displayed and preview your changes before you save them.
To edit a merchandising zone:
Log in to Site Management Tools.
Go to the page that contains the merchandising zone.
Point to the merchandising zone. This highlights the zone and displays the content controls.
Click Edit to display the settings panel.
Make any required changes.
Click Save and publish our changes.
Removing or Deleting a Merchandising Zone
Though removing a merchandising zone makes it unavailable for visitors to your site, it does not permanently delete it. However, if you no longer need a merchandising zone you are able to permanently delete it.
Removing a Merchandising Zone
When you remove a merchandising zone the visibility end date and time is set to “now. If you have unpublished content and you decide to remove it rather than publish it, you can choose to discard or expire the content.
To remove a merchandising zone:
Log in to Site Management Tools.
Go to the page that contains the merchandising zone.
Click Edit Mode on the Site Management toolbar.
Point to the merchandising zone. This highlights the zone and displays the content controls.
Click Remove.
When prompted, click Yes to remove the content and publish your changes.
Deleting a Merchandising Zone
You can permanently delete a merchandising zone if it’s no longer needed. If it hasn’t already expired, you must remove it before it can be deleted.
Important: You cannot recover a deleted merchandising zone.
To delete a merchandising zone:
Log in to Site Management Tools.
Click Overview Mode on the Site Management toolbar.
Click the Expired Content tab.
From the list, select the merchandising zone that you want to delete.
Click Delete.
When prompted, click Yes to delete the merchandising zone.
Changing Merchandising Zone Elements
If you use Commerce themes, the enhanced merchandising zone (CMS MerchZone2) inherits all styles from the theme. However, if required, you can make changes using the Theme Skin Manager.
To change merchandising zone elements:
Log in to Site Management Tools.
Make sure you have added an enhanced merchandising zone (CMS MerchZone2).
Click Settings and then Themes.
From the Customized Theme Skins list, click the Ellipsis beside the active skin.
Tip: The currently active skin has a blue check mark and the words Active on site.
Click Edit to open the Theme Settings panel.
Scroll down to the CMS MerchZone2 section.
Select Section Heading and make any required changes.
Select Images and make any required changes.
Select Buttons and make any required changes.
Click Apply Changes to save your changes and make your edits live.
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.
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.
Default Template :
<% 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>