Jump to content

Product drop down variants only displayed on certain selections

Recommended Posts

Site URL: http://ollieandme.com.au

Hello i am trying to create a product variant that only shows when a certain selection is made, is this possible ? 

For Example

Size: Medium & Large 

Custom Text: Yes / No 

If yes is selected in custom text then another drop down will display listing the text colour options. and a custom form will pop up to enter the name. 

If no is selected it will enable the customer to head straight to the checkout. 

Its the last part of my website and I cant work it out, its driving me crazy. 

Thanks Kate 

Link to comment
  • 1 year later...
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

On 6/16/2021 at 12:28 AM, KateBatson said:

Site URL: http://ollieandme.com.au

Hello i am trying to create a product variant that only shows when a certain selection is made, is this possible ? 

For Example

Size: Medium & Large 

Custom Text: Yes / No 

If yes is selected in custom text then another drop down will display listing the text colour options. and a custom form will pop up to enter the name. 

If no is selected it will enable the customer to head straight to the checkout. 

Its the last part of my website and I cant work it out, its driving me crazy. 

Thanks Kate 

There's a place in the product information at the button for custom forms. You can achieve what you are looking to do kind of. The custom forms don't have logic that can be applied to where if they choose no it doesn't show the text field, but you could do a drop down for them to pick and add a guided instruction that if they want custom text and have selected yes to please enter it in the text box. I just tested it on a demo site and it pops up before the item is added to the cart so they can't miss it.

You can add extra fields for more than one item in the purchase that need to make selections. I have added some screenshots so you can see what it looks like when they click add to cart, with selections made, and then in the cart where it says edit details (customers can click that and a popup shows where they can make changes prior to check out if needed).

popup when they click add to cart.png

popup with selections made.png

in cart with edit details link.png

popup that shows if they click the edit details link.png

Edited by sayreambrosio
adding more detail and screenshots

Designer that loves working with the 'misfits'

&

International Multi-Genre Author

Design Website: fifthestatedesigns.studio

Author Website

Sayre's Custom Code Collection

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.