Online shop overall layout

Accessible from

  • Admin Console:┬áSite Manager > Online Shop Layouts
  • SFTP & Develop Mode: /Layouts/OnlineShop/page_content.html

Renders these tags

Liquid tag Legacy tag Description
{tag_browsepanel} Displays the browse panel for current catalogue. The full syntax is {tag_browsepanel, hideOnSale, hidePriceBrackets, hideSubCatalogues} Example of use: {tag_browsepanel,true,false,true}
For additional information on how to render the output of this tag using Liquid take a look at the Enable other Liquid tags article.
{tag_cataloguebreadcrumbs}Catalogue breadcrumbs help customers easily navigate between related catalogues.
For additional information on how to render the output of this tag using Liquid take a look at the Enable other Liquid tags article.

{tag_cataloguelist}

Lists the sub-catalogues in the current catalogue, for example {tag_cataloguelist,x} where x is the number of catalogues per row).

The full syntax is {tag_cataloguelist, rowLength, targetFrame, notUsed, sortType, hideEmptyMessage, list/table}, here are the possible parameters:

  • rowLength - Number of products per row
  • targetFrame - e.g. _blank. Specify the frame you want the product to open in
  • resultsPerPage- Number of products per page (limit of 500 products per page)
  • sortType:
    • Alphabetical
    • Price (Cheapest to most expensive)
    • Expiry Date (Newest to oldest)
    • Weight (Default)
  • hideEmptyMessage - if a catalogue does not have any products you will see a message -This catalog has no products.-
  • useLi - will render <ul> and <li>-s instead of <table>-s.

For additional information on how to render the output of this tag using Liquid take a look at the Enable other Liquid tags article.

{{description}} {tag_description}Catalogue description
{{name}} {tag_name}Catalogue name
{tag_nextpage}Next page link to traverse products in current catalogue (can be customized to use image)
{{pagination}} {tag_pagination}Enhanced pagination e.g. 1 .. 2 3 4 5 .. 10 to provide fast access to adjacentpages
{tag_previouspage}Previous page link to traverse products in current catalogue (can be customized to useimage)
{tag_productlist, perRow, target, perPage, sort, hideEmptyMessage, listType}Lists the products in the current catalogue. Use {tag_productlist,u,v,w,x,y,z} where:
  • u is the number of products per row
  • v is the target frame, e.g. _blank or leave empty
  • w is the number of products per page (limit of 500 products per page)
  • x is the sort type, e.g. Price or Alphabetical
  • y allows you to hide empty message, e.g. This catalog has no products
  • z is list type, for example change {tag_productlist,4} to {tag_productlist,4,,,,,true} to display in an unordered list structure.
For additional information on how to render the output of this tag using Liquid take a look at the Enable other Liquid tags article.