每行产品Woocommerce

Question

我有这个Woocommerce网站，我想每行显示6个产品。我尝试添加一些代码给functions.php并用css改变li宽度。这里是网站：codedoors.com/styleindia。我也试过WooCommerce产品归档定制器插件，但不工作。

我functions.php文件：

// Display 24 products per page. //working 
add_filter('loop_shop_per_page', create_function('$cols', 'return 9;'), 20); 


// Change number or products per row to 3 //not working 
add_filter('loop_shop_columns', 'loop_columns'); 
if (!function_exists('loop_columns')) { 
    function loop_columns() { 
     return 6; // 3 products per row 
    } 
} 

谢谢

Answer 1

我已经使用CSS样式本身作出6个产品，每行显示。我会向你提供我改变它的风格。

样式表1：

隐藏，我已经低于

http://codedoors.com/styleindia/wp-content/themes/smartshop/assets/css/smartshop-woocommerce.css?ver=1.0

.woocommerce ul.products li.product:nth-child(4n+1) { 
    /*clear: both !important;*/ 
} 

而且在同一个文件中提及的行更改选择的风格，这

.woocommerce ul.products li.product { 
    clear: none !important; 
    margin: 2% !important; 
    width: 12% !important; /* you have given here it as 15% */ 
} 

最后一个是将UL风格应用于UL类产品，并且您可以将其粘贴到您想要的任何位置，但如果未应用，请将其放在重要标签下。

.products { 
    float: left; 
    width: 100%; 
} 

这是通过应用我已发送给您的样式所做的屏幕截图。 http://www.awesomescreenshot.com/image/1480013/f65662d652f36b254a9882ce4ba6011a

希望这个解决方案可以帮助你。