Designing the Product Grid

Overview

Your Product grid configures how your products are laid out on your bundle page, and Bundle Builder allows you to choose your preferred features.

Example of a product grid.
  1. Go to Bundles.

  2. Select the bundle you wish to edit.

  3. Select Design, and scroll to Product grid.

Bundle Description

By selecting Display bundle description, you will be able to type in the description to be displayed with your bundle.

If you wish to add instructions for your customers, we recommend that you use the bundle description field.

Enabling Product Tag Filters

Enabling product filtering allows your customers to filter products by product tag on your bundle page, therefore helping them find what they're looking for faster.

Do not use white-space inside the tag as it doesn't work in the filter - use an underscore instead.

To display your tags in a drop-down filter on your bundle page, you will need to enable product filtering within the app:

  1. Go to Bundles, and select the bundle you wish to edit.

  2. Go to Design, and scroll down to Product grid.

  3. Select Enable product filtering.

  4. Click Save.

To learn more about creating and using tags in Shopify, read the help pages here.‚Äč

Additional Features

You can customize your how your bundle products are displayed further with the following product grid options:

  • Products per row - allowing you to choose how many products are displayed in each row.

  • Center products in the grid layout - to ensure that products are always centered on the page, even if they don't fill up the grid row.

  • Display product descriptions - to make the product descriptions visible beneath the product title (selecting this option will enable you to set a character limit).

  • Display 'Read more' link - this link opens a modal, allowing your customers to find out more about your products without having to leave the bundle page.