How to change search grid layout?

[R]

Hi,

It seems that the search results are not processed by Woocommerce.
How can i control the results layout page for products.

– Setting columns
– Showing 20 instead of 10 per page
– Getting infinite scroll to work on the page

Thanks in advance

[Anve S.]

HI @smedia,

I have passed your requirement to our developers , they will get back to you with solution for it . Thanks for the patience.

Regards
Anve

[Anonymous]

Hi @smedia,

You can use following codes to change column count.
Add it inside child theme functions.php

function my_styles_method() {
      $columns = 5;
      $width = 100/$columns. '%';
      $custom_css = "
          @media screen and (min-width: 789px ) {
              .woocommerce ul.products li.type-product, 
              .woocommerce-page ul.products li.type-product {
                  width: $width !important;
              }
          }
          ";
      wp_add_inline_style( 'onesocial-main-global', $custom_css );
}
add_action( 'wp_enqueue_scripts', 'my_styles_method' );

Infinite Scroll in not available for product
There are lots of plugin available for WooCommerce for Infinite Scroll
https://wordpress.org/plugins/yith-infinite-scrolling/

For result page
– Showing 20 instead of 10 per page

You can set values from Setting >> Reading
you can also check codes inside
/buddyboss-marketplace/templates/woocommerce/loop/result-count.php line 27

Regards
Varun Dubey

[R]

Hi @Vapvarun,

Selecting 20 instead of 10 per page by settings/reading is not working.
I do have infinite scroll already. Yith infinite premium.
But on the search page it’s not working and i get pagination numbers instead which were also off in the layout. But those are fixed.

Also i tried to add woocommerce navigation filters on the search page, but there not working either.

[Anonymous]

Hi @smedia,
Search Result is managed by BP global search. I have notified developers to take a look of it
Regards
Varun Dubey