Short video illustrating the bundle builder functionality

As part of the website rebuild I completed for Ringers Western in 2021, I created the following bundle builder functionality according to designs passed onto me from the marketing manager.

The bundle builder needed to:

  1. Showcase up to 3 categories from which the customer could choose 3 items to add to their cart
  2. Each category was to be separated by tabs and filterable via gender, price and colour
  3. Be set up in a way that allowed the merchant to create new bundles whenever they needed (without needing a developer)
An example of a bundle created using the feature

A solution was designed to make it as easy as possible for the client to create new bundles without compromising on flexibility and ensuring the functionality remained robust.

The bundle builder page was built as a collection so that any product in the collection would pull through to the page. The custom functionality of the page was built and assigned to the collection via an alternative template and the categories were separated based on tags.

The most complicated part of the feature was the functionality to allow the merchant to customise how many items from each category were to make up a bundle, and to associate the desired product tag and icon for the category. For this, I implemented a JSON metafield but to make it user friendly for the client, I create a single page JSON builder where the merchant could use a form to generate the JSON object.

As the client is a Shopify Plus user, I was able to set up a Shopify Script to apply the same rules at checkout in order to apply the discount.

The client has continued to use the feature on/off over the years during sale periods and the system continues to work well.