[woof-products] Mobile view only showing 1 product per row
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page pleaseIf you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.
Hi,
I am really liking the plugin and have it almost ready.
Just having an issue where the [woof_products] is only showing 1 product per row on mobile, I want this to be 2 products per row.
I have checked the Woocommerce [products] and that has 2 columns on my mobile. I am using a divi theme and the woo products module also shows 2 products per row.
Therefore I am thinking it's a setting in Woof.
I am using this shortcode for the products [woof_products is_ajax=1 per_page=24 dp=0 columns=4 taxonomies=product_cat:87+locations:30,31]
Thanks,
Hello
It depends on the template of the current theme
please drop me exact link to the issue
Hello,
It's happening on the shop page I am building: http://staging.theomm.com/shop-2/
The top shop module is the woof one, and it has 1 product per row on my phone
The bottom shop module is the [products] one and it has 2 products per row for mobile.
Thanks
Hello
Please delete your custom CSS - https://share.pluginus.net/video/v20221010092543.mp4
Hi Pablo,
Thanks for spotting that.
Found this code that has fixed the issue for me:
@media screen and (max-width: 479px) { .et_gallery_item:nth-child(n), .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n), .et_pb_column .et_pb_grid_item:nth-child(n), .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(n), .et_pb_column .woocommerce ul.products li.product:nth-child(n), .woocommerce-page ul.products li.product:nth-child(n) { width: 45.25%!important; margin: 0 9.5% 9.5% 0!important; } .et_gallery_item:nth-child(2n), .et_pb_column .et_pb_grid_item:nth-child(2n), .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n), .et_pb_column .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { margin-right: 0!important; } }
Now have 2 columns on the mobile view.
Ta
Hello
Welcome;)