Jump to content

Cannot select variants for limited availability products

Go to solution Solved by paul2009,

Recommended Posts

Hello. the same thing happens on our site.. When (1 ) item with one size and one colour is available the Size drop down menu and colour drop down disappears. The add to cart button shows. Does the above CSS apply here if  the 'quantity' is replaced with 'size' and 'color' ? 

.ProductItem-details .product-quantity-input {
  display: none;
}
Link to comment

Hello... when setting to 'limited availability' the Size variant drop down and color variant drop down does not show up for apparel. So the consumer doesn't know what is available .. Is there a CSS to be added here so that those 2 variants show and are not hidden when inventory at 1 ?

 

 

Link to comment
14 hours ago, maxi said:

Hello. the same thing happens on our site.. When (1 ) item with one size and one colour is available the Size drop down menu and colour drop down disappears. The add to cart button shows. Does the above CSS apply here if  the 'quantity' is replaced with 'size' and 'color' ? 

.ProductItem-details .product-quantity-input {
  display: none;
}

Can you share link to a product? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
17 hours ago, maxi said:

When setting to 'limited availability' the Size variant drop down and color variant drop down does not show up for apparel.

Assuming you are talking about https://maxishop.ca, I don't see this issue. For example, here's a screenshot showing a limited availability product where the color and size are visible:

686049727_Screenshot2022-01-27at11_17_33.thumb.png.a62f7008e181435ed96cb1970e1fda85.png

If you haven't resolved this, can you tell us more - and include a screenshot of the issue.

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

HI Paul.. 

The boucle jacket has (2) size variants that's why the drop down menus are showing up even though only (1) size is avaiable and other showing Out of stock . As for another product, see below, that only has (1) variant --the size and colour drop downs are hidden. Is there CSS to have drop down size and colour variants show when only (1) on hand for sale?

1244116147_Onevariantnowdropdown.thumb.jpg.a0c05defe45de90c72e013feb396b86c.jpg

Link to comment
  • Solution
1 hour ago, maxi said:

This dress only (1 ) on hand - one size. one colour. no drop down size or colour show up on front end .

You are not seeing a size or colour option because this product doesn't have any variant options configured. If there are no variant options (for example a colour or a size), the variant dropdowns do not appear.

As an example, to show a size dropdown, you need to add at least two sizes, even if one of them has no stock, like in this case:

280275605_Screenshot2022-01-28at22_06_28.thumb.png.5c207a30b3b7f830043e8ed5a66f8ded.png

 

Edited by paul2009

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

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.