Individual product (small) layout

Accessible from

  • Admin Console: Site Manager > Module Templates > Online Shop Layouts
  • SFTP & Develop Mode: /Layouts/OnlineShop/small_product.html

Renders these tags

Liquid tag Legacy tag Description
{{title}} The product's title
{tag_addtocart}Ability to add products to the shopping cart (vertical layout)
{tag_addtocartinputfield}Input field to enter product quantity
{tag_addtofavorites,add_Image, remove_Image}Add product to favorites list. Optionally customize to display your own custom image for adding and removing.
For additional information on how to render the output of this tag using Liquid take a look at the Enable other Liquid tags article.
{{attributes}} {tag_attributes}

Renders attribute dropdowns for a given product

The Liquid tag renders an object, use json filter to see it's properties like so: null

{tag_button,Your Text}Replace Your Text with your own text; for example, Click for more information
{tag_buynow}Add to cart and redirects to check out
{{countryCode}} {tag_countrycode}Display the country code; for example, AU
{{countryCurrencyFormat}} {tag_countrycurrencyformat}Display the country currency code; for example, AUD
{{currencyFormat}} {tag_currencyformat}Display the currency format; for example, $
{{custom1}} {tag_custom1}Custom field #1. Use to display any information about a product
{{custom2}} {tag_custom2}Custom field #2. Use to display any information about a product
{{custom3}} {tag_custom3}Custom field #3. Use to display any information about a product
{{custom4}} {tag_custom4}Custom field #4. Use to display any information about a product
{{description}} {tag_description}Description of the product (Editor content)
{{discountPrice}} {tag_discountprice}The price if a discount applies to the current customer otherwise the normal sale price.
{{expiryDate}} {tag_expirydate}Expiration date of product
{tag_grouping}Pop-up menu of product attributes used to select a product to add to cart
{{groupingList}} {tag_groupinglist}List of product attributes used to switch between products
{{inStock}} {tag_instock, syncWithAttributes, noSelectionMessage, disabledSelectionMessage} Number of units in stock.

Parameters:

  • syncWithAttributes – true or false
  • noSelectionMessage – specify the message displayed when site customer has not selected a variation
  • disabledSelectionMessage – specify the message displayed when site customer has selected a variation that is disabled
{{url}} {tag_itemurl_nolink}URL to the item referred, without host
{{urlWithHost}} {tag_itemurl_withhost}URL to the item referred, with host
{tag_largeimage}Large image for product
{{largeImageUrl}} {tag_largeimage_path}Outputs the file path of the image; for example /images/imagename.jpg
{{maxUnits}} {tag_maxunits}Maximum units
{{minUnits}} {tag_minunits}Minimum units
{tag_name_nolink}Name of product (does not link to product details)
{{name}} {tag_name}Name of product
{{onOrder}} {tag_onorder, syncWithAttributes, noSelectionMessage, disabledSelectionMessage} Number of units on order.

Parameters:

  • syncWithAttributes – true or false
  • noSelectionMessage – specify the message displayed when site customer has not selected a variation
  • disabledSelectionMessage – specify the message displayed when site customer has selected a variation that is disabled
{{isOnSale}} {tag_onsale}

Renders 1 if product on sale, otherwise 0. If page elements need to be altered for products on sale, then embed tag in relevant javascript.

For the Liquid tag it renders true instead of 1 and false instead of 0.

{{productCode}} {tag_productcode, syncWithAttributes, noSelectionMessage, disabledSelectionMessage} Product code. With variations enabled, tg product will render the variation code instead of the product codes in all layouts where this is used.

Parameters:

  • syncWithAttributes – true or false
  • noSelectionMessage – specify the message displayed when site customer has not selected a variation
  • disabledSelectionMessage – specify the message displayed when site customer has selected a variation that is disabled
{{releaseDate}} {tag_releasedate}Release date of item
{{reorder}} {tag_reorder}Number of units to reorder threshold
{{retailPrice}} {tag_retailprice}Retail price of the product
{{salePrice}} {tag_saleprice}Sale price of the product (the amount customers are charged)
{{wholesalerPrice}} {tag_wholesalerprice} Wholesaler price of the product (the amount "wholesale" type customers are charged)
{tag_smallimage_nolink}Small image for product (does not link to product details)
{tag_smallimage}Small image for product
{{smallImage}}
{{smallImageUrl}}
{tag_smallimage_path}Outputs the file path of the image; for example /images/imagename.jpg
{{tags}} {tag_tags}Product tags (you can use field for anything)
{{tax}} {tag_tax}Tax amount for the product
{{taxCode}} {tag_taxcode}Tax code name used for item
{{taxRate}} {tag_taxrate}Tax rate used for item (%)
{{totalDiscountPrice}} {tag_totaldiscountprice}Total discounted price of the product: Discount Price + Tax.
{{totalPrice}} {tag_totalprice}Total price of the productT: Sale Price + Tax
{{totalRetailPrice}} {tag_totalretailprice}Total retail price of the product: Retail Price + Tax
{{unitType}} {tag_unittype}Product unit type: Single, by the dozen
{tag_volumeprices}Displays volume pricing for product
{{id}} {tag_productid}Displays product system id
{{catalogId}} {tag_catalogueid}Displays catalog system id the product is currently displayed in
{{inventoryByAttributes}} Renders a JSON object that containsthe following parameters:
  • id
  • sku
  • inStock
  • onOrder
  • enabled
  • attributeString
  • attributes