How can I create product selection options on my online card store?

Store Design

Topic summary

A store owner selling cards and cardholders needs help implementing conditional product selection options on their product pages.

Requirements:

  • Option 1: Cards only (with multiple values)
  • Option 2: Cards + cardholders (with multiple values)
  • Conditional display logic: When a user selects a value from Option 1, Option 2 should hide, and vice versa
  • Wants to implement this as dropdown menus

Reference provided:
A demo URL showing the desired functionality (appears to be from locktech.com showing magnetic stripe keycards with reward features)

Status: Question remains unanswered; seeking guidance on how to create this conditional product selection system.

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

Hello Everyone,

I am selling cards and cardholders on the online store. I want to have two options for choosing a product.

for example, Option 1 contains only cards and Option 2 contains cards and card holders both. Option 1 and 2 contain multiple values respectively. So, I want to create a dropdown for it on the product page. If the user selects a value from option 1 then option 2 should be hidden and vice-versa. Is there any way to create it?

For demo:-https://www.locktech.com/keycards/magnetic-stripe-keycards/wyndham-rewards-keycards.html