Edit the Display of related products

Site URL: https://www.follyandfine.ca/

Hi,

I would like to customize the number of related products you see on a page to be 4. Right now it is 5 and flows over to a second line.

Thanks!

Please see Store Product Detail Related Product Four.

Let us know how it goes.

It didn't work 😞

Please provide your site-wide password so we can take a look.

If the code is not installed. Please install it so we can see what might have gone wrong. Unless of course the code is causing issues.

Quote

It didn't work 😞

My bad. The code cited in a previous post was totally off base to your need. I have updated my post citing some new code.

Let us know how it goes.

Thanks so much! It worked!

Hi,

I noticed that the code doesn't actually work after all. It makes every product page show only 4 products as well.

If anyone has any other options I'd be open to try.

Thanks!

2 hours ago, dom_p said:

It makes every product page show only 4 products as well.

Do you want to restrict the effect to a particular product? The one you cited? That shouldn't be to hard.

Yes, just to the 'you might also like' section at the bottom of each product page.

On 3/3/2022 at 9:45 PM, dom_p said:

Yes, just to the 'you might also like' section at the bottom of each product page.

What is password?

13 hours ago, tuanphan said:

What is password?

175Bloor

On 3/7/2022 at 2:34 AM, dom_p said:

175Bloor

Add to Design > Custom CSS

/* related products 4 items */
.ProductItem .ProductItem-additional+section .grid-item:nth-child(n+5) {
    display: none;
}

On 3/10/2022 at 5:25 AM, tuanphan said:

Add to Design > Custom CSS

/* related products 4 items */
.ProductItem .ProductItem-additional+section .grid-item:nth-child(n+5) {
    display: none;
}

 

It worked! Many thanks!!!