Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #289515
    HansH
    Participant

    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

    #289537
    HansH
    Participant

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

    Kind regards

    Hans Hagmeijer

    #289570
    Skandha
    Keymaster

    @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

    #289589
    HansH
    Participant

    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

    #289590
    Skandha
    Keymaster

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

    Kind Regards,
    Skandha

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘number of related products on one line’ is closed to new replies.