Product card

Configure the display of product cards on collection pages. Customize elements such as number of color swatches shown when product has color variants to create a compelling and informative product presentation or product hover button. .

pcard

Number of color swatches

This customization helps customers quickly see the available color options for a product, enhancing their shopping experience and aiding in their decision-making process.

Adjust the slider to set the number of color swatches displayed when a product has color variants. This setting allows you to choose how many different color options are shown to customers on the product card.
When a product has more color variants than chosen, it will be shown as + number of variants

Example:

Product hover button

This setting allows you to choose how customers interact with product images on your store, enhancing the shopping experience by providing convenient options to view or purchase products quickly.

None: No additional button will appear when a customer hovers over a product image.
Quick view: A "Quick view" button will appear when a customer hovers over a product image, allowing them to quickly preview product details without leaving the current page.
Quick buy: A "Quick buy" button will appear when a customer hovers over a product image, enabling them to add the product to their cart directly from the product listing.