Featured product banner

Featured product banner highlights a single product in a prominent banner layout, combining visual impact with key product details such as title, price, image, description, and a call-to-action button. Ideal for promoting new arrivals, limited-time offers, or best-selling items on the homepage or landing pages.

Section settings

General settings

Setting	Description
Section width	3 options for container Stretch width: span the section width regardless of screen size. Fixed width: depends on your page content width in Theme settings -> Layout. Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color scheme	Select colors from Theme settings -> Colors

Section header settings

Setting	Description
Subheading	Use the subheading to provide additional context, supporting information, or a short description.
Heading	The primary text element used to introduce or label the content within this section.
Enable heading underline animation	Enable heading underline animation
Underline style	Select Underline style
Underline color	Customize Underline color
Description	A text element used to provide additional details or supporting information related to the heading or content of the section.
Heading size	The size of the title: Small Medium Large
Alignment	The position of the heading and description. Left Center Right

Content settings

Setting	Description
Image	Select an image to display on desktop
Mobile image	Select an image to display on mobile
Image ratio	The image ratio for the featured images of the blog posts: Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped. Portrait - Crops the images to use a 3:4 ratio. Square - Crops the images to use a 1:1 ratio Landscape - Crops the images to use a 4:3 ratio
Button label	Custom name button, if left empty, the button will be hidden
Button link	The link URL you want to add
Type	The style of the button Primary Outline Link
Hide icon with text blocks on mobile	This setting hides the icon element within text blocks on mobile devices.

Section padding

Setting	Description
Top	Customize the top margin of the section
Bottom	Customize the bottom margin of the section

Section divider

Setting	Description
Section divider	Toggles the visibility of a horizontal divider line within the section.