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
  • 9 months later...

Hello! I got your code from github working great as listed, but I'm having an issue where using the "Half" format for products on Mobile, the reviews appear directly below the image rather than below the item's description at the bottom. Squarespace said they'll try to fix this but of course no ETA. Would it be possible to modify this to adjust the location of the reviews?

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.