Individual product (large) layout

This layout is not used by any module per se.

Site visitors get to it only after clicking the links outputted by any of these tags {tag_button,Your Text}, {tag_name} or {tag_itemurl_withhost}.

Accesible from

  • Admin Console: Site Manager > Module Templates > Online Shop Layouts
  • SFTP & Develop Mode: /Layouts/OnlineShop/large_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, horizontal, hideDisabledVariations, autoSelectFirstVariation} Renders attribute dropdowns for a given product.

Parameters:

  • horizontal – kept existing behavior
  • hideDisabledVariations – true or false
  • autoSelectFirstVariation – true or false

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

{tag_buynow}Add to cart and redirects to check out
{tag_capturedetails, customMessage} Displays a text box that allows the customer to enter instructions related to the product that they are purchasing. This tag only works only if the product has this option checked.
  • customMessage - can be any string, default is Special Instructions if is used as: {tag_capturedetails}
{{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.

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

{{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
{tag_largeimage,zoom,width,height}Large image for a product. You can now allow a zoom effect for the large product image. Simply alter {tag_largeimage} to {tag_largeimage,zoom,150,150}
{{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
{{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.
{{poplets}} {tag_poplets,rowlength,width,height} Displays thumbnail version of poplet images. If you add ,noscript to this tag it will render the poplets with no default javascript lightbox feature. e.g. {tag_poplets,4,100,100,noscript}
{{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
{{metaDescription}} {tag_productmetadescription}Meta description information added in the SEO Metadata section of product details page.
{{metaTitle}} {tag_productmetatitle} Meta title information added in the SEO Metadata section of product details page.
{tag_relatedproducts,itemsperrow, hideEmptyMessage} Displays a list of products related to this product that can be browsed and added separately to cart (useful for up/cross selling purposes), {tag_relatedproducts,6, true} renders a table containing the related products, 6 per row and hides the "This product has no related products." message if no related products are found.
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_relatedproductslist}Displays a list of products related to this product that are added to the cart when this product is. By default this renders as check boxes otherwise: {tag_relatedproductslist,7} will display them as radio buttons, {tag_relatedproductslist,6} will display them as check boxes and {tag_relatedproductslist,8} displays small images of the product only. (useful for up/cross selling purposes)
{{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 that customers are charged)
{{wholesalerPrice}} {tag_wholesalerprice} Wholesaler price of the product (the amount "wholesale" type customers are charged)
{tag_smallimage}Small image for product
{{smallImage}} Outputs the path of the small image
{{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 product: 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
{tag_attributes_json}Renders all the product attributes in JSON format
{tag_instock_json}Renders the total stock and SKU variation stock in JSON format
{tag_onorder_json}Renders on order information in JSON format
{tag_productcode_json}Renders the product code and SKU codes in JSON format
{tag_product_json}Renders the product ID, Catalog ID the currently being viewed and template ID being used in JSON format
{{inventoryByAttributes}} Renders a JSON object that containsthe following parameters:
  • id
  • sku
  • inStock
  • onOrder
  • enabled
  • attributeString
  • attributes