mtamaccio Posted June 4, 2022 Share Posted June 4, 2022 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! Link to comment
yogap Posted June 4, 2022 Share Posted June 4, 2022 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! 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; } Link to comment
mtamaccio Posted June 4, 2022 Author Share Posted June 4, 2022 that gives me a syntax error... Link to comment
yogap Posted June 4, 2022 Share Posted June 4, 2022 5 minutes ago, mtamaccio said: that gives me a syntax error... .sqs-add-to-cart-button-wrapper { width: -webkit-fill-available; margin: 0; vertical-align: bottom; } Link to comment
mtamaccio Posted June 4, 2022 Author Share Posted June 4, 2022 its not moving. Maybe because it is in the Full Layout of a product page rather than the Simple? Link to comment
yogap Posted June 4, 2022 Share Posted June 4, 2022 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 mtamaccio 1 Link to comment
mtamaccio Posted June 4, 2022 Author Share Posted June 4, 2022 that worked. thanks so much for your help! yogap 1 Link to comment
wootiown Posted March 9, 2023 Share Posted March 9, 2023 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
creedon Posted March 9, 2023 Share Posted March 9, 2023 1 hour ago, wootiown said: I got your code from github working great as listed Is this post in the right thread? I've not seen any reference to github here. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
wootiown Posted March 10, 2023 Share Posted March 10, 2023 On 3/8/2023 at 10:09 PM, creedon said: Is this post in the right thread? I've not seen any reference to github here. You're absolutely right, my bad. Will repost on the proper thread Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment