Pick & Mix

Some ShopWired retailers use a “pick & mix” style product builder that allows customers to choose a fixed number of items from a list on the product page. This is commonly used for products such as chocolate selections, gift boxes, hampers, and other configurable sets.

This feature is not part of the standard ShopWired product options system or product bundles. It is created using custom code added to the theme and can be implemented by a developer familiar with JavaScript, Twig, and ShopWired’s theme structure.

---

The pick & mix feature can be implemented on a ShopWired theme in various ways, depending on your requirements and how you'd like your visitors to make their selections.

• Each available item (for example a chocolate) can be displayed as an interactive tile, allowing a visitor to click a tile to add it to the basket
• Each available item can be displayed in a number of drop downs

The page will track how many items have been chosen, and the 'add to basket' button will only become available when the visitor has selected the required number.

The selected items are then passed to the basket in one of two ways:

• Either as a single product with custom data attached
• This is a simple approach where stock tracking is not required
• The single product has a fixed price
• As separate products within the basket
• The offers feature is used to grant the combination of products a fixed price

This type of builder can be useful where:

• You want to offer customers a set number of choices within a single selection/choice
• You would like a visually interactive selection process
• You want all available choices to be on the same page (which improves the user experience)
• The product is assembled or customised after the order is placed

---

If the items included in your pick & mix offer are products that have variations (for example, Small, Medium and Large), and you want to structure the offer so that only the relevant variation is selectable within the builder. The pick & mix page does not display every variation of each product. Instead, it uses a specific variation (such as the Small size) as the item that can be chosen.

For example, if you sell Product A in Small, Medium and Large:

• The pick & mix offer might be “Choose any 5 Small products for £5”
• Only the Small variation of Product A is included in the pick & mix interface
• The Medium and Large variations are not shown and cannot be selected

This applies to every product included in the selection. If you have ten products, each available in three sizes, the pick & mix interface will only display the Small variation from each of the ten products.

---

If the items in your pick & mix are not made to order, or you do not have an unlimited supply, you will need to ensure that stock is tracked correctly. This is only possible when each chosen item is added to the basket as its own product.

When the pick & mix system sends a single product with custom data, the platform cannot reduce stock levels for the individual items because they are not recorded as separate products in the order. This approach is suitable only when stock control is not required.

To track stock accurately you must:

• Ensure each selectable item in the pick & mix corresponds to a real product or a specific variation of a product
• Configure the builder so that every selected item is added to the basket individually
• Use the offers feature to apply a fixed price to the full set of items where required

With this structure, each item added to the basket behaves exactly like a normal product. The platform will reduce stock levels automatically when an order is placed, ensuring accurate stock control across all components in the pick & mix selection.

---

Various styles of pick & mix functionality are available. Two examples are displayed below.

---

The exact implementation of a pick & mix feature on your website will depend on your requirements.

Contact theme support for assistance.