Show 2 columns of products on the shop page

Hello @alexaguirre13 ,

You will be able to change the number of products per row in the shop page in the Appearance > Customize > WooCommerce > Product Catalog:

Link to image: https://d.pr/i/wcNhWu

I hope this information helps. Thank you ??

It’s fine but I need it for the mobile version

Hi there @alexaguirre13,

Two show the products in 2 columns on mobile, add this CSS code under **Appearance > Customize > Additional CSS**:

ul.products li.product {
	width: 46.411765%;
	float: left;
	margin-right: 5.8823529412%;
}

ul.products li.product:nth-of-type( 2n ) {
	margin-right: 0;
}

@media ( min-width: 768px ) {
	ul.products li.product:nth-of-type( 2n ) {
		margin-right: 5.8823529412%;
	}
}

I tested this on your site from Chrome dev tools and this is how it looks: https://d.pr/i/Vy71Zj

Let us know how it goes!

• This reply was modified 2 years, 6 months ago by Sandip Mondal - a11n.
• This reply was modified 2 years, 6 months ago by Sandip Mondal - a11n.
• This reply was modified 2 years, 6 months ago by Sandip Mondal - a11n.
• This reply was modified 2 years, 6 months ago by Sandip Mondal - a11n.

thanks it’s working

Hi @alexaguirre13

thanks it’s working

Thank you for letting us know that the Custom CSS did the work for you!
Please let us know if any additional issues arise!

Thank you!

• This reply was modified 2 years, 6 months ago by Rafy a11n.