Latest Improvements to Store Slider Galleries

2 min read
We've introduced a number of enhancements that can help elevate the design and functionality of your store's Slider Galleries. Take a look at what you can do.

Navigation arrow updates

We've added lots of customization options, allowing you to tailor the navigation arrows to your desired look and functionality. You can position the arrows inside or outside your gallery, display them only on hover (relevant for desktop), add borders, round the corners, and more. 
Screenshot of a sample slider gallery in a Wix Store
  • To show or hide, go to the Display tab and select/deselect the Navigation arrows checkbox. 
  • To customize their placement, go to the Layout tab and click Navigation arrows.
  • To customize the design, go to the Design tab and click Navigation arrows.

Pagination dots

Give your customers a visual indication that there are more images to view by adding pagination dots. 
Screenshot of a sample slider gallery in a Wix Store
  • To show or hide, go to the Display tab and select/deselect the Pagination dots checkbox. 
  • To customize the placement, go to the Layout tab and click Pagination dots.
  • To customize the design, go to the Design tab and click Pagination dots.

Infinite loop

You can now control what happens when customers get to the last product. They can reach an end point or keep clicking or swiping through to the first product.
GIF of the slider gallery in a Wix Store
To access the infinite loop setting, go to the Settings tab and click the Slider behavior.

Show part of the next product

Give customers a sneak peak of the next product to help them understand that the image they're viewing is one of many.
Screenshot of a sample slider gallery in a Wix Store
To enable, go to the Layout tab and click the Show part of the next product toggle.

Customize the mobile design

Get just the right look on mobile as well as desktop. Now the mobile view has separate customization options.
Screenshot of a sample slider gallery in a Wix Store
To access the mobile settings, click Switch to mobile at the top of your editor. 

Did this help?

|