Slide block

Setting	Description
Product info color scheme	Select the color scheme (text color, link color, and hover color) for your product information block. This helps align the visuals with your brand or banner theme.
Media type	Choose what type of media you want to display for the product. Image Video
Main image	When you choose the image media type, this option will appear. Add a main image for the product slide.
Main video	When you choose the video media type, this option will appear. Add a main video for the product slide.
Current price	Enter the product’s current selling price. This will be displayed as the main price visible to customers.
Original price (crossed out)	Enter the previous or original price. It will be shown with a strike-through to highlight a discount or promotion.
Product title	Enter the product name or title.
Link label	Provide the text for the clickable button or link (e.g., “Buy Now,” “Learn More,” “Shop Now”).
Link	Enter the URL the link should lead to. This is where customers will be directed when they click the button or label.
Button style	Choose the second button’s appearance: Solid: A fully filled button. Outline: A button with a border and no fill. Inline: A minimal button style aligned with the text. Inline with arrow: A minimal button style aligned with the text that includes an arrow icon.

Overlay images

Setting	Description
Overlay image 1	This is an image that will be positioned next to the main product image or video. It can extend beyond the edges of the main image but will partially overlap it. You can adjust its position vertically (top to bottom) and horizontally (left to right).
Overlay 1 left position	Determines the horizontal placement of the overlay image 1 within the container. Value is usually in percentage (`%`).
Overlay 1 top position	Determines the vertical placement of the overlay image 1 within the container. Value is in percentage (`%`).
Overlay 1 width	Sets the size of the overlay image 1. Value can be in percentage (`%`) relative to the container width.
Overlay 1 left position (mobile)	Adjusts the horizontal position of the overlay image 1 specifically for mobile devices. Useful for responsive design to make sure the image doesn’t overlap other content on smaller screens.
Overlay 1 top position (mobile)	Adjusts the vertical position of the overlay image 1 for mobile devices. Ensures proper placement on different screen sizes without affecting the desktop layout.
Overlay image 2	This is an image that will be positioned next to the main product image or video. It can extend beyond the edges of the main image but will partially overlap it. You can adjust its position vertically (top to bottom) and horizontally (left to right).
Overlay 2 left position	Determines the horizontal placement of the overlay image 2 within the container. Value is usually in percentage (`%`).
Overlay 2 top position	Determines the vertical placement of the overlay image 2 within the container. Value is in percentage (`%`).
Overlay 2 width	Sets the size of the overlay image 2. Value can be in percentage (`%`) relative to the container width.
Overlay 2 left position (mobile)	Adjusts the horizontal position of the overlay image 2 specifically for mobile devices. Useful for responsive design to make sure the image doesn’t overlap other content on smaller screens.
Overlay 2 top position (mobile)	Adjusts the vertical position of the overlay image 2 for mobile devices. Ensures proper placement on different screen sizes without affecting the desktop layout.
Decorative icon	You can add another element — a decorative icon — which is much smaller than the overlay images. This allows you to make the section visually more interesting. You can also adjust its placement anywhere within the product block.
Icon left position	Determines the horizontal placement of the decorative icon within the container. Value is usually in percentage (`%`).
Icon top position	Determines the vertical placement of the decorative icon within the container. Value is in percentage (`%`).
Icon width	Sets the size of the decorative icon. Value can be in percentage (`%`) relative to the container width.
Icon left position (mobile)	Adjusts the horizontal position of the decorative icon specifically for mobile devices. Useful for responsive design to make sure the image doesn’t overlap other content on smaller screens.
Icon top position (mobile)	Adjusts the vertical position of the decorative icon for mobile devices. Ensures proper placement on different screen sizes without affecting the desktop layout.

Overlay images and decorative icon