How can I customize product options based on initial selection?

How can I customize product options based on initial selection?

greyssi
Visitor
2 0 0

Hello!

I was wondering if there is a way to open up options from another option for example:

1st option: select your product

-print

-canvas

-metal frame

and that the second options are based on what they selected first, for example, if someone select "prints" then another option opens up with the "sizes" for that specific option. Is this understandable? lol thank you in advance!

Replies 3 (3)

hamzasgd
Shopify Partner
149 22 29

@greyssi yes there is a way you can do it using JavaScript/jQuery look at the tutorial
Tutorial thanks.

★ Was my reply helpful? Click Like to let me know!
★ Was your question answered? Mark it as an Accepted Solution
✉ Contact me at hamzasgd1@gmail.com
❖ For Shopify App and Theme Development or Modifications ❖ | ☛ Hire me on Upwork | Whatsapp
greyssi
Visitor
2 0 0

Thank you for your response! is there a video to achieve this step by step? I am a little lost with the picture in the tutorial.

EasifyApps-Zoe
Shopify Partner
582 14 47

Hi @greyssi,

I have a simple solution for your issue that doesn't require any coding. You can achieve it by using the free Easify Product Options app 🤗.

 

Here's a quick demonstration on how you can set it up using the app:

  • Create an option for customers to select among 3 options "Print/ Canvas/ Metal Frame"

EasifyAppsZoe_0-1688320940201.png

 

  • For the "Print" choice, create another option that enables customers to choose from relevant sizes for print.

EasifyAppsZoe_1-1688321062065.png

EasifyAppsZoe_2-1688321070394.png

 

  • Similarly, for the "Canvas" choice, create an option that allows customers to select from relevant canvas sizes.

EasifyAppsZoe_3-1688321123112.png

EasifyAppsZoe_4-1688321130046.png

 

  • Lastly, for the "Metal Frame" choice, create an option where customers can choose from relevant frame sizes.

EasifyAppsZoe_5-1688321152099.png

EasifyAppsZoe_6-1688321158434.png

 

  • Once you have set up these options, you can assign them to your relevant product(s) accordingly.

EasifyAppsZoe_7-1688321224884.png

 

By following these steps, you will have a streamlined setup that allows customers to select their preferred product type (Print, Canvas, or Metal Frame) and then choose the corresponding size options based on their selection.

 

I hope this solution helps you achieve your desired outcome 🙌.

EASIFY - MAKING SHOPIFY SIMPLE & SWEET!
Easify Product Options: Create custom product options 10X faster & easier!
Easify Product Attachments: Effortlessly add downloadable PDF files (or any other format) to Shopify pages!
Try for Free | 24/7 Live Chat Support