> For the complete documentation index, see [llms.txt](https://knowledge.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://knowledge.themeware.design/knowledge-base/tutorials/product-pages/custom-product-tab.md).

# Creating a custom tab on the product page

With ThemeWare® you add your own tab with individual content to the product page – entirely without code. You maintain the title and text conveniently via custom fields per product, and the tab is enabled in the theme configuration. This lets you add e.g. care instructions, a size chart or further product info in a dedicated tab.

{% hint style="info" %}
**Note**: "Custom tab" here refers to the integrated ThemeWare® tab that you set up without code via custom fields and the theme configuration. An individual template customization (Twig/HTML) is generally possible as well – how that works is described in the tutorial [Individual template customizations (Twig/HTML)](https://knowledge.themeware.design/knowledge-base/tutorials/individual-customizations/individual-template-customizations-twig-html).
{% endhint %}

***

## Requirements

* a product you want to add a custom tab to
* the content you want to show in the tab (e.g. care notes or usage notes)

***

## Step 1: Enable the custom tab in the theme

> "Theme Manager" => your ThemeWare® theme => "Product pages" tab => "Tab "Custom content"" block => "Show custom tab"

Set **"Show custom tab"** to **"show"**. In the "Basic configuration" section you can optionally use **"Show headline"** to define whether a headline appears within the tab. Save your changes.

***

## Step 2: Add the content to the product

> "Catalogues" => "Products" => select product => "Specifications" tab => "Custom fields" section => your theme's custom field set

Fill in the matching custom fields:

* **Custom tab – Text** – the actual content of the tab. The tab only appears if this field is filled.
* **Custom tab – Title** (optional) – an individual tab name for this specific product. If the field stays empty, the global snippet `twt.detail.tabCustom.title` is used.

{% hint style="info" %}
**Note**: Fill in the custom fields for variants too, so the tab appears there as well.
{% endhint %}

Save the product.

***

## Result

The custom tab now appears on the product page. If nothing shows up, check that the "Custom tab – Text" custom field is filled and clear the Shopware cache once.

{% hint style="success" %}
**ThemeWare® Tip**: For a shop-wide identical tab name (e.g. "Care instructions") the snippet `twt.detail.tabCustom.title` is enough – the tab is then named the same on all product pages. You adjust the headline within the tab via `twt.detail.tabCustom.headline` (`%product%` is replaced by the product name).
{% endhint %}

***

## Further information

You can find all configuration options and custom fields in detail in the ThemeWare® manual:

{% embed url="<https://docs.themeware.design/additional-features/extensions/tabs-on-product-pages/custom-tab>" %}
ThemeWare® Manual ⇒ Custom tab
{% endembed %}