Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Product Page Content Order



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! 

Edited by TPS
Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Home > Design > Custom CSS #productNav a { text-transform: lowercase; } #productDetails { display: flex; flex-direction: column; } .product-excerpt { order: 4; }  

2 answers to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...