# Product Tab

<figure><img src="https://themes.templatescoder.com/belliza/documentation/images/screenshort-48.jpg" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Labacha offers you to show 3 different product tab types: Description tab, Review tab and Custom tabs. The Custom tabs content can be the same for all products or different for each product.

You can create multiple different product tabs for your product page.
{% endhint %}

* Go to **Customize** -> Choose **Default product** template in the dropdown of editor window to open theme editor of product page.

<figure><img src="https://3628331143-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F99MlOzvyJDAhsvR2FLtv%2Fuploads%2FE5KBXa8jch73tmLoWYQE%2F47.jpg?alt=media&#x26;token=0b46a36f-612a-443b-92d3-47562351dc90" alt=""><figcaption></figcaption></figure>

* Click **Add block** from **Product Information** -> Choose **Custom tab**

<figure><img src="https://themes.templatescoder.com/belliza/documentation/images/screenshort-50.jpg" alt=""><figcaption></figcaption></figure>

1. <mark style="color:red;">To show the same tab content for all products</mark>, **please choose** "<mark style="color:red;">For all products"</mark>. **Then enter the content in the** "<mark style="color:red;">Content</mark>" **text box. You can use your own html code to style your tab content as you want.**

<figure><img src="https://3628331143-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F99MlOzvyJDAhsvR2FLtv%2Fuploads%2FTNbjKFLXgsYRo1bGf9at%2F49.jpg?alt=media&#x26;token=a7f05c88-82a8-4729-a3d9-b36c9513a6e8" alt=""><figcaption></figcaption></figure>

1. <mark style="color:red;">To show the different tab content for each product,</mark> please choose "<mark style="color:red;">For each product (Metafield)"</mark>, no need to enter the content in the "<mark style="color:red;">Content</mark>" text box.

<figure><img src="https://3628331143-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F99MlOzvyJDAhsvR2FLtv%2Fuploads%2F84Ybj8ryak80YGnPvwQK%2F50.jpg?alt=media&#x26;token=0a5935a3-1352-4535-b9c7-317ec8215954" alt=""><figcaption></figcaption></figure>

### 1. Setup Custom Tabs by Metafields

**Step 1:** **Add a new Metafields for the Tab you want to create**

1. From your Shopify admin, go to **Settings -> Metafields**.
2. Click **Products → Add Definition**.
3. Please enter a **Namespace** and Key as we noted below.

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/obyi60SAyUa0IWmxRGLT/screenshort-53.jpg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://themes.templatescoder.com/belliza/documentation/images/screenshort-54.jpg" alt=""><figcaption></figcaption></figure>

**Step 2:** Fill Product Tab Metafield 'Key'

1. Come back to **Editor of Product Page -> Custom Tab** -> scroll down to the bottom -> **Product Tab Metafield 'Key'**
2. Fill the key from **Step 1** above to this box: Example as above is customtab
3. Save

<figure><img src="https://themes.templatescoder.com/belliza/documentation/images/screenshort-55.jpg" alt=""><figcaption></figcaption></figure>

**Step 3:** **Insert the tab content for each product in the Product Metafields:**

1. From your Shopify admin, go to **Products -> All products**.
2. Find and choose the product that you want to edit.
3. In **Metafields** area at the bottom, please enter the content in the **"Custom Tab"** field.

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/5c4Ro24lc9gj9hTUax1O/screenshort-56.jpg" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
You can use HTML Formatting for Custom Tab content.
{% endhint %}
