The ThemeWare® "Image gallery (Grid)" is a variant of the "Image gallery" from Shopware. In this element, the product images are displayed in a grid or one below the other (as a scroller).

Add element (replacing the "Image gallery" element)

You can use the ThemeWare® "Image gallery (Grid)" by replacing an existing "Image gallery":

1. Move the mouse over the CMS block (1)

2. Click on the "Replace" icon (2)

3. The pop-up "Select element" opens

4. Select the desired CMS element (3)

You can configure the ThemeWare® "Image gallery (Grid)" 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

You have now configured the CMS element.

The configuration of the "Image gallery (Grid)" is fairly self-explanatory. The gallery images are a mandatory field. Strictly speaking, you do not need to configure anything else.

In the "General" tab you configure the images and the display of the gallery.

Gallery

In the "Gallery" section you select the images to be displayed in the gallery. This is a mandatory field. You can also configure the display mode, the minimum height (default: 430px, for the mobile gallery slider), the minimum height (>=992px) (for the grid from desktop) and the vertical alignment.

In the "Layout" tab you configure the grid layout and the gallery navigation.

General

In the "General" section you can select the layout type. Three layouts are available: "Images stacked", "Images stacked (1x 100%, rest 50%)" and "Images stacked (all 50%)".

Gallery slider

In the "Gallery slider" section you can configure the arrow navigation, the dot navigation and the preview navigation of the mobile gallery slider.

Gallery grid (>=992px)

In the "Gallery grid" section you can show or hide the preview navigation of the gallery grid (from desktop). You can also activate the fullscreen gallery.

The ThemeWare® CMS elements for product pages.

...

Available product elements

• Image gallery (Grid)

• Product description & reviews (Accordion)

Add a product element

Product elements can be added using a corresponding CMS block or by exchanging CMS elements in existing blocks.

You can find more information in the following article:

Note: You can find the category blocks in the "ThemeWare® Product page" section [Pro]

The ThemeWare® "Product description & reviews (Accordion)" is a variant of the Shopware element "Product description & reviews". The contents are displayed as an accordion or as a list. You can also show or hide individual sections.

Configure element

You can configure the ThemeWare® "Product description & reviews (Accordion)" 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.

The configuration of the "Product description & reviews (Accordion)" is fairly self-explanatory. Basically, you only need to show or hide the desired sections.

In the "General" tab you configure the visible sections of the element.

Content

In the "Content" section you can specify which sections are displayed in the element:

• Show "Description" -- Displays the product description (default: show).

• Show "Videos" -- Displays the product videos (currently disabled).

In the "Layout" tab you can configure the display layout of the element.

General

In the "General" section you can select the layout type. Two layouts are available: "Accordion" (default) and "List".

• Aria label

  • twt.cms.productDescriptionReviews.ariaLabel