> For the complete documentation index, see [llms.txt](https://story.groupthought.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://story.groupthought.com/products/product-pages/unique-product-tabs.md).

# 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.