The Products section allows you to customize the product gallery, product card, product media, and product page. These settings help you tailor the visual presentation and interaction of products, enhancing the shopping experience to align with your brand.

Product Gallery

• Product gallery type: Choose the product gallery type. You can select between Stack and Carousel options.
• Stack gallery maximum columns: Sets the maximum number of items displayed per row in the stack gallery.
• Full width single image: When enabled, products with a single image will take the full width of the gallery.

Product Card

• Truncate product card title: When enabled, long product titles in product cards are truncated to a single line.

• Product card click behavior: Choose the behavior of the product card on click on the desktop. Select between either showing a preview of the product card or redirecting to the product page. By default, it shows a preview popup.

  Note: This setting is specifically for desktop behavior. On mobile devices, it always redirects to the product page.

• Badge Position: Determines the position of the sold out and discount badges on product cards.

Preview

Redirect

Video

Preview (1).mp4

Product Media

• Fade In Background Color: Specifies the color displayed while images are loading. Once the images are fully loaded, they will fade in from this background color. This setting applies to all media across the site.