怎样修改WooCommerce首页和分类页每行产品数量-利剑分享-科技生活
利剑分享-科技生活-利剑分享-科技生活
利剑分享-科技生活

怎样修改WooCommerce首页和分类页每行产品数量

怎样修改WooCommerce首页和分类页每行产品数量

WooCommerce如果不能自适应宽度,那就需要对首页和分类页每行产品数量显示进行控制和修改,以适应你的主题设计风格。由于WooCommerce和wordpress一样更新比较频繁,所以不能直接修改插件本身源文件来实现,最好的办法就是将实现代码插入主题function.php来实现。以下是修改WooCommerce首页和分类页每行产品数量,请将代码插入主题function.php保存即可:

修改WooCommerce首页和分类页每行产品数量

/*
修改每行产品数量
代码来源: www.wpzxbj.com
*/
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
    function loop_columns() {
        return 5;
    }
}

WooCommerce每行产品数量是靠给每行第一个产品元素添加.first class、每行最后一个添加.last class实现的,所以这段代码只能决定在哪里强制换行,与宽度无关。也就是说如果你设置一行显示4个产品,你不能期待每个li的宽度就是1/4,这个宽度是样式表设定的,如果样式表设定的宽度只够一行放下3个,而代码设定一行显示4个,那就会出现每行个数不等的情况。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享