Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #2513539
Change number of products displayed per row
Closed

Comments

  • jduron started the conversation

    I'd like to change the number of products displayed per row on the shop page. It seems to be defaulting to 3 per row and 12 per page. I'm wanting to increase the number per row and per page. 


    Thank you

  •  7,092
    Oliver replied

    Hi,

    pls. give me link to the page with the block, I need to see the style you're using.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   jduron replied privately
  •  7,092
    Oliver replied

    Hi,

    1. Add this CSS code:

    @media (min-width: 768px) {
    .products.inline-row .product.inline-column.col-sm-4 {
        width: 25%;
        min-width: auto !important;
    }
    }
    

    2. Add this code to the functions.php of the child theme:

    add_filter( 'loop_shop_per_page', 'new_loop_shop_per_page', 20 );
    function new_loop_shop_per_page( $cols ) {
      $cols = 12;
      return $cols;
    }
    

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • jduron replied

    Brilliant! 


    Thank you, this solved my issue.

  •  7,092
    Oliver replied

    You're welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver