product display
eCommerce WordPress theme to create online shop with WooCommerce support
- GK User
- Wed Mar 02, 2016 6:39 pm
hi,
in product display, i want to show 4 columns and 15 rows per page, could u please to help me to do it??
thank you
in product display, i want to show 4 columns and 15 rows per page, could u please to help me to do it??
thank you
-
- Senior Boarder
- Joshua M
- Thu Mar 03, 2016 10:01 am
Hi,
Regarding the number of products, please check similar thread here:
https://www.gavick.com/forums/instyle-w ... duct-50097
If you want to change columns number, please edit wc-functions.php file again and change the line 26 into:
and add the following custom css code:
Regarding the number of products, please check similar thread here:
https://www.gavick.com/forums/instyle-w ... duct-50097
If you want to change columns number, please edit wc-functions.php file again and change the line 26 into:
- Code: Select all
return 4; // 4products per row
and add the following custom css code:
- Code: Select all
ul.products li.product {
width: 25%!important;
}
-
- Moderator
- GK User
- Sat Jun 18, 2016 2:47 pm
Hi,
We modified the wc-function.php and override.css as you suggested - there is 4 column of product so it is OK,
but unfortunately in mobile mode we lost the responsive features - in portrait mobile mode the products are very small (25 % size)
If you can suggest a responsive solution please be so kind to let us know.
Thanks,
We modified the wc-function.php and override.css as you suggested - there is 4 column of product so it is OK,
but unfortunately in mobile mode we lost the responsive features - in portrait mobile mode the products are very small (25 % size)
If you can suggest a responsive solution please be so kind to let us know.
Thanks,
-
- Senior Boarder
- Joshua M
- Mon Jun 20, 2016 8:18 am
Try to add also the following custom css code to your override.css file:
You can add more media queries i.e. with max width: 900 and product width: 50% etc.
- Code: Select all
@media (max-width: 580px) {
ul.products li.product {
width: 100%!important;
}
}
You can add more media queries i.e. with max width: 900 and product width: 50% etc.
-
- Moderator
4 posts
• Page 1 of 1