- This topic has 7 replies, 2 voices, and was last updated 10 years, 5 months ago by
.
-
Posts
-
Hi Tom,
Is there any way to add 3 products in WooCommerce like here ?
I have found a code, but it doesn;t work well.
// Change number or products per row to 3 add_filter('loop_shop_columns', 'loop_columns'); if (!function_exists('loop_columns')) { function loop_columns() { return 3; // 3 products per row } }http://piccy.info/view3/9390099/1865370692a14ee65b957aa8492706ff/orig/
Thanks Tom!
Best regards
Lead Developer
That should do it – any chance you can link me to that page?
Tom,
Here it is: http://vetlikar.com/shop/
Hmm, not sure why their code isn’t working.
You can do it with some CSS as well:
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 3% 2.992em 0; width: 30%; }Tom,
Wow! It works perfectly. Thanks a lot, Tom 🙂
P.S. can you help, please, with WooCommerce product images from mobile version?
It looks like this now:
http://piccy.info/view3/9392511/587c39c77bba476af516a87c96fba052/orig/1. How to make them bigger?
(Like here)
2. How to fix text appears?Thanks 🙂
-
This reply was modified 10 years, 5 months ago by
.
Looks like you want to do something like this:
@media (max-width: 768px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; margin-right: 0; } }Tom,
Perfect!
Thank you very much! 🙂You’re welcome 🙂
-
This reply was modified 10 years, 5 months ago by
- You must be logged in to reply to this topic.
