星期二 , 2023-05-30
首页 > WooCommerce > WooCommerce如何修改产品缩略图每行数量

WooCommerce如何修改产品缩略图每行数量

WooCommerce产品页面大图下面的缩略图只显示3个,为了适应主题设计需要,我们经常需要调整产品缩略图数量和尺寸。这是一个比较常见的WooCommerce修改项目,那么怎么才能修改产品缩略图每行的数量呢?和修改首页及分类列表页产品每行数量类似,也需要通过添加.first和.last class实现,要真正达到自己想要的效果,还要添加适当的样式。对样式表这里不展开说了,以下是修改产品缩略图数量的代码:

WooCommerce修改产品缩略图每行的数量

/*
修改产品缩略图每行的数量
代码来源: www.wpzhinan.com
*/
add_filter ( 'woocommerce_product_thumbnails_columns', 'woo_thumb_cols' );
function woo_thumb_cols() {
    return 4; // .last class applied to every 4th thumbnail
}

以上代码将修改默认缩略图数量为4个,可自行根据需要修改数量。请将以上代码插入主题function.php文件中保存即可。

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

相关推荐

WP_Image_Editor_Imagick 指令注入漏洞修复方法

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