Comment corriger la description qui ne se met pas à jour avec BEAR et Elementor

Si vous cherchez comment modifier des descriptions en masse plutôt que résoudre un problème d'enregistrement, consultez l'édition en masse des descriptions de produits WooCommerce.

Le problème

Pourquoi cela n'arrive qu'avec Elementor

La solution

Solution 1 : vider tout le cache d'Elementor (recommandé)

/**
 * Clear Elementor cache after product update via BEAR
 * This ensures description changes appear immediately on frontend
 */
add_action('woocommerce_update_product', 'woobe_clear_elementor_cache', 10, 1);

function woobe_clear_elementor_cache($product_id) {
    // Check if Elementor is active
    if (!did_action('elementor/loaded')) {
        return;
    }

    // Clear Elementor global cache
    if (class_exists('\Elementor\Plugin')) {
        \Elementor\Plugin::instance()->files_manager->clear_cache();
    }
}

• Se déclenche à chaque fois que WooCommerce met à jour un produit (y compris les mises à jour via BEAR)
• Vérifie si Elementor est actif
• Vide tout le cache CSS et de données d'Elementor
• Elementor régénère automatiquement le cache au prochain chargement de page

• Simple et fiable
• Fonctionne pour tous les produits
• Aucune logique spécifique au produit nécessaire

• Vide le cache de toutes les pages, pas seulement du produit mis à jour
• Léger impact sur les performances pour les grands sites avec beaucoup de pages Elementor

Solution 2 : régénérer le CSS uniquement pour un produit spécifique

/**
 * Regenerate Elementor CSS for specific product after update
 * More efficient - only regenerates CSS for the updated product
 */
add_action('woocommerce_update_product', 'woobe_regenerate_product_elementor_css', 10, 1);

function woobe_regenerate_product_elementor_css($product_id) {
    // Check if Elementor is active
    if (!did_action('elementor/loaded')) {
        return;
    }

    if (!class_exists('\Elementor\Plugin')) {
        return;
    }

    // Check if this product page is built with Elementor
    $document = \Elementor\Plugin::$instance->documents->get($product_id);
    
    if ($document AND $document->is_built_with_elementor()) {
        // Regenerate CSS for this specific product
        $css_file = \Elementor\Core\Files\CSS\Post::create($product_id);
        $css_file->update();
        
        // Clear product cache
        delete_post_meta($product_id, '_elementor_css');
    }
}

• Se déclenche lorsqu'un produit est mis à jour
• Vérifie si la page produit utilise Elementor
• Régénère le CSS uniquement pour ce produit spécifique
• Plus efficace que de vider tout le cache

• N'affecte que le produit mis à jour
• Meilleures performances sur les grands sites
• Ne vide pas le cache des pages non concernées

• Code légèrement plus complexe
• Ne fonctionne que si la page produit est construite avec Elementor

Solution 3 : vider le cache après les opérations en masse (efficace pour les opérations en masse)

/**
 * Clear Elementor cache once after bulk edit completes
 * Most efficient for bulk operations
 */
add_action('woobe_after_bulk_edit', 'woobe_clear_elementor_after_bulk');

function woobe_clear_elementor_after_bulk() {
    // Check if Elementor is active
    if (!did_action('elementor/loaded')) {
        return;
    }

    // Clear all Elementor cache
    if (class_exists('\Elementor\Plugin')) {
        \Elementor\Plugin::instance()->files_manager->clear_cache();
    }
}

• Utilise le hook woobe_after_bulk_edit de BEAR
• Ne vide le cache qu'UNE SEULE FOIS après la mise à jour de tous les produits
• Beaucoup plus efficace que de le vider après chaque produit

• Meilleures performances pour les opérations en masse
• Cache vidé une seule fois par édition en masse
• Réduit considérablement la charge serveur

• Ne fonctionne que pour les opérations en masse
• Ne vide pas le cache pour les mises à jour de produits individuels

Solution 4 : approche combinée (le meilleur des deux mondes)

/**
 * Combined approach: Clear cache after bulk operations
 * and for individual product updates
 */

// Track if we're in a bulk operation
global $woobe_bulk_operation_active;
$woobe_bulk_operation_active = false;

// Set flag when bulk operation starts
add_action('woobe_before_bulk_edit', function() {
    global $woobe_bulk_operation_active;
    $woobe_bulk_operation_active = true;
});

// Clear cache once after bulk operation completes
add_action('woobe_after_bulk_edit', function() {
    global $woobe_bulk_operation_active;
    $woobe_bulk_operation_active = false;
    
    if (!did_action('elementor/loaded')) {
        return;
    }

    if (class_exists('\Elementor\Plugin')) {
        \Elementor\Plugin::instance()->files_manager->clear_cache();
    }
});

// Clear cache for individual product updates (not during bulk)
add_action('woocommerce_update_product', function($product_id) {
    global $woobe_bulk_operation_active;
    
    // Skip if we're in a bulk operation (cache will be cleared after)
    if ($woobe_bulk_operation_active) {
        return;
    }
    
    if (!did_action('elementor/loaded')) {
        return;
    }

    if (class_exists('\Elementor\Plugin')) {
        \Elementor\Plugin::instance()->files_manager->clear_cache();
    }
}, 10, 1);

• Suit si une opération en masse est en cours
• Pendant les opérations en masse : ne vide le cache qu'une seule fois à la fin
• Pour les mises à jour individuelles : vide le cache immédiatement
• Le meilleur des deux mondes

Quelle solution utiliser ?

Choisissez la solution 1 (vider tout le cache) si :

• Vous avez un site de petite ou moyenne taille
• Vous modifiez les produits individuellement la plupart du temps
• Vous voulez la solution la plus simple
• La performance n'est pas un enjeu critique

Choisissez la solution 2 (produit spécifique) si :

• Vous avez un grand site avec de nombreuses pages Elementor
• Vous n'utilisez Elementor que pour certaines pages produit spécifiques
• Vous voulez minimiser l'impact sur les performances
• Un code légèrement plus complexe ne vous pose pas de problème

Choisissez la solution 3 (masse uniquement) si :

• Vous utilisez principalement l'édition en masse
• Vous mettez rarement à jour des produits individuellement
• La performance est critique
• Vous effectuez de grandes opérations par lot (100+ produits)

Choisissez la solution 4 (combinée) si :

• Vous utilisez à la fois l'édition individuelle et en masse
• Vous voulez une performance optimale dans tous les scénarios
• Vous avez un grand site
• Vous voulez la solution la plus complète

Tester votre solution

1. Videz tous les caches (navigateur, WordPress, serveur) pour repartir de zéro
2. Modifiez une description de produit via BEAR
3. Ouvrez la page produit sur le front-end (pas dans l'éditeur Elementor)
4. Actualisez votre navigateur en mode forcé (Ctrl+F5 ou Cmd+Shift+R)
5. Vérifiez que le changement apparaît sur le front-end

• Assurez-vous d'utiliser un thème enfant
• Vérifiez qu'Elementor est actif : allez dans Extensions → Extensions installées
• Vérifiez les erreurs PHP : activez WP_DEBUG dans wp-config.php
• Essayez d'abord la solution 1 (la plus simple et la plus fiable)

Remarques importantes sur la mise en cache d'Elementor

Ce qu'Elementor met en cache :

• Fichiers CSS : stockés dans /wp-content/uploads/elementor/css/
• Structure de la page : mise en page du contenu dynamique
• Données de widgets : configurations des éléments Elementor

Ce que fait le vidage du cache :

• Supprime les anciens fichiers CSS
• Force Elementor à régénérer les styles
• Applique les derniers changements de contenu

Ce que le vidage du cache NE fait PAS :

• Supprimer votre contenu - toutes les données produit restent intactes
• Casser la mise en forme Elementor - les mises en page et designs sont préservés
• Supprimer les designs Elementor - seuls les fichiers de cache sont vidés, pas les données de design

Considérations de performance :

• Après le vidage du cache, le premier chargement de page peut être légèrement plus lent
• Elementor régénère automatiquement les fichiers CSS lors de la première visite
• Les visites suivantes seront à nouveau rapides
• Ceci est un comportement normal

Dépannage

Les changements n'apparaissent toujours pas après l'ajout du code :

• Vérifiez que vous modifiez bien un thème enfant
• Vérifiez les journaux d'erreurs PHP pour des erreurs de syntaxe
• Assurez-vous que les noms de hooks sont corrects
• Testez d'abord avec la solution 1

• Videz le cache de votre navigateur (Ctrl+F5)
• Videz toute extension de cache WordPress (WP Rocket, W3TC, etc.)
• Videz le cache au niveau du serveur (vérifiez le tableau de bord de votre hébergeur)
• Videz le cache CDN si vous utilisez Cloudflare ou similaire

• Ceci est normal - le cache est en cours de régénération
• Le premier chargement de page sera plus lent
• La performance s'améliore une fois le cache reconstruit
• Envisagez d'utiliser la solution 3 ou 4 pour de meilleures performances

Conflits avec d'autres extensions de cache :

// Example: Also clear WP Rocket cache
add_action('woocommerce_update_product', function($product_id) {
    // Clear Elementor cache (from solutions above)
    if (class_exists('\Elementor\Plugin')) {
        \Elementor\Plugin::instance()->files_manager->clear_cache();
    }
    
    // Also clear WP Rocket cache
    if (function_exists('rocket_clean_post')) {
        rocket_clean_post($product_id);
    }
}, 10, 1);

Bonnes pratiques

1. Utilisez toujours un thème enfant - les mises à jour du thème effaceraient les modifications du thème parent
2. Sauvegardez avant d'ajouter du code - sauvegardez toujours functions.php avant de le modifier
3. Testez d'abord sur un environnement de préproduction - testez le code sur un site de staging si possible
4. Surveillez les performances - utilisez des outils comme GTmetrix pour surveiller la vitesse du site
5. Videz tous les caches lors des tests - navigateur, WordPress, serveur et CDN
6. Choisissez la bonne solution - trouvez l'équilibre entre simplicité et performance selon vos besoins

Alternative : vidage manuel du cache

1. Après avoir mis à jour les produits dans BEAR
2. Allez dans Elementor → Outils
3. Cliquez sur Régénérer les fichiers et les données sous l'onglet "Général"
4. Cliquez sur Enregistrer les modifications
5. Actualisez vos pages produit

Résumé

\Elementor\Plugin::instance()->files_manager->clear_cache();