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

We're shifting our Forum based support to a more dedicated support system!

We'll be closing our Forum support from 10th June, 2020 and move to Email Support assistance.

  • If you are a WCFM premium add-ons user, contact us- here
  • Want to know more before buying our add-ons? Send Pre sale queries- here
  • If you are a WCFM free user, please open a support ticket at WordPress.org
  • For WCFM App related queries, reach us- here
From now the forum will be read-only!

Multi Vendor Marketplace Plugin | WCFM Marketplace Forums WCFM – Marketplace (WooCommerce Multivendor Marketplace) Mobile view on Vendor store page: change number of products per column

Viewing 3 reply threads
  • Author
    Posts
    • #132644
      CAM
      Participant

      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.
    • #132945

      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.

    • #132955
      CAM
      Participant
      This reply has been marked as private.
    • #133148

      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!

Viewing 3 reply threads
  • You must be logged in to reply to this topic.