On the Product page, click on the Product Information section, then add a new block called Horizontal tabs. You can show up to 4 different tabs which are:
|
Type of tab
|
Purpose
|
How to set up?
|
|
Description tab
|
A tab that automatically shows the product description as the content.
|
Under Description tab setting group:
- Turn on the Show description tab.
- Change the Heading of the tab.
- Choose the Default content height.
|
|
Specification tab
|
A tab that allows you to show information in table format.
|
Under Specifications tab setting group:
- Turn on the Show specification tab.
- Turn on the Use secondary background setting to add a background to the table.
- Change the Heading of the tab.
- Enter the column labels into the Left column label and the Right column label.
- Enter the table content into Details field, using the format:
Separate the left and right column content with a colon :
Shift + Enter to break to a new line for adding a new row.
Use a dash - to indent the rows.
Enter to add a new line and separate different tables.
Note: You can also use the Metafield key into the Details field for dynamic value, check out this guide to learn more.
|
|
Custom tab
|
A tab that allows you to show additional content added manually, added from an existing page or added using metafields.
|
Under Custom tab 1 or Custom tab 2 setting group:
- Turn on the Show custom tab.
- Change the Heading of the tab.
- Click “Select” under Content from page to show the content of a page you set up in Online Store > Pages.
- Otherwise, enter your content into the Text field. (To show dynamic content, create and enter the Metafield keys)
|
