Modifying the custom template [NB]

You can modify the custom template data to configure items at the product level in your online store, and add additional functionality to product pages and the product type category.

Note: We recommend you don't modify your custom template unless you have in-depth knowledge of HTML and CSS, otherwise, we recommend that you hire an expert. If you activate the Template Editor, you will no longer receive template updates.
  1. To enable modifying the custom template on the left menu of the Back Office click Settings and from Shop Settings choose Workflow.
  2. On the left menu of the Back Office click Design > Theme Editor and click Theme Editor.
  3. To use custom template data fields, use the code shown here. 
{% if product.data_01 == 'link term' %}

If the data _01 line is populated, the HTML code here will be invoked.

{% else %}

If the data _01 line is not populated, the HTML code that here will be invoked (often the original code)

{% endif %}

You are creating a IF THEN/ELSE conditional code section here. If the data_01 line for a product is populated, the code in the IF section will be used, otherwise the code in the THEN section. You can use these codes for many purposes in the product pages of your online store.

Note: The data_01 field is active across your entire online store for data associated with products. The data_02 and data_03 fields operate only on the product level. Data_0x fields are always associated with products.

Example

You want to write HTML/CSS code to display a New label over the images of new products in your online store. This will enable you to determine at product level when this code should be invoked.

Your code looks like:

{% if product.data_01 == 'New' %}
  • insert the HTML code here that will display a New label over the images of new products
{% else %}
  • original code, which will be invoked when the data_01 field is left blank
{% endif %}

You are creating a IF THEN/ELSE conditional code section here. If the data_01 field for a given product contains the term New, the HTML code listed in the THEN section will be applied at product level. New is the link term used to link the product to a specific HTML code.

Have more questions? Submit a request