Title: Lazy Load for WooCommerce Author: edgewebware Published: 19 de Maio, 2015 Last modified: 6 de Marzo, 2020 --- Buscar plugins ![](https://ps.w.org/lazyload-woocommerce/assets/banner-772x250.png?rev=1163415) Este plugin **non se actualizou en máis de 2 anos**. É posible que xa non sexa compatible ou mantido por ninguén, ou podes ter problemas de compatibilidade cando se usa con novas versións de WordPress. ![](https://ps.w.org/lazyload-woocommerce/assets/icon-256x256.png?rev=1163402) # Lazy Load for WooCommerce Por [edgewebware](https://profiles.wordpress.org/edgewebware/) [Descargar](https://downloads.wordpress.org/plugin/lazyload-woocommerce.1.4.zip) * [Detalles](https://gl.wordpress.org/plugins/lazyload-woocommerce/#description) * [Valoracións](https://gl.wordpress.org/plugins/lazyload-woocommerce/#reviews) * [Instalación](https://gl.wordpress.org/plugins/lazyload-woocommerce/#installation) * [Desenvolvemento](https://gl.wordpress.org/plugins/lazyload-woocommerce/#developers) [Soporte](https://wordpress.org/support/plugin/lazyload-woocommerce/) ## Descrición ** We are discontinuing support of this plugin ** _Due to many themes and caching plugins either having support for Lazy loading or overriding the hooks that this plugin uses, we have decided to no longer support this plugin_ Lazy Load for WooCommerce includes the functionality to properly append Lazy Load into the image loop for WooCommerce in product listings (shop category and product listing). It has been tested against WooCommerce 2.6.4 and should work back to WooCommerce 2.1.0 (untested). This does not apply to the individual product image, but anywhere they are used in the loop (by default, the unordered list). If you would like to send an email directly for support, contact us via the form at [https://edgewebware.com/plugins/](https://edgewebware.com/plugins/). ## Capturas * [[ * Setting up the placeholder for the category and product images that will be used for Lazy Load (it will match the shop catalog image dimensions). ## Instalación 1. Descargue o complemento 2. Install the plugin 3. Make sure your Catalog image dimensions are set to your preference (this is used for the dimensions in this plugin) 4. Go to WooCommerce > Settings > Products and click the “Lazy Load” option. 5. Set your custom placeholder image (full src). This is optional as it will default to the WooCommerce Placeholder image. To note, you will need to have jQuery running for this to work. To reduce conflicts, we have chosen not to include jQuery. To include jQuery, just use the following in your template functions file: `wp_enqueue_script('jquery');` Additionally, we allow for you to modify the available functions for Lazy Load. To dequeue the plugin functions and use your own, use `wp_dequeue_script('lazyload- call');`. See http://www.appelsiini.net/projects/lazyload for a full rundown of options (trigger loading, effects, images in containers, nonsequential images, invisible images, etc.). If you would like to send an email directly for support, contact us via the form at [https://edgewebware.com/plugins/](https://edgewebware.com/plugins/). ## Preguntas frecuentes Does this plugin work with the newest WP/WooCommerce version and also older versions? Since it’s fairly basic it should. It’s a very lightweight plugin. You will need to manually call in jQuery support if you don’t already have it running( see Installation Instructions). Your WooCommerce installation needs to support `shop_catalog` which has been an initiated image size since WooCommerce 1.6.2 at least. Secondarily, there should be support for WooCommerce’s placeholder image (not an absolute requirement for loading since you can put in your own, but the tab may not be visible or in the same location in older versions of WooCommerce). The placeholder image function for WooCommerce has been updated to `wc_placeholder_img_src` so previous instances of `woocommerce_placeholder_img_src` have been deprecated as of 2.1.0. What is WooCommerce’s image loop? We are basically replacing WooCommerce’s hook of `woocommerce_template_loop_product_thumbnail` with our own (for Lazy Load). This is used in the `content-product.php` template file. If your WooCommerce theme has been customized (YOURTHEME/woocommerce/content- product.php) then in some cases this has been altered. The hook runs as part of ` do_action( 'woocommerce_before_shop_loop_item_title' )`. We’ve done the same in version 1.3 of our plugin with `woocommerce_subcategory_thumbnail`. If I have a custom image loop, can I still use the plugin? It would probably be best if you were to manually configure the source LazyLoad script ([http://www.appelsiini.net/projects/lazyload](http://www.appelsiini.net/projects/lazyload)) to reduce code bloat. It is possible to use our plugin and then add the class “lazy” to your image and replace the image src with your placeholder image and add `data- original` to link to your thumbnail. You would also need to add width/height to the image element. ## Comentarios ![](https://secure.gravatar.com/avatar/5e52417e041515ea8a20563953701e8356559ed31eea67cef1316b0e0954f7b3? s=60&d=retro&r=g) ### 󠀁[Works well with latest Woocommerce 3.01](https://wordpress.org/support/topic/works-well-with-latest-woocommerce-3-01/)󠁿 [luxdesign28](https://profiles.wordpress.org/luxdesign28/) 11 de Abril, 2017 Works well with latest Woocommerce 3.01. I downloaded and activated this plugin, and I use it with Woocommerce 3.01, and work very good. They did a good job. So I give them 5 stars. ![](https://secure.gravatar.com/avatar/bc800832e6b7173cd4651b1c2c7a4cf61ff4900b4968c0c9469d527e192fb7d2? s=60&d=retro&r=g) ### 󠀁[Not working, no service](https://wordpress.org/support/topic/not-working-no-service-2/)󠁿 [Tremer](https://profiles.wordpress.org/tremer/) 18 de Decembro, 2016 To much bugs. ![](https://secure.gravatar.com/avatar/74e7ff55d40b110e50cd32e5851c6b7eb6a850527f07497895acf210469afc6e? s=60&d=retro&r=g) ### 󠀁[Nice but needs some bugs removed](https://wordpress.org/support/topic/nice-but-needs-some-bugs-removed/)󠁿 [yesyeswordpress](https://profiles.wordpress.org/yesyeswordpress/) 18 de Setembro, 2016 4 respostas I thought it did exactly what it was supposed to do but then I loaded some catalog pages like the main shop page and items that are visible (above the fold) are not loaded and show a huge placeholder (bigger than the actual thumbnail) till you scroll past the items. Strange thing is that it doesn’t happen with the first item on the same row. So for example, my shop has 3 columns and multiple rows. row 1: images get loaded correctly (though the placeholder I probably need to choose with the same exact size as my thumbnails are shown on the front end since it’s still a bit ugly to first see a big placeholder, before you get the much smaller loaded thumbmail) row2, item 1: correct (like row 1) row2, item 2 and all other following items: not loaded, despite all being above the fold and clearly visible and at the same exact height as item 1 Please have a look at this as I expect it’s a bug that can be easily solved. Otherwise, nice plugin. ![](https://secure.gravatar.com/avatar/1fb005e66703066ef86fdd908f0d5448f0ca534c96db355cc2b3efe991632b2a? s=60&d=retro&r=g) ### 󠀁[Perfect!](https://wordpress.org/support/topic/perfect-3133/)󠁿 [Romrayster](https://profiles.wordpress.org/romrayster/) 3 de Setembro, 2016 Does exactly what it is supposed to do =) ![](https://secure.gravatar.com/avatar/6fb0447b51462aaf19fba8d953524dbe12e30cd9ec0c7b4d96224c477db90449? s=60&d=retro&r=g) ### 󠀁[This plugin is perfect for Woocommerce](https://wordpress.org/support/topic/this-plugin-is-perfect-for-woocommerce/)󠁿 [zefyr](https://profiles.wordpress.org/zefyr/) 3 de Setembro, 2016 This plugin is perfect for Woocommerce categories and products images. [ Ler todas as 5 opinións ](https://wordpress.org/support/plugin/lazyload-woocommerce/reviews/) ## Colaboradores e desenvolvedores “Lazy Load for WooCommerce” é un software de código aberto. As seguintes persoas colaboraron con este plugin. Colaboradores * [ edgewebware ](https://profiles.wordpress.org/edgewebware/) * [ aibrean ](https://profiles.wordpress.org/aibrean/) [Traduce “Lazy Load for WooCommerce” ao teu idioma.](https://translate.wordpress.org/projects/wp-plugins/lazyload-woocommerce) ### Interesado no desenvolvemento? [Revisa o código](https://plugins.trac.wordpress.org/browser/lazyload-woocommerce/), bota unha ollada ao[repositorio SVN](https://plugins.svn.wordpress.org/lazyload-woocommerce/), ou subscríbete ao [log de desenvolvemento](https://plugins.trac.wordpress.org/log/lazyload-woocommerce/) por [RSS](https://plugins.trac.wordpress.org/log/lazyload-woocommerce/?limit=100&mode=stop_on_copy&format=rss). ## Rexistro de cambios #### 1.4 * ADDED: Support for ALT tags for product images. #### 1.3 * ADDED: The ability to set a category placeholder image and a product placeholder image. * ADDED: Lazy Load for category images. #### 1.2.1 * ADDED: support note for 4.3.1 * Updated Description and Tags * ADDED: Donate/Support link * ADDED: FAQ * Fixed: removed deprecated function of `woocommerce_placeholder_img_src` and replaced with the current (as of WC 2.1.0) `wc_placeholder_img_src` #### 1.2 * Removed manual entry of dimensions. It will now automatically use the dimensions for `shop_catalog` which is set under WooCommerce > Settings > Products > Display. #### 1.1.1 * Fixed: `$llwoo_image_src` so it would match the shop catalog dimensions. #### 1.1 * Tested against WP 4.3 RC1 * Tested Against WooCommerce 2.4.4 * Fixed: issue with `call-ll.js` “not a function” error #### 1.0.1 * ADDED: Support for placeholder images (url option in settings) * Adjusted Plugin name (Lazy Load rather than LazyLoad) #### 1.0 * Initial version ## Meta * Versión **1.4** * Última actualización **Fai 6 anos** * Instalacións activas **90+** * Versión de WordPress ** 4.0.0 ou superior ** * Probado ata **4.6.30** * Idioma * [English (US)](https://wordpress.org/plugins/lazyload-woocommerce/) * Etiquetas * [images](https://gl.wordpress.org/plugins/tags/images/)[jquery](https://gl.wordpress.org/plugins/tags/jquery/) [lazy load](https://gl.wordpress.org/plugins/tags/lazy-load/)[products](https://gl.wordpress.org/plugins/tags/products/) [woocommerce](https://gl.wordpress.org/plugins/tags/woocommerce/) * [Vista avanzada](https://gl.wordpress.org/plugins/lazyload-woocommerce/advanced/) ## Valoracións 3.8 de 5 estrelas * [ 3 valoracións de 5 estrelas ](https://wordpress.org/support/plugin/lazyload-woocommerce/reviews/?filter=5) * [ 0 valoracións de 4 estrelas ](https://wordpress.org/support/plugin/lazyload-woocommerce/reviews/?filter=4) * [ 1 valoración de 3 estrelas ](https://wordpress.org/support/plugin/lazyload-woocommerce/reviews/?filter=3) * [ 0 valoracións de 2 estrelas ](https://wordpress.org/support/plugin/lazyload-woocommerce/reviews/?filter=2) * [ 1 valoración de 1 estrelas ](https://wordpress.org/support/plugin/lazyload-woocommerce/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/lazyload-woocommerce/reviews/#new-post) [Ver todas as valoracións](https://wordpress.org/support/plugin/lazyload-woocommerce/reviews/) ## Colaboradores * [ edgewebware ](https://profiles.wordpress.org/edgewebware/) * [ aibrean ](https://profiles.wordpress.org/aibrean/) ## Soporte Tes algo que dicir? Necesitas axuda? [Ver o foro de soporte](https://wordpress.org/support/plugin/lazyload-woocommerce/) ## Doar Queres apoiar o progreso deste plugin? [ Dona a este plugin ](https://edgewebware.com/plugins/)