Bundle products

Steps

1. In the theme editor (Customize), click Add section

2. Locate Bundle products

3. Save

Section settings

Section header and General

Section width: You can choose among Container, Wrapped container, Full width for the banner layout.

Color scheme: Set text color and background color with preset scheme

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.

Adjust the text alignment (left/center/right) along with the background color and container type.

Settings

Image: Upload or select an image to display, ensuring it fits your design and layout preferences.

Desktop image width: Set the width of the image for desktop view to ensure optimal display and layout consistency.

Desktop Image Position: Choose whether the image appears on the left or right side of the section when viewed on a desktop.

Desktop Content Position: Set the position of the content on desktop to be aligned at the top, middle, or bottom of the section for optimal layout design.

Image ratio: Select a preset ratio for the images.

Custom ratio: Define a custom ratio instead.

Column gap: You are allowed to change both of them for mobile devices.

Show vendor: Determine whether to display the vendor information.

Section padding

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

Block setting

Select product: Choose a specific product to display in this section, highlighting featured or recommended items.

Vertical Position - Horizontal Position: Adjust the vertical and horizontal alignment of the element to position it precisely within the layout.