# Shopping Experiences Header

The ThemeWare® "Shopping Experience Header" is particularly suitable for overlaying images, videos or sliders.

The category custom field "Shopping Experience Header" enables the ThemeWare® Shopping Experience Header in one or more categories.

<figure><img src="https://3369454551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzUEL0OiJhd4m6fQWdQe%2Fuploads%2F2kcgYqmbviU2sV3HtMtl%2Fimage.png?alt=media&#x26;token=4c1f7dc0-bbd5-4d12-810f-63f6d692a4f5" alt=""><figcaption><p>Custom field</p></figcaption></figure>

{% hint style="info" %}
**Tip**: The "Shopping Experience Header" can be activated or deactivated in the theme configuration.
{% endhint %}

***

## Custom field

You can find the custom field "Shopping Experiences Header" in the respective category:

> * Tab "General" ⇒ Block "Custom fields" ⇒ Tab (Set) "Categories (ThemeWare® ... Pro)"

<figure><img src="https://3369454551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzUEL0OiJhd4m6fQWdQe%2Fuploads%2F1oJnwCbOV9dyrumCRuBZ%2Fimage.png?alt=media&#x26;token=e6144c4a-cedd-48c1-9c8d-dfbfe15768bf" alt=""><figcaption></figcaption></figure>

#### Technical name

`twt_{theme}_{edition}_custom_field__category__shopping_experiences_header`

***

## Options

* **inherit from theme configuration**
  * The "Shopping Experience Header" is only displayed on the home page.
* **no**
  * Deactivates the "Shopping Experience Header" in this category.
* **yes**
  * Activates the "Shopping Experience Header" in this category.

***

## Screenshots

<figure><img src="https://3369454551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzUEL0OiJhd4m6fQWdQe%2Fuploads%2FRA4BKpUJ9BnhxGSq4EZm%2Fconfig--with-shopping-expericences-header.png?alt=media&#x26;token=82193ea7-ffbf-4af4-b8fd-523519c5307a" alt=""><figcaption><p>ThemeWare® "Shopping Experiences Header"</p></figcaption></figure>

***

## Theme configuration

You can activate/deactivate the "Shopping Experience Header" in the theme configuration:

> Tab "Header" => Block "Shopping Experiences Header" => Shopping Experiences Header

***

## Further information

You can find a tutorial on how to use the "Shopping Experience Header" in our Knowledge Base:

{% embed url="<https://knowledge.themeware.design/knowledge-base/tutorials/header/configuring-the-shopping-experience-header>" %}
ThemeWare® Knowledge Base => Configuring the Shopping Experiences Header
{% endembed %}
