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
User avatar
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:
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;
}
User avatar
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,
User avatar
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:
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.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.