How can I make products display vertically on mobile?

  • Resolved jonathanvts

    (@jonathanvts)


    5 years, 10 months ago

    On my home page I’d like to have a fixed number of products in a grid layout for desktop (not a carousel), and for mobile phone size a vertical single column arrangement of the same products. Is it possible to do this using the standard Products module? I have tried various configuration options but the closest I can get for mobile view is a single product with swipe left to display the next, which isn’t what I’m after.

    If there’s a pre-built module that has these layout options then that could be a possibility.

    Thank you for your time.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Use a specific template for mobile that has this or create a child theme of your current theme. If your current theme is a child theme then duplicate this theme rename is child-theme-2 and make your changes in functions.php and with woocommerce over rides to make the product pages or category pages display the products the way you want. There is a plugin called multi device switcher that will let you choose a different non active theme installed on wordpress for your mobile, tablets, smartphones and more. You should think about this thoroughly though as your mobile theme won’t look right on a table. It should look fine on a smartphone since size doesn’t change much but you’ll want another theme for tablets. Or just use one responsive theme from the get go that will change shape and size depending on the width of the browser window itself. There’s many ways to do it.

    laceyrod

    (@laceyrod)

    Automattic Happiness Engineer

    Hi there,

    Since we haven’t heard back, I’m going to go ahead and mark this thread as “resolved.” If you are still needing help with this, please feel free to open a new thread.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How can I make products display vertically on mobile?’ is closed to new replies.