WooCommerce - Change number of products per row in Product widget

By default, most of our themes display three products per row in the WooCommerce Products widget. Follow this tutorial if you'd like to change the number of products per row in the WooCommerce Products widget.

2 Products Per Row

  1. Click here and copy the code.
  2. Go to Appearance > Customize > Additional CSS. 
  3. Paste the code in the box.
  4. Go to Appearance > Widgets and open your Products widget. 
  5. Set "Number of Products to Show" to 2. Save.

3 Products Per Row

  1. Click here and copy the code.
  2. Go to Appearance > Customize > Additional CSS. 
  3. Paste the code in the box.
  4. Go to Appearance > Widgets and open your Products widget. 
  5. Set "Number of Products to Show" to 3. Save.

4 Products Per Row

  1. Click here and copy the code.
  2. Go to Appearance > Customize > Additional CSS. 
  3. Paste the code in the box.
  4. Go to Appearance > Widgets and open your Products widget. 
  5. Set "Number of Products to Show" to 4. Save.

5 Products Per Row

  1. Click here and copy the code.
  2. Go to Appearance > Customize > Additional CSS. 
  3. Paste the code in the box.
  4. Go to Appearance > Widgets and open your Products widget. 
  5. Set "Number of Products to Show" to 5. Save.