星期二 , 2020-10-20
首页 > WordPress教程 > 怎样修改WooCommerce首页和分类页每行产品数量

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

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

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

/*
修改每行产品数量
代码来源: www.wpzhinan.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个,那就会出现每行个数不等的情况。

本文地址:http://www.wpzhinan.com/jiaocheng/283.html
版权申明:除部分代码外,本站内容均为原创,转载请注明来源,违者必究侵权责任!

相关推荐

WP_Image_Editor_Imagick 指令注入漏洞修复方法

Imagick组件爆出了超级漏洞,危害等级极高,直接导致大量使用Imagick组件的网站均 ...