How do I make products go horizontal? (7 posts)

  1. jess0310
    Posted 3 years ago #

    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!



  2. markbac3
    Posted 3 years ago #

    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

  3. markbac3
    Posted 3 years ago #

    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!

  4. markbac3
    Posted 3 years ago #

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


  5. citynode
    Posted 3 years ago #

    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?

  6. chicagola
    Posted 2 years ago #

    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?

  7. jess0310
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.