# Unique product tabs

With unique product tabs, you can display custom content for each product in your store. 

The basic steps are:

* Create a product metafield for the tab text.
* Add unique content to individual products in the metafield area.
* in the Product description connect the tab text to the metafield as the dynamic source.

### How to setup

Begin by creating a basic product metafield in your Shopify Settings:

Start in your Shopify Admin -> Settings and choose Metafields from the left panel and then click on **Products** (click images to zoom):

![Create new Product metafield](/files/9eYZ4UmTQwvrwaAFzvp8) ![Choose Add definition](/files/zDUnbkrm2OX78aXvNO5Z)

* Provide a **Name** for your metafield. In our example, we'll use ***Water rating***, this will be our tab content. Each watch will have a unique water rating. You can define metafield that relates to your products. 
* The default Namespace and key can be used. No modifications are needed. 
* Choose **Text**, **Multi-line text** for the Content type.
* No validation is required.

![Multi-line text is recommended for tab content](/files/cBTKfeZV5lIN8hj5rB3q)

**Save** the metafield definition.

### Product setup

{% hint style="success" %}
Now that we've created a product text metafield, we can **easily** add custom tab content to any of our products that require unique information.
{% endhint %}

The next step is performed in the Shopify Admin -> Products. Choose a product and scroll to the bottom where you'll find all the metafields. There will be a new Water rating option where we can add unique details to:

![Metafields are located at the bottom on the product setup pages](/files/9GIN856MDPowlgFDwbhc)

{% hint style="info" %}
Add unique content to products that require that information. For products that don't have any information entered, the tab won't appear when viewing online.
{% endhint %}

### Theme editor setup

The final step is to configure the Product page settings in Story, using the Theme editor. Click on Product description under Product page:

![](/files/y44asaQogivmtodu0R6U)

Next, under the **Tab heading**, add a title for the tab. We will use "*Waterproof rating*". 

In the **Tab text** area, click on the **Insert dynamic source** icon:

![](/files/F1XH5jeQfhUB0pUS311c)

Choose the metafield created, we'll use Water rating:

![](/files/Uzqm9nCVY6IQWXIaQjyL)

Use the **Insert** button at the bottom to connect and **Save** your changes.

### Final result

{% hint style="success" %}
The tab or accordion will only appear on products that have metafield content. Other products won't show a tab. Also, each product that has content populated will be unique.
{% endhint %}

![](/files/fyarre4InJCvM9o1Vmf3)

Experiment with multiple tabs by creating metafields for each one. If you need more than five tabs/accordions, you can create metafields for the Tab title as well. That will allow you to assign a tab title in the product setup. 


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://story.groupthought.com/products/product-pages/unique-product-tabs.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.