You can use the Image Slider feature on the Product List Element and the Product List Page template. It means that you can now display multiple Images directly within Product Listings, providing a more engaging shopping experience.

products-image-slider.jpg

Add Image Slider To Product List

You can add the Image Slider as the Gallery Element to the Product List directly from the Add Panel.

add-product-image-gallery.png

Product Slider's Image Style

In the Product Image Slider, you can change the Image Style in the Property Panel. You can adjust how the Image fits, choosing between Cover or Contain, and also add a Border to the Image.

product-image-slider-image-style.png

Product Slider's Animation

In the Product Image Slider, you can configure the Animation in the Slider properties in the Property Panel. You can set the animation direction and adjust the transition duration.

product-image-slider-slider.png

Product Slider's Arrows

In the Arrows properties, you can customize the style of the Slider Arrows, such as Size, Color, and Shape.
The position of the Slide Arrows can be manually adjusted in the Editor.

product-image-slider-arrows.png

Product Slider's Indicators

In the Indicators properties, you can stylize the Slider Indicators, including their Size, Color, and Shape. You can manually move the indicators in the Editor.

product-image-slider-image-indicators.png