EXPO
  • Intro to EXPO
  • Setup Guide
    • Quick start guide
    • Option types
      • Text
      • Text area
      • Number
      • Choice list
      • Checkbox
      • Dropdown
      • Button
      • Swatches
      • Button (Multi selectable)
      • Swatches (Multi selectable)
      • Time picker
      • Date picker
      • File upload
    • Use cases
      • Setup extra product options
      • Gift wrapping options
      • Conditional product options
    • Customize
      • Drag and drop
      • Customize option types
      • Customize with CSS
    • Settings
      • Process flow
      • Multi-language
      • Multi-currency
    • Uninstallation
    • Integrations
      • PageFly
  • FAQ
    • Questions?
    • Compatibility
      • Known issues
      • Post-purchase
      • Expected behavior
    • Plans
  • Support
    • Troubleshooting
      • How to publish extra product options
      • Liquid error: could not find asset snippets/expo.liquid
      • How to approve our collaborator request
      • How to move EXPO section around
      • How to clear browser cookies
    • Contact
    • Changelog
Powered by GitBook
On this page
  1. Setup Guide
  2. Use cases

Conditional product options

How to show custom product options based on what the customer has selected

PreviousGift wrapping optionsNextCustomize

Last updated 2 years ago

Here’s the scenario: You’re running a seasonal campaign for Christmas gift wrapping called “Fancy Xmas” and it comes with 3 options:

  • Greetings Card: your customers can choose whether or not to insert a greetings card inside the gift package with their custom content.

  • Paper Box: customers choose to have the product wrapped in a paper box.

  • Bubble Bag: customers choose to have the product wrapped in a bubble bag.

In order to show conditional extra options when the customer has selected Greetings Card, simply follow these steps:

1. Create a new option

Easily create another option, and give it a friendly display name for product page and cart page.

2. Set option type

Choose option type as Text. This will add a blank text field to the product page so that your customer can write their wishes and greetings to the recipient.

3. Set up conditional logic

Choose the type of conditional logic as “Display when match any/all”.

And set Xmas Gift Wrapping is one of “Greetings Card”.

After saving your new extra product options and apply to your lists of products, here’s how it looks on the front product page.

When the Greetings Cart option is selected, the Additional Greetings Card field shows up and the customer can input their content.

Product options with conditional logic
Display Christmas gift options
Conditional display for gift wrap option