Product Bundles
What is Product Bundles?
Ever wondered how you can encourage customers to buy more in a single purchase? Our Product Bundles block is designed to do just that. It’s designed to intelligently recommend related products to your customers, making it effortless for them to discover and purchase more from your store.
So, how does it work? It's simple. When a customer is viewing a product, this feature will display a selection of complementary items that are often purchased with it. For example, if someone is looking at the headphone MH 40 Wireless, you can suggest the powerful Beosound A9 for their living room and the stylish MW08 Sport Lamborghini earbuds for when they're on the go. Customers can easily select the items they want with a simple toggle and add the entire bundle to their cart in one click.
By bundling products, you simplify the decision-making process for your customers, which often leads to larger purchases. You're not just selling a product; you're offering a complete solution, which builds customer satisfaction and drives higher revenue.
Click here to see the link demo ->
How To Install Product Bundles?
Step 1: In Shopify Admin, going to Smind Section app and find Product Bundles 1-1 in Product Block tab of Library. Click Install and Customize it.
Step 2: Going to Shopify Editor sidebar, choose any product page template and click Add Section -> Product Bundles 1-1
Step 3: Copy the block ID. For example: smi-block-product-bundles-1
Step 4: On the Product Detail sections, click Add Block and add Smind Block to the section.
Step 5: And insert the block ID of Product Bundles to the Section ID. You can change the block name if you want.
Step 6: Now you have to change the content for this feature
Block ID: This is a unique identifier for this specific block.
Content max-width: This setting limits the maximum width of the content inside the block
You have to add complementary products to a main product on the Search & Discovery app before installing this product block to make sure it works for your store.
To add complementary products in Shopify, install the Search & Discovery app
In the Search & Discovery app, go to the Recommendations section and click Add recommendations.
Select the main product for which you want to display complementary products. In the Add complementary products section, browse for and select the products you want to be complementary. Click Save to store your selections.
Heading
These options control the title of the product bundle section.
Heading: This is the text that appears as the title.
Heading size: Controls the font size of the heading.
Heading alignment: This aligns the heading text.
Container
These settings customize the appearance of the box that contains the products.
Grid view: If enabled, the products would be shown in a grid layout. When turned off, the products are displayed in list view
Thickness: This adjusts the thickness of the border around the container.
Thickness opacity: This controls the transparency of the border.
Content padding: This sets the amount of space between the content (products) and the container's border.
Item gap on desktop: This defines the space between each product item when viewed on a desktop.
Item gap on mobile: This defines the space between each product item on mobile devices.
Shadow: This adds a shadow effect to the container.
Shadow opacity: This would control the transparency of the shadow if one were enabled.
Slider
These options are specific to the slider layout.
Auto rotate slides: When enabled, the slider will automatically cycle through the products.
Change slides every: This sets the duration each set of products is shown before rotating to the next.
Number of products per page: This determines how many products are visible at one time in the slider
Pagination: This controls the style of the navigation indicators for the slider.
Checkbox
This section controls the checkboxes used for selecting products in the bundle.
Checkbox style: This defines the appearance of the checkbox.
Checkbox position: This places the checkbox to the Right of the product. The note indicates that in a Grid layout, this automatically changes to the Top or Bottom.
Enable clickable items: If enabled, clicking anywhere on the product item would not redirect to the product page.
Product settings
These settings apply to the individual products within the bundle.
Use image corner radius from theme settings: When enabled, the product images will have the same corner roundness as defined in the main theme settings, ensuring a consistent look.
Image width: This controls the width of the product images.
Media ratio: Set to Adapt, this makes the image container adjust to the aspect ratio of each product image.
Button
This section customizes the "Add to cart" button for the bundle.
Button label: This is the text displayed on the button, set to "Add to cart".
Button animation: This adds a visual effect to the button, currently a Flash animation.
Color Scheme: This applies a predefined set of colors from your theme's settings to the button.
Custom color: This switch allows you to override the theme's color scheme and pick a custom color for the button, but it is currently disabled.
Block spacing
These settings control the space around the entire product bundle section.
Top margin: This adds a certain of pixel of empty space above the block, separating it from the content above.
Bottom margin: This adds a certain of pixel of empty space below the block, separating it from the content below.
Last updated