All pages
Powered by GitBook
1 of 6

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Flyout teaser 1-3 – Link

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.

Note: A teaser is only displayed when its image is set. Without a link the teaser is not clickable.


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

Flyout teaser 1-3 – Text

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.

Note: A teaser is only displayed when its image is set.


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

Top navigation flyout

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.

Tip: General or global settings can be found in the theme configuration.


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

Flyout

Top navigation flyout, Navigation levels, Flyout teaser

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.


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

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

  • – overrides the flyout mode for this category

Navigation levels

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


Flyout teaser 1-3 – Image

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.


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:

ThemeWare® Dropdown
  • ThemeWare® Flyout with cards

  • ThemeWare® Flyout with sidebar

  • ThemeWare® Flyout with teasers

  • no submenu

  • Note: Only effective when the theme configuration is not set to "Shopware default".

    Navigation levels – overrides the number of navigation levels for this category

  • Flyout teaser 1-3 – Image

  • Flyout teaser 1-3 – Text

  • Flyout teaser 1-3 – Link


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

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

    Tip: General and global flyout settings can be found in the theme configuration.

    Guide: You can find a step-by-step guide in the ThemeWare® Wiki: Setting up the Mega Menu

    Custom fields

    Overview

    Top navigation flyout

    Theme configuration

  • inherit from theme configuration

    • This is the default option. In this case, the theme configuration decides how many category levels are rendered in the navigation of this category.

  • 1 level

  • 2 levels

  • 3 levels

  • 4 levels

  • 5 levels

  • Tip: General or global settings can be found in the theme configuration.

    Custom field

    Options

    Note: Applies in both "ThemeWare® Flyout" and "ThemeWare® Dropdown" modes.

    Will only render up to the sales channel's "Navigation levels" setting (Admin → Sales Channels → [Channel] → Navigation), as deeper categories are not loaded into the storefront.

    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

    Note: Leave the image empty to hide the respective teaser.

    Custom field