Shopable image

The Shopable image section seamlessly integrates product displays onto a banner, enhancing user engagement and simplifying the shopping experience.

Section settings

General settings

Setting	Description
Section width	3 options for container Stretch width: span the section width regardless of screen size. Fix 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
Heading	The title of the section
Description	The description of the section
Content alignment	The position of the heading and description. Left Center Right

Image settings

Setting	Description
Image	Upload desktop slide image, and it will be displayed for mobile if no mobile image is uploaded
Mobile image	Upload mobile slide image
Image overlay opacity	Customize the image overlay opacity
Type	Layout display shopable Image Item slide
Column gap	4 options for column gap Small No gap Medium Large

Settings for carousel

Setting	Description
Slide controls type	2 options for slide controls type Default Group
Show navigation	Display the next and back controls for the carousel
Show pagination	Display the pagination for the carousel

Section padding

• Top padding: Customize the top margin of the section

• Bottom padding: Customize the bottom margin of the section

Block settings

Desktop, Mobile

• Vertical alignment: The position of the icon is aligned vertical

• Horizontal alignment: The position of the icon is aligned horizontal

• Select product: Select the products you want to display