Skip to content
Themewinter Logo
  • Home
  • About
  • Our Products
    • Eventin
    • WPCafe
    • WP Timetics
    • Poptics New
    • Booktics New
  • Blog
  • Deals
  • Login
Popular Search ticketqr codeemailtranslatelocation

Aisentic

  • Gettings Started
    • How to Manage Eventin Events Using AISentic’s AI Chatbot
    • How to Connect Your WordPress Plugins with AISentic
    • Getting Started with Aisentic: Your AI Assistant for WordPress

Authorsy

  • Introduction
  • Getting Started
    • Introduction
    • Plugin installation
    • License
  • Author Box
    • Add New Author
    • Author Settings
  • Voting
    • Voting
  • Shortcodes
    • ShortCode
  • Translation
    • Translation with Loco Translate

Delivery Module(Pro)

  • General
  • Add Food Store’s Location on Google Map(Pro)
  • Google autocomplete address in the checkout(Pro)
  • Minimum order amount to place order(Pro)

Eventin

  • Introduction of Eventin
  • Gettings Started
    • Introduction of Eventin
    • How to Install the Eventin Plugin
    • How to Upgrade Eventin Free to Pro Version
    • How to Activate an Eventin License
    • Quick Start Guide
  • General Settings
    • General Settings for Eventin
    • How to Change Event & Speaker Slug
    • How to Create a Webhook for Events (Pro)
    • How to Use Embeddable Scripts in Events(Pro)
    • How to Manage Role-Based Access in Eventin
    • How to Set Up Native Tax in Eventin
    • Getting support
  • Events
    • How to Create Event in Eventin
    • How to Create Event Categories and Tags
    • How to Assign Categories and Tags to Events
    • How to Create Recurring Event in Eventin
    • How to Create Event Ticket Variations
    • How to work global stock
    • How to Use the Waitlist Feature in Eventin
    • How to Check Event Report
    • How to Customize the Eventin Event Page with Elementor
    • How to Use WooCommerce Coupon for Events
    • How to insert Event Location in Eventin
    • How to Submit Events from the Front End in Eventin
    • How to Create a Hybrid Event in Eventin
  • Event Attendees
    • How to Refund a Booking (Full or Partial) in Eventin
    • How to Enable Event Attendee Registration
    • How to Add Attendee Extra Fields
    • How to Generate and Scan QR code(Pro)
    • How to Purchase Tickets on Eventin
    • How to Set a Countdown Timer for Ticket Purchases in Eventin
    • How to Send Event Certificates
    • How to Manage Attendees in Eventin
    • How to Manage Booking of Events
    • How to Add Attendees Manually (Pro)
    • How to View Event Bookings on the Frontend
  • Event Imports
    • How to import event from The Events Calendar to Eventin
    • How to import event from facebook in Eventin
    • How to import events in Eventin from Eventbrite?
  • Email Settings
    • How to Configure Confirmation Email for Event
    • How to Configure Reminder Email for Event
    • How to Configure RSVP Email
    • Email Automation Workflow Builder
  • Speakers and Organizers
    • Introduction of Eventin Speaker & Organizer
    • How to Create Eventin Speaker
    • How to Create Eventin Organizer
    • How to assign speakers on schedules
    • How to assign a speaker/organizer on events
  • Schedules
    • Introduction of Eventin Schedules
    • How to Create Eventin Schedule
    • How to Assign Schedule on Events
  • Payment Type
    • How to Configure FluentCart with Eventin
    • Which payment methods are supported by Eventin?
    • How to Configure the WooCommerce in Eventin
    • How to Configure the Stripe Payment Gateway in Eventin (Pro)
    • How to Configure the PayPal Payment Gateway in Eventin
    • How to Configure the Local Payment in Eventin
    • How to Configure SureCart in Eventin
  • Shortcodes & Widgets
    • Available Shortcodes & Widgets in Eventin
    • How to Use Eventin Shortcodes
    • Elementor Widgets in Eventin
    • Event Calendar View In Eventin
  • RSVP Events (Pro)
    • What is RSVP Event
    • How to Create RSVP in Eventin
    • RSVP Attendee Report
    • How to send RSVP invitations
  • Visual Seat Map
    • How to Create Event with Visual Seat Map in Eventin
  • Integration
    • How to Integrate HubSpot with Eventin
    • How to Integrate FluentCommunity with Eventin
    • How to Integrate LearnDash with Eventin
    • How to Use WCFM Multivendor with Eventin
    • How to integrate Mailpoet with Eventin
    • How to integrate Zoho CRM with Eventin
    • How to integration Funnelkit (autonami ) with Eventin
    • How to integrate Mail Mint with Eventin
    • How to Integrate Tutor LMS with Eventin
    • How to Integrate Eventin with Bit Integrations
    • How to Integrate Eventin with Bit Flows
    • How to Integrate Eventin with OttoKit (formerly SureTriggers) to Automate Event Workflows
    • How to Integrate WowRevenue with Eventin
    • How to Integrate Oxyzen Builder with Eventin(Pro)
    • How to Integrate Bricks Builder with Eventin(Pro)
    • How to Integrate DIVI Builder with Eventin
    • How to Integrate FluentCRM with Eventin (pro)
    • How to Integrate Calendar with Eventin (Google, Apple etc)
    • How to Integrate Pabbly with Eventin
    • How to Integrate Twilio SMS Remindar with Eventin
    • How to Integrate Zapier with Eventin
    • How to Integrate BuddyBoss with Eventin(Pro)
    • How to Integrate Zoom Module with Eventin
    • How to Integrate Google Meet with Eventin (Pro)
    • How to Integrate Artificial Intelligence (AI) with Eventin (Pro)
    • How to Integrate Dokan with Eventin for Multivendor Events( Pro)
    • How to Integrate SEO Plugin with Eventin
    • Automate Eventin Bookings with Make.com Webhooks
    • How to Integrate Optiontics with Eventin
  • Templates
    • How to Override Email Template
    • How to Change Event Templates
    • How to Change Speaker Templates
    • How to Change Ticket Templates
    • How to Override Event Template
    • How to Override Speaker Template
    • How to Override Archive Page
  • Eventin MCP
    • How to use Eventin’s MCP to manage your WordPress events through Claude, Codex, and other AI assistants
  • Template Builder
    • How to Create Custom Event Landing Pages in Eventin (Pro)
    • How to Create Event Ticket Templates in Eventin (Pro)
    • How to Create Event Certificate Templates in Eventin (Pro)
  • Translations
    • How to Translate Eventin with WPML
    • Which languages are supported in Eventin?
    • Which translation plugins are supported in Eventin?
  • Rollback V4 to V3
    • Rollback V4 to V3
  • Troubleshooting
    • Admin Email Showing in Public Source Code
    • Ticket Email Sent from WordPress
    • ACF Field Support
    • How to Fix 404 issue on Event Page
  • Coupon
    • How to Create and Use Coupons in Eventin
  • General
    • How to Cancel Your Subscription

Optiontics

  • Upsells Block in Optiontics: Product Page Add-Ons
  • Mix & Match Products in Optiontics: Build-Your-Own Bundles
  • Multi-Currency Support in Optiontics
  • How to use Image Swatch Field in Optiontics
  • How to use in Button Group Field in Optiontics
  • How to use Checkbox Input in Optiontics
  • How to use Dropdown Field in Optiontics
  • How to use Radio Field in Optiontics
  • How to use File Upload Field in Optiontics
  • How to use Switch Product Addon using Optiontics
  • How to Add ShortCode Product Option Using Optiontics
  • How to use Range Slider Block in Optiontics
  • How to Add Font Picker Product Option Using Optiontics
  • How to Use Advanced Date and Time Picker using Optiontics
  • What is Optiontics?
  • How to Install Optiontics?
  • How to Create Product Options?

Pointics

  • Points Program
    • How Do I Create Point Earning Rules?
  • Reward Program
    • How Do I Create Rewards Customers Can Redeem?
  • Levels
    • How Do I Set Up VIP Levels?
  • AI Features
    • How Do I Use the Pointics AI Assistant?
  • Getting Started
    • How Do I Set Up My Loyalty Program with the Pointics Setup Wizard?
    • Introduction to Pointics

WPCafe

  • Introduction of WPCafe
  • Troubleshooting
    • Slug Change
  • Getting Started
    • How to install the WPCafe Plugin
    • How to Upgrade WPCafe Free to Pro Version
    • How to Activate WPCafe License
    • Quick Start Guide
    • Plugin Uninstallation
  • Email Settings
    • How to Automate Reservation Emails in WPCafe
  • Product Addons
    • Product Addons (Pro)
  • Translation
    • How to Translate WPCafe
  • Rollback V2 to V3
    • How to Roll Back to an Older Version of WP Cafe
  • General settings
    • How to Manage Global Schedule Settings
    • General Settings for Date and Time
    • Get Support
    • Theme Compatibility
    • User Roles and Permissions
    • How to use shortocde on WPCafe
    • WpCafe Elementor Widgets
  • Food Ordering
    • How to Set Up Dine-in, Pickup, Delivery, and ASAP Orders in WP Cafe
    • How to Use Optiontics with WP Cafe for Food Add-ons
    • How to use Recipt Layout in WPCafe for Order/Recipts Printing
    • How to Use Order Delay Notification in WPCafe
    • Product Nutritional and Allergen Info in WP Cafe
    • How to Use Product Label in WP Cafe
    • How to Manage Restaurant from Frontend or WordPress Site Panel – WP Cafe
    • How to Set Up the One Page Checkout in WPCafe
    • How to Add & Manage Food Categories and Tags
    • How to Add & Manage Brands
    • How to Add and Manage Food Menu in WPCafe
    • How to Manage Restaurant Locations in WPCafe
    • How to Show Food Menu by Location in WPCafe
    • How to Generate QR Codes for Food Menu
    • How to Enable Mini Cart in WPCafe
    • How to Set Up Tipping Using WPCafe
    • How to Add Discounts Using WPCafe
    • How to Enbale Sound Notification in WPCafe
    • How to Use Time Based Products in WPCafe
    • How to Setup Pickup for Food Ordering in WPCafe
    • How to Setup Delivery for Food Ordering in WPCafe
    • Searching Products with Pickup/Delivery(Pro)
  • Reservation
    • How to Receive Deposit Payment in Reservation in WP Cafe
    • How to Configure Reservation Settings in WPCafe
    • How to Customize the Reservation Form in WPCafe
    • How to Display the Reservation Form
    • Schedule
    • Email Settings
    • Reservation with Food Ordering (PRO)
    • How to Customize Table Layout in Reservation
  • Integrations
    • How to Integrate Uncanny Automator in WPCafe
    • How to Integrate FunnelKit Automation in WPCafe
    • How to Use WPML with WPCafe (Multilingual Setup)
    • How to Integrate Flowmattic in WPCafe
    • How to Add Mailmint Integration with WPCafe
    • How to Integrate MailPoet in WPCafe
    • WPCafe Multivendor Addon for WCFM Marketplace, Run a Multi-Restaurant Food Marketplace
    • How to integrate Zoho Flow with WPCafe
    • How to Create Webhook from WPCafe and Send Data to Any Third party integration
    • How to Integrate Fluent CRM with WPCafe
    • How to Integrate Zapier in WPcafe
    • How to Integrate Pabbly with WPCafe
    • How to Integrate Shipday Plugin with WPCafe
    • How to Integration Twilio SMS with WPCafe
    • How to Integrate Clover POS with WPCafe
    • Loyalty Program Points & Rewards for Food Orders
    • How to Integrate Multivendor Addon in WPCafe
    • How to Use WPCafe Elements in Oxygen Builder
  • Style Settings
    • Style Settings
  • WPCafe MCP
    • How to Use WPCafe MCP with Claude, Codex & AI Assistants to Manage Your Restaurant
  • Home
  • Docs
  • Optiontics
  • Mix & Match Products in Optiontics: Build-Your-Own Bundles
View Categories

Mix & Match Products in Optiontics: Build-Your-Own Bundles

Overview #

The Mix & Match Products block lets a customer build their own selection from a pool of your products, right on the product page. You choose which products they can pick from, how many they must pick, and whether the selection has one price or adds up. It is part of Optiontics Pro.

Most shops sell a “family platter” or a “half-dozen box” as a separate product. That means the same stock counted twice, a kitchen ticket or picking list that does not say what is actually inside, and a customer who takes what you decided rather than what they want. This block removes the duplicate product. Every item the customer picks becomes a real line in the cart, so your stock, your reports and your packing list all stay honest.

The Mix and Match picker on a WooCommerce product page, showing a two of four counter

Requirements #

  • WooCommerce and the free Optiontics plugin, both active
  • Optiontics Pro, where this block lives

Step 1: Add the Mix & Match Products block #

  1. Go to Optiontics → Options and click Add New.
  2. Click Add Elements.
  3. Under Custom, click Mix & Match Products.
  4. In the Title field on the right, type what your customer should read, for example “Build your platter”.

The Title is the heading above the picker on the product page. It is your words, not ours, so use whatever your shop calls it: platter, half-dozen, sampler, routine.

The Optiontics block inserter with the Mix and Match Products card highlighted

Step 2: Choose where the products come from #

Under Where do the products come from? you have four options.

SourceUse it when
I will pick them myselfYou want a fixed, curated list and control over the order
From a categoryYou want the pool to grow as you add products
This product’s Cross-sellsYou already keep the list on the product itself
This product’s UpsellsSame, using the other WooCommerce field

A restaurant building a platter usually picks the dishes by hand, because the order they appear in matters. A coffee roaster building a three-bag sampler usually points at a category, so a new roast joins the sampler on its own.

If you pick them yourself, search for each product and click it to add it. Use the up and down arrows to set the order your customer sees.

The product pool editor showing the four sources a Mix and Match bundle can draw from

Step 3: Set the rules #

Under Bundle rules there are three numbers.

  1. Min Qty is how many the customer must pick before they can add to cart.
  2. Max Qty is how many they are allowed in total.
  3. Max Qty per Product is how many of any single product they can take.
Note: 0 means no limit in all three. An empty field is not “none allowed”, it is “as many as you like”.

For a platter of four dishes where nobody should load up on the expensive one, set 4, 4 and 2. The customer must pick four, cannot pick five, and cannot take more than two portions of the same dish.

Turn on Hide products that are out of stock if you would rather a sold-out item disappear than sit there unavailable.

Bundle rules set to minimum four, maximum four, and two per product

Step 4: Choose how it is priced #

Under Price there are two modes.

Per item means each pick keeps its own catalogue price. A bakery selling “half a dozen cupcakes, pick your flavours” wants this, because a red velvet costs more than a vanilla and the total should reflect that.

One price means you set a single amount for the contents, and it is split evenly across whatever the customer picks. The platter is 24 whether they choose the cheapest four dishes or the dearest four. That amount is charged on top of the product’s own price.

The pricing mode set to One price with a contents price of 24

Step 5: Style the picker #

Open the Appearance tab to change how the picker looks.

  1. Set Layout to Grid or List.
  2. Set Columns for how many products sit side by side.
  3. Adjust image ratio, image corners, spacing and colours to match your theme.

Columns dims when Layout is set to List, because a list is one product per row and has nothing to arrange in columns.

The Appearance tab with the Layout and Columns settings highlighted

Step 6: Assign it to your products #

  1. Click Publish.
  2. In Product Selection, choose a Product Type: All Woo Products, Specific Woo Products, or Specific Woo Category.
  3. Click Create.
The Product Selection dialog offering all products, named products, or a category

Step 7: What your customer sees, and what you get #

On the product page the customer sees your products as cards with a plus and minus on each, and a counter showing how far along they are, like “2 of 4”. If they try to add to cart too early, the page tells them what is missing rather than that something is wrong.

In the cart the selection arrives as one line for the product and one line underneath for each item they picked, grouped and indented so it reads as a single purchase. The same grouping carries through to checkout, the order screen, the customer’s email and your packing list.

The group behaves as one thing. Remove the main line and the picks go with it. Change its quantity to 2 and every pick doubles.

The WooCommerce cart showing the product line with four indented picks beneath it

Frequently Asked Questions #

Q: Does stock go down for each product in the selection?
Yes. Each pick is a real order line, so a three-bag coffee sampler is three stock movements, not one. Your reports show which roasts actually sold. Cancel or refund the order and all three come back, exactly as they would for separate purchases.
Q: Can a customer fill a “pick 4” platter with four portions of the same dish?
Only if you let them. Set Max Qty per Product to 2 and the plus button stops at two portions, with the reason shown on screen. Leave it at 0 and there is no per-product limit, so four of one dish is allowed.
Q: What happens if the customer removes it from the cart?
Removing the main line removes every pick with it, so you never get orphaned items. If the customer also bought one of those products on its own, that stays, because it is a separate line that was never part of the selection.

Conclusion #

The Mix & Match Products block turns a “build your own” offer into real cart lines, so your stock and reports stay correct while the customer gets the selection they wanted. Next, look at the Upsells block for adding optional extras to the same product page.

What are your Feelings

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Updated on August 19, 2026
Upsells Block in Optiontics: Product Page Add-OnsMulti-Currency Support in Optiontics
Table of Contents
  • Overview
  • Requirements
  • Step 1: Add the Mix & Match Products block
  • Step 2: Choose where the products come from
  • Step 3: Set the rules
  • Step 4: Choose how it is priced
  • Step 5: Style the picker
  • Step 6: Assign it to your products
  • Step 7: What your customer sees, and what you get
  • Frequently Asked Questions
  • Conclusion
Copyright © 2013-2026 ThemeWinter. – A Brand of Arraytics.