Skip to main content
All CollectionsWidgetsShopping Enhancers
How to Create Product Tabs in the Debutify Theme?
How to Create Product Tabs in the Debutify Theme?

A guide on how to create product tabs in the Debutify Shopify theme.

Micah Quinto avatar
Written by Micah Quinto
Updated over 4 months ago

What does the Product Tabs add-on do?

The Product Tabs add-on enables store owners to add additional product details in customizable tabs. The product tabs are visible on specific products, collections, tags, types, or on all product pages.

The Product Tabs add-on allows you to create product descriptions or review tabs, and you can customize the text/image/HTML tab.
โ€‹

In this article:


How to Enable the Product Tabs Add-on

STEP 1

In Shopify admin click on Online Store.

In Shopify admin click on Online Store.

STEP 2

Select your Debutify Shopify theme and click Customize.

Select your Debutify Shopify theme and click Customize.

STEP 3

Click on Theme settings.

Click on Theme settings.

STEP 4

Click on Debutify add-ons.

Click on Debutify add-ons.

STEP 5

Tick Product Tabs to enable the add-on.

Tick Product Tabs to enable the add-on.

How to Add Product Tabs

STEP 1

In Shopify admin click on Online Store.

In Shopify admin click on Online Store.

STEP 2

Select your Debutify Shopify theme and click Customize.

Select your Debutify Shopify theme and click Customize.

STEP 3

Click on Product Tabs.

Click on Product Tabs.

STEP 4

Display type - choose to display the product tabs vertically or horizontally.

Display type - choose to display the product tabs vertically or horizontally.

Product tabs position - choose to display the product tabs under the add-to-cart button, in a separate section, above or under the product description.

Product tabs position - choose to display the product tabs under the add-to-cart button, in a separate section, above or under the product description.

STEP 5

Product Tabs can be Product Description, Text or Image box, or Reviews.

Product Tabs can be Product Description, Text or Image box, or Reviews.

An example of Product Tabs under the add-to-cart button, showing an open tab.

An example of Product Tabs under the add-to-cart button, showing an open tab.

STEP 6

Product Description Tab

To have the information displayed by default, tick the Open tab by default.

Icon - displays a graphic symbol next to the heading of the product tab

Title - displays a heading for the tab

Visibility Settings - Choose to show the product tab for specific products, collections, tags, types, or show it on all product pages.

STEP 7

Text/Image/HTML Tab

To have the information displayed by default, tick the Open tab by default.

Text alignment - choose to align the text in the textbox to either the left, right, or center.

Icon - displays a graphic symbol next to the heading of the product tab

Title - displays a heading for the tab.

Text - Contains the wording for the textbox.

Image - option to add an image

HTML - add HTML code to display in theproduct tab

Visibility Settings - Choose to show the product tab for specific products, collections, tags, types, or show it on all product pages.

STEP 8

Review Tab

To have the information displayed by default, tick the Open tab by default.

Choose to show star ratings

Icon - displays a graphic symbol next to the heading of the product tab

Title - displays a heading for the tab.

STEP 9

Click Save to apply the changes.

Click Save to apply the changes.

Related Articles You May Want to See

Did this answer your question?