Mike Jolley on "[Plugin: WooCommerce] show more than one product per row in mobile responsive"

ساخت وبلاگ

When I see my shop in mobile phones I only see one product per row. Is there a way to show more than one per row on responsive way? Something like this? http://i.share.pho.to/d98bc43a_l.jpeg

https://wordpress.org/plugins/woocommerce/

Should be very, very easy with some simple css changes.

This will be quite unique to your website, but as an example, this is what I have on one of mine that has a 2 products per row mobile layout -

ul.products li.product {
text-align: left;
position: relative;
list-style: none;
width: 48%;
float: left;
}

ul.products li.product:nth-child(2n) {
float: right;
}

There must be an easier way to do this. Is there a plugin?

You're changing the layout, so CSS is the correct way. Even if there were a plugin, I highly doubt it would work with all themes in existence.

If your theme already has responsive CSS styles, these can be adjusted. WC core for mobile makes things 100% width 1 column due to the limited space.

If you need help with customisation or you're not comfortable with modifying the theme or CSS code, consider jobs.wordpress.net for someone who is.

WordPress ...
ما را در سایت WordPress دنبال می کنید

برچسب : نویسنده : استخدام کار wpss بازدید : 236 تاريخ : پنجشنبه 6 خرداد 1395 ساعت: 16:24