The Tabs page

The Tabs page is where you can see and change the way product descriptions will be divided into tabs. It's also where you manage your ProTabs.

Screenshot | Full page

Creating tabs

Tabs are created from your product description content.

The This is how the product description will be divided into tabs panel shows what will happen with each product description and provides settings that you can use to change the way the content will be divided into tabs.

Screenshot | Divide panel close-up

Create a tab for the description

When the Create a tab for the description setting is enabled, a tab with the title Description will be created for each product.

The tab content will be the entire product description unless it's divided into additional tabs using headings.

Screenshot | Front-end description tab

The Description tab title setting can be used to change the title of the description tab to anything you like. It accepts Liquid code so you can make the title change based on certain conditions or be translated into your shop's active language.

Use headings to divide content into tabs

When the Use headings to divide content into tabs setting is enabled, each heading in the product description that matches the selected Heading type will create a new tab.

The heading text will be the tab title and everything after the heading will be the tab content.

Save time with ProTabs

If you need to add the same heading and content to multiple product descriptions you can save a lot of time by creating a ProTab instead.

Screenshot | Description content with captions

The Heading type setting can be used to select which level of heading is used to create tabs.

ProTabs

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Veniam dolorum saepe nostrum eum ut culpa perspiciatis minus iure ullam vel excepturi, error porro vitae aliquam, quasi.

Screenshot | ProTabs panel close-up