Product tab

Live Chat Support | Webibazaar Template

In the Viola theme product template, includes 'Product tab' section that displays the product details.

Setting	Description
Color scheme	The product tab section background color appears behind the text: Accent 1 Accent 2 Accent 3 Background 1 Background 2
Spacing around tab	Use the bar to set the spacing around tab. You can set a minimum of “0px” and a maximum of “30px”.

Add Tab

Click on "Add Tab" and its customization is as follows.

Block	Description
Heading	Enter text to display as a title in the section.
Content	Enter text to display as a content in the section.

To create metafield for tab content, follow the steps below.

Adding metafield definition

1. From your Shopify admin, go to Settings > Custom data > Products

1. Click Add definition

1. In the Name field, enter Product details

1. Click Select type then select Rich text.

2. Click Save to save the definition.

1. You should see the Product details in the list of definitions by now.

Add the Product details

1. In your admin, within Products, click on the product you want to add the Product details.

1. Scroll down to the Metafields. You should see the Product details here.

1. To add the content, click on the Product details field.

2. Click Save to save your changes.

3. Then go to the customization and select the metafield.