Tabbed product descriptions

To create tabbed product descriptions you'll first need to install the app. To do this select APPs > Available APPs from the menu. Find and select the 'Tabbed Descriptions' app and select INSTALL THIS APP.

Once the app is installed you'll be able to add up to 5 product descriptions for each product.

To output these product descriptions on your products' pages on your website you can use the variables shown below:

{{ product.description|raw }}
{{ product.description2|raw }}
{{ product.description3|raw }}
{{ product.description4|raw }}
{{ product.description5|raw }}

To add the relevant code you'll need to use the page editor for your live theme's files. Alternatively, if you don't want to add the code yourself, you can select request installation on the app installation page, and we will install the code for you for a small charge which is shown on the installation page.

However, simply adding these variables is not enough to display the tabs. You will also need to add CSS and JS to display them.

You can use an IF statement to ensure that a tab isn't displayed unless there is content entered for the description field you are referencing. For example:

{% if product.description3 %}
    {{ product.description3|raw }}
{% endif %}