为woocommerce商城添加图片延迟(lazyload)加载功能
wordpress图片延迟加载已经不是稀奇的功能，网上有很多类似的文章，添加相当简单方便，woocommerce缩略图图片延迟加载也很方便的可以实现。
最近一直在开发集成woocommerce的主题，遇到很多问题，都得解决，但国内这方面的资料太少，所以基本上都是在google上找到完美的解决方法。
前提是主题中集成了图片延迟加载功能，网上教程很多。
woocommerce的缩略图修改代码不容易，而且缩略图代码不是在模板中，只好通过程序来添加。WP插件中有专门为woocommerce开发的插件Lazy Load for WooCommerce，使用插件也相当的方便，启用后设置下图片的大小以及默认图片的地址就可以工作，如果不使用插件就把以下代码添加到functions.php中一样完美的工作（代码取自Lazy Load for WooCommerce）。
代码中的“图片地址”修改成你的默认缩略图地址
- if (!function_exists('woocommerce_template_loop_product_thumbnail')) {
- function woocommerce_template_loop_product_thumbnail() {
- $llwoo_image_src = wp_get_attachment_image_src(get_post_thumbnail_id(), 'shop_catalog');
- $llwoo_placeholder = '图片地址';
- $llwoo_placeholder_fallback = woocommerce_placeholder_img_src();
- if (!emptyempty($llwoo_placeholder)) {
- echo '<img src="' . $llwoo_placeholder . '" data-original="' . $llwoo_image_src[0] . '">';//默认图片不为空，则输出
- } else {
- echo '<img src="' . $llwoo_placeholder_fallback . '" data-original="' . $llwoo_image_src[0] . '">';//如果默认图片为空，则输出woocommerce默认的缩略图
- }
- }
- }
[successbox]这样商城列表中的缩略图都能实现图片延迟加载，好激动又实现了一个实用的功能，来试试吧？[/successbox]本文原创，作者：萨龙龙，其版权均为萨龙网络所有。
如需转载，请注明出处：https://salongweb.com/woocommerce-lazyload.html
一个平平常常的人，热爱生活、旅行和摄影，骑行去过西藏，一直计划再去。14年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！WooCommerce已经是WordPress平台最好最强大的在线商城插件，已经被WordPress收购，更新速度比较频繁，功能更加完…WooCommerce后台对管理员的通知『连接您的店铺到WooCommerce.com接受扩展更新和支持』，是3.3.1版本后出来了，新的…WooCommerce商城首页默认被插件转换成归档页面archive-product.php，但是添加的依然是页面，所以通过get_post_m…Woocommerce，一个wordpress的电子商务扩展插件，一个很漂亮的可以帮你卖任何东西的工具，这是插件在wordpress后台插件中的…WooCommerce插件默认为编辑产品页面提供了产品数据TABS，默认包括：常规、库存、配送、联锁产品、属性、高级等模块，功能强大而实用。…Sixianqiu主题是专为诗歌设计开发的主题，有一些朋友也需要这样的多形式博客主题，就整理出来了。一开始所有的文章内容都是居中显示，这样对于其…萨龙网络使用的Youji原创企业主题注册登录都是使用WooCommerce商城插件自带的表单，使用简单方便。最近苦于国外机器人注册多，且…WooCommerce产品页面默认有3个选项卡：描述，其它信息和评论，对于很多WordPress主题或许不太适合，需要修改或者添加选项卡。…在更新Concise主题时集成了前端用户中心和商城插件，发现插件中为商城产品文章设置好了固定链接，所以把萨龙网络的作品集与商城的两种自定义类型的…为所有交易添加基于百分比的附加费
/**
*添加1%的附加费到你的购物车和结算页面
*更改百分比以将附加费设置为适合的…MNews主题集成了WooCommerce商城插件，有些用户要求增加一个『立即购买』按钮，这篇文章介绍下如何在WooCommerce中添加…WooCommerce在每个页面上加载三个核心CSS样式表，并在WordPress站点上安装时发布。可以通过从不需要它的页面和内容中删除样式和…
