WooCommerce如何修改产品缩略图每行数量-利剑分享-科技生活
利剑分享-科技生活-利剑分享-科技生活
利剑分享-科技生活

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

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

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

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

/*
修改产品缩略图每行的数量
代码来源: www.wpzxbj.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文件中保存即可。

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