Jump to content

Visual Variant and Conditional Drop-Downs

Recommended Posts

I am trying to achieve a product page similar to the one here: https://drewdoggett.com/shop/titans  He is using woocommerce for his cart (I looked at the source code).

I would like to achieve three things which he is doing:

(1) A Visual Product Variant selection;

(2) Product Image updates with variant selection; and

(3) Product Variants show/hide and are selectable/not selectable based on other variants previously chosen.

I know for (1) there is this plugin for a visual variant from these guys: https://www.sqspthemes.com/plugins/product-swatch-variant

I know for (2) there is a plugin for updating image based on variants: https://www.sqspthemes.com/plugins/change-product-image-with-variant

I don't know how to achieve number three while also achieving the first two goals and/or whether these plugins would be able to "talk" to any code I write to achieve number three.

The problem is I need certain drop-downs or product choices to reveal themselves based on other selections. I can't have each product variant always available because not all choices may be purchasable. For example, you cannot purchase a Plexiglass print with a frame or a mat but those options are still available to the customer because they are tied to white and black frame options. This means a customer has to sit there and work out what is actually available or not and choose the right combination to add something to the cart. Terrible UX. I also don't want to do a single drop-down with a list of every size and product variant available because it would be a list of over 50 options for each artwork.

I have uploaded a screenshot snippit of my product list as a hint to how complex this gets... There are 11 variations per print size and 4 or 5 print sizes per artwork... And each variant depends on another variant selected...

Is there another plug-in or code to help me get to where I want to go?

1610407313_ScreenShot2019-10-22at16_15_03.png.9fe90879dd88ea049a558479281ca258.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

This is, as you point out, something you can build on other platforms like the WordPress/WooCommerce site that you linked so you are probably better choosing a platform like that. 

Squarespace Commerce is still evolving and isn't yet able to cope with complex conditional variants. Commerce is improving - for example on the Advanced Commerce plan you don't need a plugin to update the product image when a different variant is selected anymore - but it will be some time before it can compete with more advanced commerce platforms.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.