为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的商城主题时，我们一般会将模板文件添加到主题中来进行修改，对于有钩子或接口的地方，就没有必要再修改模板代码了…WooCommerce插件默认为编辑产品页面提供了产品数据TABS，默认包括：常规、库存、配送、联锁产品、属性、高级等模块，功能强大而实用。…在更新Concise主题时集成了前端用户中心和商城插件，发现插件中为商城产品文章设置好了固定链接，所以把萨龙网络的作品集与商城的两种自定义类型的…WooCommerce后台对管理员的通知『连接您的店铺到WooCommerce.com接受扩展更新和支持』，是3.3.1版本后出来了，新的…WooCommerce是WordPress中最强大的商城插件，没有之一。在Slearn主题的开发过程中，需要将课程和商城结合，课程使用…WooCommerce在每个页面上加载三个核心CSS样式表，并在WordPress站点上安装时发布。可以通过从不需要它的页面和内容中删除样式和…最近在做一款企业产品展示的商城网站，设计WooCommerce产品文章的布局与默认的布局有很大的不同，所以其中的一些模块都需要重新调整。WooC…WooCommerce已经是WordPress平台最好最强大的在线商城插件，已经被WordPress收购，更新速度比较频繁，功能更加完…WooCommerce插件默认为我的帐户页面提供了：仪表盘、订单、下载、地址、帐户详情几个页面，以及一个退出登录的按钮，如果出售的是实物或者没…萨龙网络使用的Youji原创企业主题注册登录都是使用WooCommerce商城插件自带的表单，使用简单方便。最近苦于国外机器人注册多，且…Woocommerce，一个wordpress的电子商务扩展插件，一个很漂亮的可以帮你卖任何东西的工具，这是插件在wordpress后台插件中的…Sixianqiu主题是专为诗歌设计开发的主题，有一些朋友也需要这样的多形式博客主题，就整理出来了。一开始所有的文章内容都是居中显示，这样对于其…
