Jump to content

Move product size and quantity on the same line

Recommended Posts

On 10/30/2020 at 12:32 AM, bbarinaga said:

Hi @scelce

I'm also interested in moving Product quantity and Color to the same line.

Do you mind sharing the code you used?

Thanks!

 

.ProductItem-details .product-variants {
    order: 2 !important;
    width: 40%;
}
.ProductItem .ProductItem-details .product-quantity-input {
    order: 3 !important;
    width: 30%;
    margin-left: 20px !important;
}

 

Edited by tuanphan

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
  • 2 years later...

I also want this done. I've tried various codes from the forum including the above but neither of them work on my site https://daisy-chiton-7gh8.squarespace.com/shop/p/a-tale-of-two-sides-h3ffx-z6cxf-wb9bz-ah556-efmhl-alm62-9afym-ybyb9-yprpn-m8awl-zcngc-gccxl-cklwr-ggwk7-pd585-k4kd8-d9l43-gkrkn-z6pzz-g9l5s-hrkpf-555nh-7hf7b-xbxr7-b4shp-m4cf9-kmfma-kkt3f-dkj6k So basically Size takes up 50% of the space, Quantity takes up 50% of the space and then directly underneath you have the Add to Cart button which goes across 100%.

I would need it done for both Desktop and Mobile. For products which don't have Size such as https://daisy-chiton-7gh8.squarespace.com/shop/p/for-cork-sake-dymkx-2685m-mkrkh the quantity can go across the full 100% of the distance on Mobile only. 

Thanks!

Link to comment
On 1/9/2023 at 5:37 PM, niteshifte said:

I also want this done. I've tried various codes from the forum including the above but neither of them work on my site https://daisy-chiton-7gh8.squarespace.com/shop/p/a-tale-of-two-sides-h3ffx-z6cxf-wb9bz-ah556-efmhl-alm62-9afym-ybyb9-yprpn-m8awl-zcngc-gccxl-cklwr-ggwk7-pd585-k4kd8-d9l43-gkrkn-z6pzz-g9l5s-hrkpf-555nh-7hf7b-xbxr7-b4shp-m4cf9-kmfma-kkt3f-dkj6k So basically Size takes up 50% of the space, Quantity takes up 50% of the space and then directly underneath you have the Add to Cart button which goes across 100%.

I would need it done for both Desktop and Mobile. For products which don't have Size such as https://daisy-chiton-7gh8.squarespace.com/shop/p/for-cork-sake-dymkx-2685m-mkrkh the quantity can go across the full 100% of the distance on Mobile only. 

Thanks!

The site url doesn't work. Can you check it again?

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

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.