Compact product bundle

This block allows merchants to promote product bundles that customers can quickly review and add to cart without navigating away from the current page.

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. 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
Subheading	The subheading of the section
Heading	The title of the section
Enable heading underline animation	Enable heading underline animation
Underline style	Select Underline style
Underline color	Customize Underline color
Description	The description of the section
Heading size	The size of the title: Small Medium Large
Alignment	The position of the heading and description. Left Center Right
Column gap	The spacing between the main image and products content

Content settings

Setting	Description
Image	Displays a visual element within the section, such as a product photo, banner, or decorative graphic.
Mobile image	Allows you to upload a separate image specifically optimized for mobile devices.
Desktop image width	Controls the width of the image when displayed on desktop devices.
Desktop image position	Determines the horizontal alignment of the image within the section when viewed on desktop devices.
Image ratio	Specifies the aspect ratio used to display the image.
Enable quick add for items	Allows customers to add products directly to their cart without leaving the current page.
Button label	Defines the text displayed on the button within this section or block.
Button link	Specifies the destination URL or page that the button will navigate to when clicked.
Hidden button on mobile	When enabled, this setting hides the button on mobile devices while keeping it visible on desktop and tablet views.

Section padding

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

Section divider

Setting	Description
Show divider	Display a dividing line to separate from the previous section.

Block settings

Setting	Description
Product	Select your featured product
Vertical position Horizontal position	Determine the position for the product pointer