Promotion products pop-up
Overview:
The Promotion Products Popup section displays a modal overlay featuring a promotional banner and a scrollable list of selected products. Designed to highlight time-sensitive deals, discount codes, or featured items, this section supports customizable headings, product display options, and layout alignment.
Section Configuration:
Setting |
Description |
| Products |
Selects up to 10 products to display in the promotional popup. |
| Product Card Heading |
Sets the heading text above the product list. |
| Product Card Heading Size |
Sets the size of the product list heading. Options: H1, H2, H3, H4. |
| Product Card Heading Weight |
Sets the font weight of the heading. Options range from Light to Extra Bold. |
Banner Settings
Setting |
Description |
| Banner Image |
Uploads an image to display at the top of the popup. |
| Heading |
Sets the main text over the banner image. |
| Heading Size |
Selects the size of the banner heading. Options: H1–H4. |
| Heading Weight |
Sets the font weight of the banner heading. Options range from Light to Extra Bold. |
| Caption |
Optional subheading or promotional message beneath the banner heading. |
| Discount Code |
Displays a promotional code near the caption area. |
| Banner Color Scheme |
Applies a color scheme to the banner background and text. |
Product Card Settings
Setting |
Description |
| Title Size |
Sets the heading size for each product title. Options: H4, H5, H6. |
| Title Weight |
Sets the font weight of the product titles. Options range from Light to Extra Bold. |
| Show Price |
Displays the product’s price when enabled. |
| Show Add to Cart Button |
Adds an “Add to Cart” button for each product card when enabled. |
Layout Settings
Setting |
Description |
| Popup Position |
Defines the modal's screen placement. Options include Centered, Bottom Left, and Bottom Right. |
| Content Vertical Alignment |
Aligns the banner text within the image. Options include Top, Middle, and Bottom. |
| Text Alignment |
Aligns the content text within the popup (e.g., left, center, right). |
| Popup Color Scheme |
Selects the color scheme applied to the overall popup layout. |