Jump to content

Product Page Content Order

Recommended Posts

Site URL: https://unveild.co.uk/shop/26y33rfyaz0j74j62uj0nefwfdyzgx


I would like to re-order my product page to

1. title 2. price 3. quantity 4. add to cart 5. description 

I have tried the below, but it didn't affect the order at all. 

.product-price {
    order: 2 !important;

.product-quantity-input {
    order: 3 !important;
.ProductItem-details .sqs-add-to-cart-button-wrapper {
    order: 4 !important;
.ProductItem-details-excerpt {
    order: 5 !important;

I would also like to disable the product image thumbnails and enable the slideshow arrows (to match the slideshow on the homepage). 

And finally I would like to change the 'back to shop' link to lowercase. 

Any help appreciated, thanks! 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

#productNav a {
    text-transform: lowercase;
#productDetails {
    display: flex;
    flex-direction: column;
.product-excerpt {
    order: 4;


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


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.