Add app code manually

To add the app code manually:

  1. Make sure tabs are enabled in the theme.

  2. Go to the theme code editor.

  3. Open the theme file that contains the code for the product description. The file is usually found in the Sections folder and called product-template.liquid but your theme may be different.

    If you're not sure which theme file to add the code to, ask your theme developer.

  4. Add this code into the file:

    <div data-station-tabs-app data-station-tabs-product="{{ product.handle }}">{{ product.description }}</div>

    The location of the code in the file determines where the tabs will appear.

    If you're not sure where to add the code, ask your theme developer.

  5. Click Save.

Tabs not showing?

Our support team can't add the code in for you (see our support policy), but if you've followed all of the above steps and the tabs still don't show in your shop then just let us know, we'll be happy to help.

Product description showing twice?

If your product description content is showing twice after adding the app code, ask your theme developer how to hide the original product description using the theme settings.