Jump to content

Hiding unavailable options in a store page.

Recommended Posts

Is there a way to hide options from a dropdown in a store page if that option is unavailable?

I have a store selling artwork frames, which has a hierarchy of product options.

In the store page you will select the size of the frame, that will be the main product choice on the full store page.

> You will then select a frame depth

>> Then the mounting method (wall mounted or hanging) 

>>>Then if you want it illuminated or not.

Not all options are available for all frame depths. 

For example. you CAN have a 50mm deep frame, hanging, and illuminated. But you CANNOT have a 15mm deep frame, unless its wall-mounted only, and these cannot be illuminated.

I've removed these variant options from the product list, but because these are selectable variables in drop-downs, the menu allows you to select 15mm, then hanging, then illuminated; then displaying "UNAVAILABLE" at the top when selected, because the product cannot exist.

 

What I need is a way where as soon as the user selects 15mm frame, it doesn't even show "hanging" as a selectable option, or "illuminated".

Is there a way to add this sort of hierarchy/'IF' system?

FRAME.png

MOUNT.png

ILLUMINATION.png

UNAVAILABLE.png

Link to comment
1 hour ago, JonS90 said:

Is there a way to hide options from a dropdown in a store page if that option is unavailable?

Not all options are available for all frame depths. 

Squarespace shows all the individual product variant options by design. Without them, users may reject products simply because they couldn’t see a variant they were interested in - for example, illumination.

Rather than removing the invalid variant selections, I usually amend the "Unavailable" message to make it clearer. For example, something like "This combination of options cannot be ordered. For an Illuminated frame, please select a deeper Frame Depth". 

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

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.