Diffrent product count for mobile vs desktop

  • Resolved xgstq

    (@xgstq)


    6 years, 5 months ago

    So now that mobile first is being pushed more than ever by Google im looking to decrease the amount of products on display for mobile devices – but still utilize search functions and pagination.

    Example:

    I currently display 12 products per page across all devices.

    What Id like:

    Screen sizes >= 1024 = 12 products per page
    Screen sizes >= 769 && <= 1023 8 products per page
    Screen sizes <= 768 = 6 products per page

    Is this something that is currently achievable? Ive had a google around and cant really see these options. I came across this.

    https://docs.woocommerce.com/document/change-number-of-products-displayed-per-page/

    Id like to be able to do this over the shop home page and the shop categories.

    Many thanks

    • This topic was modified 6 years, 5 months ago by xgstq.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thomas Shellberg

    (@shellbeezy)

    Automattic Happiness Engineer

    @xgstq – this is really tricky as it seems to me that responsive CSS is the best option here for displaying data properly when using a mobile device. It won’t limit the number of products per page but it will display them in a way that is still very easy to use.

    Because the number of products per page is set using PHP and given that PHP doesn’t have access to the screensize, I think you’d have to create some jQuery to check the screensize and then refresh the products page using AJAX. That sounds like a lot of work and less preferential than using responsive CSS.

    Kenin

    (@kbassart)

    Automattic Happiness Engineer

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Diffrent product count for mobile vs desktop’ is closed to new replies.