Jump to content

Move "add to cart" button on product page?

Recommended Posts

13 minutes ago, mtamaccio said:

Site URL: https://www.thelocalslang.com/kids/p/kids-town-tee

Hi all,

Is there a way to move the add to cart button on a product page while in the "FULL" Layout?  It's in this strange off-center position right now and looks terrible.

Ideally, I'd like it to appear under the Quantity field.

Thanks!

Screen Shot 2022-06-03 at 2.24.44 PM.png

maybe you can try this to custom css , hopefully I can, I tried to use inspect element for results like this:

*/cart button wrapper */
.sqs-add-to-cart-button-wrapper {
width: -webkit-fill-available;
margin: 0;
vertical-align: bottom;
}

image.png.42cc61bf7d2e2a8fe3dfc269311378ce.pngimage.png.42cc61bf7d2e2a8fe3dfc269311378ce.png

Link to comment
21 minutes ago, mtamaccio said:

its not moving.  Maybe because it is in the Full Layout of a product page rather than the Simple?

 

 
.pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper {
    width: -webkit-fill-available;
    margin: 0;
    vertical-align: bottom;
}

good luck, if it's still a problem, maybe 
waiting for another user to be able to help your problem

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.