[HansH]

Hello,

Now I have three related products on one line on a single product page. The website is Laura.hagmeijer.nl
The precut category is cupcakes and the product page is tnrtelette small. The image of that page is very ugly.
After a morning of searching I cannot find a way to have 5 or 6 related products on one line.I tried a number oof plugins but no result.

Is it possible to het six related products on a line just like a normal shop page?

Kind regards

Hans Hagmeijer

[HansH]

Hello,
Problem is the same in case of upsells products. Now only three are fitting on the page.

Kind regards

Hans Hagmeijer

[Skandha]

@hansh: Hello Hans,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.related ul.products li.product {
    width: 16.66%;
}
.columns-3 ul.products li.product:nth-child(3n+1), .related ul.products li.product:nth-child(3n+1), .upsells ul.products li.product:nth-child(3n+1), .cross-sells ul.products li.product:nth-child(3n+1) {
    clear: unset;
}

Let me know if this works out!
Kind Regards,
Skandha

[HansH]

Hello Skandha,

This works perfect. I changed also the related in up-sell and also for upsell products it worked fine.
Thank you.

Kind regards

Hans Hagmeijer

[Skandha]

@hansh: Glad it worked out. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts