Jump to content

put this product on top of every page

Go to solution Solved by tuanphan,

Recommended Posts

@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
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
  • Solution
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 

image.png

You can use this code to Custom CSS box

div.ProductItem-relatedProducts .grid-item.sold-out {
    display: none !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

Create an account or sign in to comment

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

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