Latest Improvements to Store Product Galleries

4 min read
We've introduced a number of gallery enhancements that can help elevate your design and improve your store's functionality. Have a look at what you can do.

Limit the color swatch display

Keep your page looking clean by limiting the number of colors you display with your products.
A screenshot showing a product with color options in a Wix Store
To customize color swatches, go to the Layout tab and click Product options

Price and title layout

Choose how you want to display product names and prices: side by side or stacked on of top of the other. 
A screenshot showing a product in a Wix Store with the name and price side by side
To customize the sale price layout, go to the Layout tab and click Product info. Scroll down to choose your preferred Name and price layout

Sale price layout

You can now control how you display sale prices. Choose whether to place the crossed out original price above, below, left, or right of the discounted price. This helps you highlight discounts in a way that best suits your store's design.
A screenshot showing the sale price in a Wix Store next to the crossed out original price.
To customize the sale price layout, go to the Layout tab and click Product info. Scroll down to choose your preferred Sale price layout

Add to Cart icon

You can now choose what customers click to add a product to the cart. Display an Add to Cart icon, an Add to Cart button, or both. Choose the icon design that works best for your store.
A screenshot showing a product in a Wix Store with 2 versions of the Add to Cart button, 1 just an icon and 1 icon + text
To customize the sale price layout, go to the Design tab and click Add to Cart button, then choose your preferred button content. 

Add to Cart button placement

We've added the option of placing the Add to Cart button right over your project image. This saves important page real estate and streamlines your customers' experience. 
Screenshot of a product in a Wix stores gallery, with the Add to Cart button displayed over the image
To enable the display of the Add to Cart button, go to the Display tab. To set where the button appears, go to the Layout tab, then click Add to Cart and select an option. For more customizations, go to the Design tab.

Product option display

You can now choose whether you want to display all of your product options or just color swatches.
Screenshot of 2 versions of a product display. 1 with all the product options and the other with only to color option
To enable the display of product options, go to the Display tab. To limit the display to color swatches, go to the Layout tab and click the Product Options section.

Digital badge

Decide if you want to show or hide the download badge display on digital products.
Screenshot of a digital product in a Wix site with the digital product badge outlined
To hide the digital download badge, go to the Display tab and deselect that option.

Sale price design

Customize text fonts individually for the regular price, sale price, strikethrough price, and the discount name.
Screenshot of a product in a Wix site showing the price and discount price and price name in different fonts and colors
To access the price text customizations, go to the Design tab and click Product Info.

Want to stop your category list (in the Category Page) and/or your filters from disappearing when scrolling down to view more products? Now you can make the sidebar "sticky".
GIF showing that the sidebar stays put when you scroll down - sticky sidebar in wix grid gallery
To enable, go to the Settings tab, click Scroll behavior and then click the Sticky sidebar toggle.

Rounded corners

Curve the corners on dropdown product options and quantity counters for a consistent look.
Screenshot of product in a Wix Store showing all elements with rounded corners
To access these corner customizations, go to the Design tab and click Quantity & product options.

Did this help?

|