Display Selected Variant options-Dawn theme

Hello friends,

I am not sure if it has something to do with code or I can just do it with setting customizer. Apparently, I am looking for a way to display size variant options only based on certain products. I have a custom product that allows people to choose type of products, and sizes of it. Each product has different sizes available, so I am wondering if there is a solution that I can display certain size options based on the product types instead of showing all the size options.

The image below as an example is what I am talking about that each product shows different sizes when you click on it.

Kindly point a direction for me if you know this is something achievable. Thanks in advance.

1 Like

Hi @Bigg_Sam

Really? That would be great, but can you point a direction for me? I tried but I don’t think I am doing it right.

Is anyone out there who knows what I am talking about? Thank you

Hi @KcZyien ,

I see that this topic has been open for some time, and you might have already found a solution. Nevertheless, I’d like to offer a helpful suggestion for you and other community members who might encounter a similar issue in the future :blush: .

I highly recommend giving the Easify Product Options app a try (with a free plan available). This powerful app allows you to create custom product options and define relationships among them using a feature called Conditional Logic. With this feature, you can dynamically show only the sizes that are available for the selected product type.

Here’s a quick demonstration on how to set it up with the app:

  • Create a new option set:

  • Add an option that allows customers to select a product type - using the Image Swatches option type

  • Add another option to display available sizes for the first product type only (e.g., 9’‘x6’’ & 12’‘x8’'), using the Buttons option type. Set up the Conditional Logic so that these size options only appear when customers select the 1st product type.

  • Similarly, create separate options to show available sizes for the other product types (e.g., 18’‘x12’’ & 24’‘x16’’ for the 2nd product type).

  • Repeat the process to create size options for the remaining 3 product types.
  • Once you’ve created all your custom options, assign them to the relevant products, and you’re all set!

As you can see, the Easify Product Options app is user-friendly and makes it easy to set up custom product options with conditional logic. You should give it a try :hugs: !