Dynamic slider for higher customer interactions

Product Feed Slider – Configuration Manual

This guide explains every setting of the Shopware CMS element Product Feed Slider. Configure product feeds, layout, slider behavior, appearance, and fallback content.

Table of contents

1. Content settings
2. Layout
3. Slider behavior
4. Element appearance
5. Alternative content
   
   

Content settings

Feed type (Product Feed mode)

Selects which algorithm supplies products to the slider:

• Order again: Shows products the customer previously purchased (reBuy).
• Similar articles: Finds items similar to the current product.
• Selected for you: Curated or personalized selection.
  
  

Alternative feed

Defines what to show if no products are found for the selected feed type:

• Hide: Hides the element if the feed is empty.
• Alternative Content: Shows an alternative slider you configure in the “Alternative content” tab.
  
  

Number of properties to be searched

Sets how many product properties must match when searching for similar items. Higher values narrow the result set.

Search for selected properties

Choose specific attributes to include in similarity matching. If none are selected, all attributes are considered.

Category overlap

Matches any category of the current product to find similar items.

Manufacturer fallback

If no property matches are found, show items from the same manufacturer as a fallback.

Maximum number of products

Caps the total number of products loaded into the slider.

Title

Optional heading displayed above the slider. Use meaningful, keyword-rich titles for better SEO.

Layout

Product box layout

Controls the visual layout of each product card. Available layouts depend on your theme (e.g., standard, image-first).

Vertical alignment

Aligns product content vertically within the slider (e.g., top, center, bottom) depending on layout.

Inner spacing (px)

Inner padding between product cards inside the slider. Value in pixels.

Outer spacing (px)

Outer padding at the edges of the slider track. Value in pixels.

Border

Enables a border around product cards for clearer separation.

Slider behavior

Slider type

Defines how items change:

• Carousel: Moves items horizontally in a track.
• Gallery: Replaces all visible items at once.
  
  

Navigation arrows

• None: No arrows shown.
• Inner: Arrows overlay the slider content.
• Outer: Arrows placed outside the slider.
  
  

Navigation dots

• None: No dots shown.
• Inner: Dots inside the slider.
• Outer: Dots below/around the slider.
• Thumbnails: Shows small previews as navigation.
  
  

Mouse drag

Allows users to change slides by dragging with the mouse (or swiping on touch devices).

Auto slide (Rotate)

Enables automatic slide rotation. When active, additional timing options become available.

Rotate speed (ms)

The speed of a single image in milliseconds.

Autoplay timeout (ms)

Wait duration between slide changes in milliseconds.

Wait on hover

Pauses auto-rotation while the pointer hovers over the slider.

Rotate direction

• Forward: Slides advance left-to-right (or RTL-aware).
• Backward: Slides advance in the opposite direction.
  
  

Element appearance

Display mode

Controls how product media is displayed in the box (e.g., standard, cover, contain). Available modes may vary by theme.

Minimal height / width

Sets a minimum dimension for the element to avoid layout shifts. Enter a CSS size (e.g., 320px).

Font color

Text color used within the element. Use your brand’s accessible color palette.

Background color

Background color of the element. Choose a color that provides sufficient contrast to text and media.

Alternative content

Alternative slider name

Optional title for the alternative slider shown when the primary feed has no results.

Product assignment type

Select how products for the alternative content are assigned:

• Product stream: Dynamically from a defined product stream.
• Static selection: Manually pick products.
  
  

Product stream

Choose the product stream that supplies items for the alternative slider.

Static product selection

Select one or more products that will be displayed in the alternative slider.