Jump to content

Can I move 'add to cart' button above product info?

Recommended Posts

  • 2 weeks later...
  • Replies 6
  • Views 1.7k
  • Created
  • Last Reply

It seems you solved with this CSS

.product-quantity-input {
    order: 2 !important
}

.ProductItem-details .sqs-add-to-cart-button-wrapper {
    order: 3 !important
}

.ProductItem-details-excerpt {
    order: 4 !important
}

.product-price {
    order: 5 !important
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...
  • 2 weeks later...
  • 3 months later...
On 10/30/2020 at 1:00 AM, elfiejane said:

This is so helpful! Is it possible to move the size selector to be nearer the top, above the product price as it's been lost down the bottom? Thanks in advance

If you share link to product, we can check easier

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

@tuanphan I saw this popup, and thought it was a good change to try.

I copied/pasted the CSS code above, but I'm not seeing the changes.

Here's a site page:

https://www.hyperspacecoffee.com/shop/p/t0j08zt867gcvo2yuti62ho7esi5qz

Password: SECRETCOFFEE

Just trying to get the "Size" "Quantity" and "Add To Cart" buttons moved up above the description to see how it looks, and maybe make them a bit smaller...looking around now for the sizing options.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.