Jump to content

Related Products Customizations

Recommended Posts

Hello, 

I am needing help customizing just the Related Products section of my Product Pages. I am wanting to make just the Related Products section have a different background color to help differentiate it from the actual product being looked at. 

I am also wanting to limit the number of related products that are visible. Example: Currently it's set to displaying five products but I only want to suggest three. 

Any help in fixing this would be greatly appreciated! Thank you! 

-Basil 

Screen Shot 2022-07-31 at 6.34.27 PM.png

Link to comment

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
7 hours ago, bbouras said:

I am also wanting to limit the number of related products that are visible. Example: Currently it's set to displaying five products but I only want to suggest three. 

See my post Improving the 'Related Products' section to limit the number of related products to a single row.

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
9 hours ago, bbouras said:

nothing is changing on my page though...

Hmm, that's strange. The markup on your site is different (of course I didn't know this earlier because I didn't know the site's URL 🙂).

Try this instead:

.ProductItem-relatedProducts .grid-item:nth-child(1n+4) {
  display: none;
}

 

Edited by paul2009

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

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.