在woocommerce中更改每行产品的数量
在woocommerce中更改每行产品的数量
提问于 2014-01-24 00:57:18
我正在使用带有themefores模板的woocommerce。默认情况下，woocommerce每行显示4个产品，但我想显示5个。
我使用了一个子模板，所以我复制了woocommerce文件，里面有content-product.php文件。
在这里我修改了这个。
if ( empty( $woocommerce_loop['columns'] ) )
$woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 5 );但是没有工作。
我阅读了如何改变这一点，我找到了这个函数，我把它放到了我的function.php in子模板中
add_filter('loop_shop_columns', 'custom_loop_columns');
if (!function_exists('custom_loop_columns')) {
function custom_loop_columns() {
return 8;
}
}但也不要太管用。
有任何想法如何更改每行产品的数量！
回答 3
Stack Overflow用户
发布于 2014-01-24 11:40:32
尝尝这个,
在你的function.php中检查这个函数。
// Change number or products per row to 3
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 3; // 3 products per row
}
}然后你的子主题添加这个，
// Override theme default specification for product # per row
function loop_columns() {
return 5; // 5 products per row
}
add_filter('loop_shop_columns', 'loop_columns', 999);有关更多详细信息，请查看this
希望能有所帮助..。
Stack Overflow用户
发布于 2015-03-03 14:23:55
在我的例子中，它使用以下代码工作
我在子主题的style.css文件中插入了这些样式
@media only screen and (min-width: 768px) {
ul.products li.product {
width: 16.05%!important;
}
}并在主题的function.php中使用以下php代码
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );
add_filter('loop_shop_columns', 'loop_columns');
if(!function_exists('loop_columns')) { function loop_columns() { return 5; }}
if ( empty( $woocommerce_loop['columns'] ) ) { $woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 4 );}Stack Overflow用户
发布于 2015-06-22 19:58:57
我知道为时已晚，但这段代码(但很难找到一个好的解决方案)确实对我有帮助：(functions.php在儿童主题中更受欢迎)
add_filter( 'loop_shop_columns', 'wc_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 wc_loop_shop_columns( $number_columns ) {
return 5;
}和css:
.columns-4 ul.products li.product {float:left !important;width:29% !important;}
.columns-4 .container_inner>ul.products li.product:nth-child(4n+1), .columns-4 .products>ul.products li.product:nth-child(4n+1), div.woocommerce.columns-4 ul.products li.product:nth-child(4n+1), .columns-4 .cross-sells>ul.products li.product:nth-child(4n+1), .columns-4 .woocommerce_with_sidebar ul.products li.product:nth-child(3n+1) {
clear:none !important;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21314600
复制相关文章
相似问题
腾讯云开发者
