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

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

Custom field

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

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

Type: Selection

Technical name: twt_{theme}_{edition}_custom_field__category__shopping_experiences_header

Options

• inherit from theme configuration

  • The "Shopping Experiences Header" is only displayed on the home page.

• no

  • Deactivates the "Shopping Experiences Header" in this category.

• yes

  • Activates the "Shopping Experiences Header" in this category.

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

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

You can find the extension article and a tutorial in our Knowledge Base:

With this category custom field you store the image of a teaser that is displayed next to the subcategories in the "ThemeWare® Flyout". Up to 3 teasers (image, text, link) are available.

The alternative text is taken from the media manager.

Custom field

You can find the "Flyout teaser 1-3 – Image" custom fields in the respective category:

Tab "General" ⇒ Block "Custom fields" ⇒ Tab (Set) "Flyout (... Pro)"

Type: Media selection

Technical names:

twt_{theme}_{edition}_custom_field__category__flyout_teaser_1_media
twt_{theme}_{edition}_custom_field__category__flyout_teaser_2_media
twt_{theme}_{edition}_custom_field__category__flyout_teaser_3_media

With the category custom field "Body class" you add one or more CSS classes to the HTML body of a category. This lets you apply individual CSS adjustments for one or more categories.

Separate several classes with spaces.

Example: special-category or special-category highlights

Custom field

You can find the "Body class" custom field in the respective category:

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

Type: Text

Technical name: twt_{theme}_{edition}_custom_field__category__body_class

With the category custom field "Top navigation flyout" you can override the theme configuration "Top navigation flyout" for this category only. The "Flyout with cards" option displays the direct subcategories as image cards.

Custom field

You can find the "Top navigation flyout" custom field in the respective category:

Tab "General" ⇒ Block "Custom fields" ⇒ Tab (Set) "Flyout (... Pro)"

Type: Selection

Technical name: twt_{theme}_{edition}_custom_field__category__top_nav_flyout

Options

• inherit from theme configuration

  • This is the default option. In this case, the theme configuration decides how the submenu of this category is displayed.

• ThemeWare® Flyout

• ThemeWare® Dropdown

• ThemeWare® Flyout with cards

• ThemeWare® Flyout with sidebar

• ThemeWare® Flyout with teasers

• no submenu

With the category custom field "Navigation levels" you can override the global theme configuration "Navigation levels" for this category only.

You can find the "Navigation levels" custom field in the respective category:

Tab "General" ⇒ Block "Custom fields" ⇒ Tab (Set) "Flyout (... Pro)"

Type: Selection

Technical name: twt_{theme}_{edition}_custom_field__category__flyout_max_depth

With the category custom field "Listing subcategories" you can select whether the theme extension "Listing subcategories" should be displayed in this category.

You can find the "Show 'Listing subcategories'" custom field in the respective category:

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

Type: Selection

Technical name: twt_{theme}_{edition}_custom_field__category__listing_subcategories

Select whether you want to display the "Listing subcategories" in this category.

Category-specific custom fields from ThemeWare®.

1. Switch via the main navigation to the "Category managment" (1) (2) ("Catalogues" => "Categories")

2. Choose the category you want to edit (3)

3. To the right of the category list, the corresponding category now opens in the category editor (4)

With this category custom field you store the target URL of a teaser that is displayed next to the subcategories in the "ThemeWare® Flyout". The whole teaser is clickable. Up to 3 teasers (image, text, link) are available.

Custom field

You can find the "Flyout teaser 1-3 – Link" custom fields in the respective category:

Tab "General" ⇒ Block "Custom fields" ⇒ Tab (Set) "Flyout (... Pro)"

Type: Text

Technical names:

twt_{theme}_{edition}_custom_field__category__flyout_teaser_1_link
twt_{theme}_{edition}_custom_field__category__flyout_teaser_2_link
twt_{theme}_{edition}_custom_field__category__flyout_teaser_3_link

With this category custom field you store the text of a teaser that is displayed next to the subcategories in the "ThemeWare® Flyout". Up to 3 teasers (image, text, link) are available.

Custom field

You can find the "Flyout teaser 1-3 – Text" custom fields in the respective category:

Tab "General" ⇒ Block "Custom fields" ⇒ Tab (Set) "Flyout (... Pro)"

Type: Text

Technical names:

twt_{theme}_{edition}_custom_field__category__flyout_teaser_1_text
twt_{theme}_{edition}_custom_field__category__flyout_teaser_2_text
twt_{theme}_{edition}_custom_field__category__flyout_teaser_3_text

With the category custom field "Highlight category" you can, as the name says, highlight a category in the top navigation with a colour. You can find the colour configuration in the theme configuration.

Custom field

You can find the "Highlight category" custom field in the respective category:

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

Type: Selection

Technical name: twt_{theme}_{edition}_custom_field__category__highlighted

Options

• no

  • This category is not highlighted in the top navigation.

• yes

  • This category is highlighted in the top navigation.

You can find the general settings in the theme configuration:

Tab "Header" => Block "Top navigation" => Section "Link (highlighted)"

You can find more information about the extension "Highlight category" here:

The "Flyout" custom field set controls the "ThemeWare® Flyout" of the top navigation per category. You can override the theme configuration for an individual category and display up to 3 teasers (image, text, link) next to the subcategories within the flyout.

Custom fields

You can find the "Flyout" custom fields in the respective category:

Tab "General" ⇒ Block "Custom fields" ⇒ Tab (Set) "Flyout (... Pro)"

Overview

• Top navigation flyout – overrides the flyout mode for this category

• – overrides the number of navigation levels for this category

You can find the general and global settings in the theme configuration:

Tab "Header" => Block "Top navigation flyout"

With this group of category custom fields you can customise the "Hero section" in this category.

Custom fields

You can find the "Hero section" custom fields in the respective category:

Tab "General" ⇒ Block "Custom fields" ⇒ Tab (Set) "Hero section (... Pro)"

Show Hero section

Select whether you want to display the "Hero section" in this category.

• inherit from theme configuration

  • This is the default option. In this case, the theme configuration defines whether the "Hero section" is displayed or not.

• no

  • The "Hero section" is not displayed in this category, regardless of the theme configuration settings.

• yes

  • The "Hero section" is displayed in this category if you have selected the representation option show (via custom field) in the theme configuration.

Type: Selection

Technical name: twt_{theme}_{edition}_custom_field__category__hero_section

Enter a text for the "Hero section". If you leave this field empty, the category description is displayed. The input field is HTML-capable.

Type: Text editor (HTML)

Technical name: twt_{theme}_{edition}_custom_field__category__hero_section_text

Select whether the next HTML element should be pulled up a bit over the "Hero section", or use the option "inherit from theme configuration".

Type: Selection

Technical name: twt_{theme}_{edition}_custom_field__category__hero_section_pull_up

Select a custom background image for this category or leave the field empty to display the category image ("Menu settings" → "Display image").

Recommended image size: 1920 × 1080 pixels

Type: Media selection

Technical name: twt_{theme}_{edition}_custom_field__category__hero_section_background_image

Select an individual background colour for the coloured overlay of this category or leave the field empty to use the theme configuration.

Type: Colour picker

Technical name: twt_{theme}_{edition}_custom_field__category__hero_section_background_color

Select an individual text colour for this category ("white text", "light text", "dark text" or "black text") or use the option "inherit from theme configuration".

Type: Selection

Technical name: twt_{theme}_{edition}_custom_field__category__hero_section_text_coloration

You can find the general (global) settings in the theme configuration:

Tab "Extensions" => Block "Hero section (on listing pages)"

You can find more information about the extension "Hero section" here:

With this group of category custom fields you define, per breakpoint, how many product columns per row are displayed in the listing of this category. This lets you override the global theme configuration specifically for individual categories.

Custom fields

You can find the "Columns per row" custom fields in the respective category:

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

There is a separate selection field per breakpoint:

• Columns per row – Phone (portrait) (<576px) – default: 1

• Columns per row – Phone (landscape) (≥576px) – default: 2

• Columns per row – Tablet (portrait) (≥768px) – default: 2

• Columns per row – Tablet (landscape) (≥992px) – default: 3 (2 with sidebar)

• Columns per row – Desktop (≥1200px) – default: 4 (3 with sidebar)

Each field offers the "inherit from theme configuration" option as well as the available column counts.

Type: Selection

Technical name: twt_{theme}_{edition}_custom_field__category__product_listing_columns_xs (Phone portrait) …_sm (Phone landscape) · …_md (Tablet portrait) · …_lg (Tablet landscape) · …_xl (Desktop)

You can find the general (global) settings in the theme configuration:

Tab "Listing pages" => Block "Layout (Layout type ...)" => Section "Columns per row" / "Columns per row (with Sidebar)"