Product Page Mix & Match (with Quantity Selectors)

I would like to create a mix & match product page where customers can select a box of 4 or 8 and underneath find a list of products that they can select with a quantity selector.

Can anyone tell me how I can implement this in Shopify using coding or a useful app?

In the screenshot you can see exactly what I mean.

Thank you very much for your help! :slightly_smiling_face:

Florian

Hi @florianwimmer :raising_hands:

To create a Mix & Match page like the one you described – where customers choose a 4-pack or 8-pack box and then adjust the quantity of each item below using plus/minus buttons – you can do this very easily with Easify Box Builder (a completely free app that requires no coding).

  • This is the result:

  • This is the app setting:

First, in Easify Box Builder, you simply create a new box and at the Select box type step, choose the Predefined Box Sizes option. This box type allows you to preset choices such as β€œ4 pack” and β€œ8 pack.”

After entering the app interface, on the right side customers can choose the box size (4 pack or 8 pack) and immediately see the price for each option. Below that is the list of smoothie flavors, each with +/– buttons to adjust quantities. The system will automatically count and display β€œYou’ve chosen: 4/4” or β€œ8/8,” ensuring customers cannot select more than the allowed number before adding the box to cart.

Additionally, in the Discount & Subscription section, you can easily manage the pricing and discounts for each box size. For each box option (e.g., 4 pack or 8 pack), you simply enter the number of items and the corresponding bundle price, and the system will automatically display this information to customers in the Select Box Size interface.

In the end, Easify Box Builder is extremely beginner-friendly, with a clear, intuitive interface and straightforward setup. You can build a fully functional Mix & Match page within minutesβ€”no technical knowledge required.:blush: