TPS 0 Share Posted November 18, 2020 (edited) Site URL: https://unveild.co.uk/shop/26y33rfyaz0j74j62uj0nefwfdyzgx Hi, 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 November 18, 2020 by TPS Link to post
1 tuanphan 8,930 Share Posted November 21, 2020 Add to Home > Design > Custom CSS #productNav a { text-transform: lowercase; } #productDetails { display: flex; flex-direction: column; } .product-excerpt { order: 4; } TPS 1 You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
Question
TPS 0
Site URL: https://unveild.co.uk/shop/26y33rfyaz0j74j62uj0nefwfdyzgx
Hi,
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 TPSLink to post
Top Posters For This Question
2
1
Popular Days
Nov 21
2
Nov 18
1
Top Posters For This Question
TPS 2 posts
tuanphan 1 post
Popular Days
Nov 21 2020
2 posts
Nov 18 2020
1 post
Popular Posts
tuanphan
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