Products

The block inside the Promotion popup section is designed to showcase selected products directly within a popup.

It allows you to display items from a specific collection, highlight key details like vendor, prices, and reviews, and control how product images and text appear, including hover effects and image ratios. This block helps draw attention to featured products, encouraging visitors to engage and make purchases without leaving the popup.

Location: Sections -> Popups -> Promotion Popup: Products

---

Products - Options Overview

Option	Brief Explanation
Collection	Select the product collection to display in the popup.
Heading	Set the title or heading of the product block.
Products	Choose specific products to display from the selected collection.
Align text relative to image	Position the text in relation to the product image (Top or Center).
Image hover effect	Choose the animation effect when hovering over product images.
Basic theme settings	Apply the default hover effect from the theme settings.
Image ratio	Set the aspect ratio of product images (Auto, Portrait, Landscape, Square, Round, Social story, Widescreen).
Show second image on hover	Enable display of an alternate product image when hovered.
Customize
Colors
Vendor	Set the color for the vendor name text.
Heading	Set the color of the product heading.
Heading hover	Set the color of the heading when hovered.
Regular Price	Set the color of the product’s regular price.
Sale Price	Set the color of the discounted price.
Old price	Set the color of the original price when a sale is applied.
Review stars
Stars active	Set the color of active (filled) review stars.
Stars base	Set the color of inactive (unfilled) review stars.