Listing subcategories (Modern)

Note: This element and this article are work in progress.

This navigation automatically displays the subcategories of the current categories in small tiles. Name and image are based on the corresponding information in the category management of Shopware.

This CMS extension is made up of various "components":

• Content (Category text and image)

• Theme configuration

• Element configuration

The "Listing subcategories (Modern)" CMS extension is a variant of the "Listing subcategories" theme or CMS extension.

While the "Listing subcategories" extension is based on the look of our ThemeWare® extension for Shopware 5, this "Modern" variant has its own modern look, which is based on the modern teasers from ThemeWare®.

Due to this different look, this CMS extension requires a different configuration and only shares the basic colour configuration (background and border colour of the tiles) with the theme extension (or theme configuration).

ThemeWare® CMS extension "Listing subcategories (Modern)"

Beta: Please note that this element is in a testing phase, feel free to test it.

Note: The CMS extension "Listing subcategories" was developed for CMS pages of the type "Lising page", i.e. pages with (product) listings.

Note: Subcategories are only available for the main category in Shopware 6.

Important: This element is only available in the ThemeWare® Pro Edition.

---

Configure element

You can configure the ThemeWare® "Listing subcategories" as follows:

1. Click on the corresponding CMS block (1) to activate the "edit mode"

2. Hover the mouse over the desired CMS element

3. Click on the "gear" icon (2) to configure the CMS element
4. The "Element Settings" pop-up will open

5. Make the desired changes

6. Save your changes

You have now configured the CMS element.

---

Content

The texts and images shown were taken from the category management ("Catalogues" => "Categories") of Shopware.

The "Name" and the "Image" (= Display image) of the corresponding categories are displayed. The image is not mandatory.

---

Theme configuration

This CMS extension "Subcategories in Listing" is based on the theme extension of the same name. Both extensions are configured via the theme configuration:

Tab "Extensions" => Block "Listing subcategories"

Note: You do not need to activate the theme extension to use the CMS extension.

---

Element configuration

The actual configuration of the "Listing subcategories" can be found in the tab 'Extensions' in the ThemeWare® configuration.

Layout

In the tab "Layout" you can configure the navigation.

...

Grid

In the tab "Grid" you can configure the number of columns in different viewports.

SEO & Pagespeed

In the tab "SEO & Pagespeed" you can configure the "Lazy loading" of the images.

Advanced

You can select each HTML element of our CMS elements using the appropriate CSS classes. If you want to use your own CSS classes, you can insert them in the "Advanced" tab.

---