How can I set product variants based on customer selection?

I have 3 sizes in this category of my products. I have 3 frame colors (black frame, white frame, natural oak) for each of the poster sizes. When customers visit my website, I want to set a condition whereby whenever a customer selects a poster size, only frame corresponding sizes of the poster will be available to them in those 3 frame colors. For example, if they select size “46 x 61cm | 18 x 24 inch” only frames of the same sizes of poster size they chose will be available for them to select. I’ve spent over 18 hours trying to figure this out but I can’t. if somebody can help me that would be great.

https://tonyillustrations.com/products/copy-of-yellow-and-black-splatter-abstract

Hi

As i can see you have used size as shopify variant and color as product option by any app or custom code

so we cant connect both option each other, but for that need more custom code to do this even both by shopify variant or as app product options

Best regard

Hi,

if you can help with this, that would be great! even like this example in the website https://posterandframe.com/products/balancing-act?variant=46421118714205 . I don’t need the middle selection option in this example. just size and frame.

Hi @TonyBlinks ,

I’ve noticed a potential improvement for your current setup, especially regarding the 2 “Size” dropdowns that might be causing confusion for customers and negatively affect your sales. Here’s a suggestion for enhancements using the Easify Product Options app :blush: :

Storefront:

App Settings:

  • Duplicate the Current Product: Duplicate the existing “MULTICOLORED ABSTRACT POSTER” product, and remove all variants and price. This duplicate will become your new main product. The original product will stay active for inventory tracking but will be hidden on the storefront using the seo.hidden metafield.

  • Install the app: Install and create a new option set.

  • Add the 1st Option - Poster Size: Introduce the first option for selecting Poster Size using the Dropdown or another appropriate display type. Link the option values with your old (hidden) “MULTICOLORED ABSTRACT POSTER” product using the Add-on Product feature.

  • Add the 2nd Option - Frame Options for “46x61cm” Poster Size: Include the second option to display Frame Options when customers select “46x61cm” Poster Size. Utilize the Image Swatches option type, Add-on Product, and Conditional Logic feature.

  • Repeat for Other Poster Sizes: Similarly, add the 3rd and 4th options for displaying Frame Options when customers select “60x90cm” and “70x100cm” Poster Sizes.

  • Assign the Option Set to the New Main Product: Select the new “MULTICOLORED ABSTRACT POSTER” product as the main product and add the created option set to it.

If you encounter any challenges during the setup process, feel free to reach out to the Easify team via the in-app live chat for specific guidance and assistance :raising_hands: .

1 Like

WOW! THANK YOU!!! I will go ahead and delete the other apps. if I need any help I will contact you.