Return to previous page

Setiing number of products per row in mobile

This topic has 6 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Eva Kemp

  • Avatar: Cr3atorf1lm
    Cr3atorf1lm
    Participant
    May 5, 2016 at 10:07

    Hi there,
    can I set the number of products per row that appear in category page only for mobile?
    thanx

    #124120 Copied Theme version: 2.8 WooCommerce version: 2.5.5
    5 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    May 5, 2016 at 11:20

    Hello,

    Sorry but it can’t be done for one category page only. One Woocommerce template is used for Shop and category pages.

    Regards,
    Eva Kemp.

    #124140 Copied
    Avatar: Cr3atorf1lm
    Cr3atorf1lm
    Participant
    May 5, 2016 at 21:44

    i am ok to set for all the category pages and shop
    but it needs to be done for mobile version only.
    can it be done?
    thanx

    #124292 Copied Theme version: 2.8 WooCommerce version: 2.5.5
    Avatar: Eva
    Eva Kemp
    Support staff
    May 6, 2016 at 08:06

    Hello,

    For example you can show 2 products per row on mobile using this code in Theme Options > Custom CSS > Custom CSS for mobile:

    .products-grid .product {
   width: 50% !important;
}

    Regards,
    Eva Kemp.

    #124317 Copied
    Avatar: Cr3atorf1lm
    Cr3atorf1lm
    Participant
    May 6, 2016 at 09:32

    ok
    I have on more,
    can I have by default only for mobile
    the product category to be set grid/list?
    thanx

    #124358 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    May 6, 2016 at 10:57

    Hello,

    I gave you the code for mobile, you had to add it to Custom CSS for mobile section. Please clarify your last question.

    Regards,
    Eva Kemp.

    #124397 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.