我想把产品视图放在每个博客页面的侧栏上。但是，默认情况下，它会打印3列，这看起来并不好看：

我尝试了以下方法：

1） 编辑functions.php 我的孩子主题，通过添加以下代码：

add_filter( \'loop_shop_columns\', \'wcesoteria_loop_shop_columns\', 1, 10 );

/*
* Return a new number of maximum columns for shop archives
* @param int Original value
* @return int New number of columns
*/
function wcesoteria_loop_shop_columns( $number_columns ) {
return 2;
}

没有帮助，侧边栏仍打印在3列中

2） 将短代码插入“文本”小部件内的侧栏：

[recent_products columns="2"]

同样，结果是一样的，我看到3列

3） 在chrome开发视图中通过自定义CSS设置样式：

.woocommerce.post-type-archive .module-small-shop .container {
display: table;
}

.woocommerce.post-type-archive .module-small-shop .container .shop-with-sidebar {
display: table-footer-group;
}
}

/*2 rows products on mobile*/

ul.products li.product{
width: 48%!important;
float: left!important;
clear: both;
}

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

还是3列。

我完全不知道该如何处理：（除了编写自己的插件之外，还有什么其他简单的方法吗？我应该在两列中显示更多的产品吗in sidebar?

谢谢你的帮助

Edit我使用的是Divi模板，因此可能已经插入了有关列的内容。如果可以更改，将调查Divi主题

function loop_columns() {

            return 2; // 2 products per row

}
add_filter(\'loop_shop_columns\', \'loop_columns\', 999);