Support » Plugin: WooCommerce » How do I make products go horizontal?

  • Okay, so I have made menu pages with the products. The problem is that those pages show the products in a vertical line down the page, and will not place them horizontally even though there is plenty of room. see the link…

    But, in the /shop/ page (which I do not have on the websites menu because I want just the menus I currently have), the products go horizontal. See link..

    How do I fix this on the other pages? I have tried to change the Page Attributes to “wide page” template, but that doesn’t work. i am assuming it has something to do with the css, but I have no clue what to look for.

    Any help would be greatly appreciated!


Viewing 6 replies - 1 through 6 (of 6 total)
  • I’m having a similar problem. The product gallery shows four products horizontally on the /shop/ page, but only three products horizontally on the product category pages.

    Resizing the width of the gallery container or reducing the size of the individual products doesn’t affect the number of products displayed horizontally. Is there a setting that can be used to set the number of products that display horizontally?

    Thanks. Mark

    Jessica, I found a solution in another thread that lets you set the number of columns used for displaying products. Go to your WP dashboard and then go to Appearance > Editor. Then open the functions.php file (it should be listed in the righthand sidebar) and paste this code in the section reserved for custom functions:

    global $woocommerce_loop;
    $woocommerce_loop[‘columns’] = 3;

    Then you can change the number to whatever number of columns you want. It worked for me and I hope it will work for you!

    Another solution is offered in the support docs. Thanks to Mike Jolley for pointing this out:

    jess0310, it looks like you have 4 products per row now, but that you got rid of your “cookie” category page that you linked to up there. How did you approach the problem?

    Hi Jess, I am having the same problem. I tried the solutions provided above, but they did not work for me. It seems like you found a solution? What did you end up doing?

    I’m not sure now! >_<

    Let me look into it and see if I can figure it out again for you. I am almost positive it was in the short code… Hmmmm.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How do I make products go horizontal?’ is closed to new replies.