Régler les conflits avec YITH WooCommerce Zoom Magnifier

Si vous utilisez le plugin YITH WooCommerce Zoom Magnifier, il se peut que vous rencontriez des conflits avec la minification JS et Lazyload

Minification JS

Si vous avez activé la minification JS, vous devez exclure le fichier suivant : /wp-content/plugins/yith-woocommerce-zoom-magnifier/assets/js/yith_magnifier.min.js

LazyLoad & Produits variables

Si vous avez des produits variables, chacun avec des images, il se peut que le Zoom magnifier ne fonctionne pas correctement quand le LazyLoad est activé. La solution est de désactiver le LazyLoad uniquement sur les pages Produit.

Dans WP Rocket 2.5, vous pourrez cocher une case sur votre page produit pour désactiver LazyLoad.

Dans des versions antérieures, il faudra utiliser l’extrait de code suivant dans le fichier functions.php de votre thème :

add_filter( 'wp', '__deactivate_rocket_lazyload_if_page' );
function __deactivate_rocket_lazyload_if_page()
{
        if( is_product() ) {
                add_filter( 'do_rocket_lazyload', '__return_false' );
        }
}<br>

Ou bien vous pouvez faire une extension automatique (Must-Use) personnalisé à la place :

1
Créez un répertoire mu-plugins dans wp-content
2
En utilisant un éditeur de texte basique, créez un nouveau fichier et collez le code suivant :
<?php 
defined( 'ABSPATH' ) or die( 'Cheatin\' uh?' );
/*
Plugin Name: WP Rocket Disable LazyLoad on Single Product
Author: Jonathan (WP Rocket Team)
Author URI: http://wp-rocket.me
*/
add_filter( 'wp', '__deactivate_rocket_lazyload_if_page' );
function __deactivate_rocket_lazyload_if_page() 
{
	if( is_product() ) {
		add_filter( 'do_rocket_lazyload', '__return_false' );
	}
}<br>
	
3
Sauvegardez le fichier sous le nom : wprocket-fix.php (vous pouvez lui donner le nom que vous voulez, celui-ci est juste une suggestion)
4
Téléchargez ce fichier au dossier mu-plugins