Add the app tag to your theme

Not all themes use Shopify's standard product description code. The auto-installer is intelligent and knows to look for non-standard code but it's impossible to automatically find the description code in every theme, especially those sold outside of the Shopify Theme Store.

If the installer can't find anything resembling description code then it won't guess because guessing wrong could show the tabs where they're not wanted, or worse, cause page layout issues. It simply doesn't add the app tag anywhere.

In these rare cases, the app will display a notification to tell you that the product description code couldn't be found automatically.

Important
The tabs will not show on the product pages until the app tag is added to the theme.

The auto-installer looking for the product description code
The notification that's shown when the description code can't be found automatically

Solutions

If the auto-installer can't find the product description code then the solution is to manually add the app tag to the theme's product file(s).

To add the app tag yourself:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Click Actions > Edit code (learn more about editing theme code).
  3. Find the product description code.
  4. Replace the product description code with this:

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

  5. Save the updated file(s).

To have your theme developer add the app tag for you:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Click Customize for the theme you enabled tabs in.
  3. Click Theme actions.
  4. Click Get support.
  5. Ask the theme developer to replace the product description code with this:

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

If you're not comfortable editing code yourself and your theme developer can't be reached or is unwilling to add the code for you then feel free to contact us. We'll be happy to help.