Mobile view on Vendor store page: change number of products per column

[CAM]

I use Astra Pro theme and have set Woocommerce products on mobile device to be 2 per column.

Customize > Woocommerce > Product Catalogue > Shop Columns: 2 (mobile & tablet)

On the ‘Shop’ page everything looks good on mobile – products are in 2 columns and spacing etc is good.

However…

On the ‘Vendor Store’ page, it looks bad; products are in 3 columns and spacing is bad.

Are there different settings somewhere for ‘Vendor Store’ layout?

Attachments:

You must be logged in to view attached files.

[Sarmistha Chakraborty]

Hello,

By-default Vendor store page layout and shop page layout both these are part of theme configuration!
Ref: https://wclovers.com/forums/topic/edit-the-layout-of-vendor-store/
There are no different settings in our WCFM plugin for vendor store page mobile version.
You can provide us the two page URLs. Then we can check the issue.

Thanks.

[CAM]

This reply has been marked as private.

[Sarmistha Chakraborty]

Hello,

For ‘Vendor Store’ page

Try this code in your theme’s functions.php,

add_filter('wcfm_store_wrapper_class',function($custom_cls){
	$custom_cls = 'woocommerce tablet-columns-2 mobile-columns-2';
	return $custom_cls;
});

Let me know how it goes.
Thanks!

[Author]

Posts