sofia62 Posted June 10 Share Posted June 10 Hello, I would like to feature my gift card as the first product in my shop and keep it fixed in that position. How can I achieve this? Thank you. website: https://www.voodoo-warehouse.com/ Link to comment
Lesum Posted June 10 Share Posted June 10 @sofia62 Hi! The products are displayed in the sequence they are added. To display a certain product as the first product, you can manually drag it into first position or select 'Move to Top' position on Squarespace editor. For additional information, refer to Organizing products. If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
sofia62 Posted June 10 Author Share Posted June 10 Is there any solution with code to do that automatically? Link to comment
tuanphan Posted June 12 Share Posted June 12 On 6/10/2024 at 11:38 PM, sofia62 said: Is there any solution with code to do that automatically? You can try this code to Website Tools > Custom CSS div#thumb-gift-card { order: 1; } div.grid-item:not(#thumb-gift-card) { order: 2; } 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
sofia62 Posted June 13 Author Share Posted June 13 it worked!!! 🙂 Thank you so much 🙂 I also had another question. Recently I added a section under the products with the related products but there also appear the sold out ones, how can I make it to only show the available ones there? Thanks again you can also see it here : https://www.voodoo-warehouse.com/shop/p/dsquared2-reworked-fucker-mini-denim-skirt-m Link to comment
Solution tuanphan Posted June 15 Solution Share Posted June 15 On 6/13/2024 at 3:10 PM, sofia62 said: it worked!!! 🙂 Thank you so much 🙂 I also had another question. Recently I added a section under the products with the related products but there also appear the sold out ones, how can I make it to only show the available ones there? Thanks again you can also see it here : https://www.voodoo-warehouse.com/shop/p/dsquared2-reworked-fucker-mini-denim-skirt-m You can use this code to Custom CSS box div.ProductItem-relatedProducts .grid-item.sold-out { display: none !important; } sofia62 1 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
sofia62 Posted June 15 Author Share Posted June 15 It works great Tuan! THANK YOU ALWAYS 🙂 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