Return to previous page

Shop Product Catalogue Grid View – Products Per Line Per Device

This topic has 7 replies, 3 voices, and was last updated 4 years, 1 months ago ago by Than

Than

Participant

January 22, 2021 at 10:59

Hello,

I would like to modify the number of appeared products per line at the Shop->Product Catalogue->Products Per Line, per device (desktop, mobile, tablet).

So for example I would like the tablet mode to show 2 products per line but the full mode (Desktop) shows 3 products per line. Is that possible?

Also, can I adjust the responsive screen widths that these changes take effect?

Thanks in advance!

#269632 Copied Theme version: 7.2.3 WooCommerce version: 5.6

6 Answers

Olga Barlow

Participant

January 22, 2021 at 14:27

Hello,

Unfortunately, we don’t have such option in our theme. You can choose the number of products per page for the desktop in theme settings. Vertical table and mobile displays 2 products per row by default and we don’t have option to change that. Only by custom CSS.

Regards

#269694 Copied

Than

Participant

January 22, 2021 at 14:33

Hi! Ok, thank you. Could you please help me by providing a CSS code for this?

Thanks!

#269695 Copied

Olga Barlow

Participant

January 22, 2021 at 17:57

Hello,

1) Provide us with temporary WP Dashboard access to your site to check the layout you use at this moment.
2) Tell me the number of products that you would like to show on desktop, on tablet and on mobile. We’ll give you the code.

Regards

#269743 Copied

Than

Participant

January 23, 2021 at 19:41

Hello,

I would like to show 3 products for desktop, 2 for tablet and 1 for mobile.

Thank you!

Please contact administrator
for this information.

#269876 Copied
Rose Tyler

Support staff

January 24, 2021 at 11:35
Hello,

Add the next code in Theme Options > Theme custom CSS > Global custom CSS:

@media only screen and (min-width: 992px) and (max-width: 1200px) { .products-grid .product { width: 50% !important; } .products-grid.row-count-3 .product:nth-child(3n+1) { clear: none; } }

Regards
#269933 Copied
Than

Participant

January 25, 2021 at 11:40

Ok, seems to be working fine, thank you!

#270063 Copied
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Shop Product Catalogue Grid View – Products Per Line Per Device’' has been successfully resolved, and the topic is now closed for further responses

Shop Product Catalogue Grid View – Products Per Line Per Device

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection