Adjust your tab settings

The settings allow you to tailor the behaviour of your tabs exactly to your liking. 


On this page


Access the settings

To access the settings:

  1. Click Settings from the main menu in the app.
  2. Click General from the settings menu.

Choose a layout style

A set of tabs can be presented in either a horizontal layout (also known as a desktop or tab layout) or a vertical layout (also known as a mobile or accordion layout).

To choose a layout style:

  1. Access the Settings page.
  2. Choose your preferred layout style:

    Automatic
    The app automatically determines which layout will give the best experience for each tab set. Instead of simply setting the layout based on the screen size the app intelligently looks at the available space for the tabs. If there isn't enough room to show all of the tabs on a single row in the horizontal layout then the app will switch to the vertical layout.

    Always tabs
    The app always uses the horizontal/desktop/tab layout for all tab sets. If there isn't enough room to show all of the tabs on a single row then the tabs will wrap to two or more rows. Depending on the tab styling this can cause the tabs to look broken and become difficult to use.

    Always accordions
    The app always uses the vertical/mobile/accordion layout for all tab sets.

  3. Click the Save button to save the settings.

Tailor the vertical layout

When tabs are displayed in the vertical/mobile/accordion layout you can choose to have the first/top tab be opened automatically and whether or not multiple tabs can be open at once.

To have the first/top tab be opened automatically when the page loads:

  1. Access the Settings page.
  2. Check the Open the first tab automatically box from the When using an accordion layout panel.
  3. Click the Save button to save the settings.

If the  Open the first tab automatically setting is disabled then all tabs will be closed when the page first loads.


To allow multiple tabs to be opened at once:

  1. Access the Settings page.
  2. Check the Allow multiple open tabs box from the When using an accordion layout panel.
  3. Click the Save button to save the settings.

If the  Allow multiple open tabs setting is disabled then the the active tab will be closed when a new one is opened.


Remove empty div tags

Specific tabs are generated from headings in the product description content but in order for them to work properly the HTML for the heading tag must not be nested inside of any other HTML. Sometimes, pressing return in Shopify's content editor can cause div tags to be added into the HTML and if these tags happen to wrap a heading then that heading won't be converted into a tab.

To help prevent empty div tags from breaking specific tabs the app has a feature that will try to automatically remove the tags from the description HTML for you. If you find that headings aren't being converted into tabs then you can try enabling the feature to see if that fixes it.

To remove empty div tags from the product description HTML:

  1. Access the Settings page.
  2. Check the Remove empty div tags box from the Product description section.
  3. Click the Save button to save the settings.

Only div tags that don't have attributes will be removed so any tags with ids, classes, styles or other attributes used for presentation will be preserved.


Deep links allow you to link directly to the content in a tab. When deep links are enabled a unique tab identifier is added to the end of the page URL whenever a tab is opened.

The app knows to look for these identifiers and if one is present in a link URL then that tab will automatically be opened and scrolled to (if the visitors browser supports the scrolling) when the page is loaded.

To enable deep links:

  1. Access the Settings page.
  2. Check the Enable deep links box from the Deep links section.
  3. Click the Save button to save the settings.


To share a deep link to a tab:

  1. Open a new browser window.
  2. Navigate to your shop.
  3. Navigate to the product that contains the tab you wish to link to.
  4. Click on the tab you wish to link to.
  5. Copy the full URL from the address bar.
  6. Share the full URL.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.