Hello! Please help me figure it out! Incorrectly displayed product catalog in woocommerce. Worth "Visual Composer". Everything in it is correct in the settings, there is a grid, a display of 6 in a row, and only 3 products are displayed, on half a page, although there are no more blocks there. Theme Nilsen. What could be the problem and where is the code change? Attaching photo. enter image description here

  • It would not be bad code / markup (if it is of course yours :)) to see, otherwise it is difficult to guess from the photo. Look at the margin 's first ... - Anton Komyshan

1 answer 1

So because you have WooCommerce puts 3 products in a row.

If you want 6 products in a row, then you need to add the following code in functions.php :

 // Установить число товаров в ряд в 6 add_filter('loop_shop_columns', 'loop_columns'); if (!function_exists('loop_columns')) { function loop_columns() { return 6; // 6 товаров в ряд } }
  • On the main display, 6 in a row should be, in store 4 in a row, exactly half is displayed. According to your done, it’s not in the store that two goods are shown up to half, but 3, but still up to the middle of the sheet. Maybe the whole thing is style.css? I do not know where to attach it here. - Evgenia Eliseeva
  • And this is what you see in the picture? Shortcode on the main? - KAGG Design
  • In the "Visual Composer" block "Show the Prodacts". In the "Grid" settings, output 6 in a row, displays only 3 to half. Here is a link to the caucasus-blade.com store in the main menu of the SHOP in the settings should be displayed 4 in a row, and also displayed to the half 2. I would be very happy if you can help what's the matter!) - Evgenia Eliseeva
  • This is what I see on the site: take.ms/8vU9N - 6 in a row what is the problem? - KAGG Design
  • Everything worked out! on another forum, they suggested that we should change the line in the woocommerce file style.css 324. ul.products li.product.first {clear: both;} Remove clear: both, see the result. - Evgeniya Eliseeva