Personnalisez votre boutique WooCommerce à l'aide de crochets WordPress

Dernière mise à jour - 24 février 2020

Dans cet article, nous allons introduire l'un des sujets les plus importants lors du développement de thèmes WordPress ou de plugins pour WordPress : les crochets WordPress , et nous expliquerons la différence entre les crochets d'action et les crochets de filtre.

Les crochets sont intégrés dans le noyau WordPress, la plupart des thèmes WordPress et tous les meilleurs plugins WordPress. WordPress Hooks est un système piloté par les événements qui vous permet d'ajouter votre propre nouveau code ou de modifier le code existant dans l'écosystème WordPress.

Crochets WooCommerce

Les crochets WordPress sont essentiellement des fonctions php qui vous permettent d'ajouter votre propre code à WordPress ou de modifier le code existant dans WordPress sans avoir à modifier les fichiers principaux lors de la personnalisation de votre site WordPress et/ou de votre boutique WooCommerce.

Les crochets sont également utilisés dans WooCommerce , permettant aux développeurs d'ajouter facilement leurs propres fonctions personnalisées via des crochets d'action, ou de modifier la fonctionnalité intégrée au plugin WooCommerce pour personnaliser davantage votre boutique en ligne via les crochets de filtre.

Actions et filtres WooCommerce :

Il existe 2 types de crochets différents que vous pouvez utiliser pour personnaliser davantage votre boutique WooCommerce. Bien qu'il soit recommandé de NE PAS modifier directement vos fichiers de thème ou de plugin, il est recommandé soit de créer un thème enfant , puis d'insérer vos extraits de code php dans le fichier functions.php, soit d'utiliser le plugin WooCustomizer qui vous permet modifier un grand nombre de filtres sans avoir besoin de savoir coder.

Crochets d'actions :

Les crochets d'action sont placés dans WooCommerce à l'aide de la do_action( 'action_name' ) . Ainsi, vous pouvez utiliser le nom de l'action pour spécifier où vous souhaitez exécuter le code que vous ajoutez.

Pour ajouter votre code personnalisé, vous créez simplement une nouvelle fonction php avec votre code à l'intérieur, et vous spécifiez où vous voulez que le code s'exécute en ajoutant le nom de l'action comme premier paramètre dans la fonction add_action() .

Exemple:

add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}

Donc, vous dites simplement au code WooCommerce - " ajouter mon action lorsque cette action do_action s'exécute ".

Crochets de filtre :

Les hooks de filtre sont appelés dans WooCommerce à l'aide de la apply_filter( 'filter_name', $variable ) . Cela vous permet de manipuler la variable transmise à la fonction, puis de renvoyer la valeur de la variable selon vos besoins.

Exemple:

add_filter( 'filter_name', 'your_custom_function_name' );
function your_custom_function_name( $variable ) {
// Your code editing the variable
return $variable;
}

Semblable au crochet d'action, vous créez votre propre fonction php et spécifiez sur quel filtre l'utiliser, mais cette fois vous transmettez une variable qui existe déjà et utilisez votre fonction pour manipuler la sortie selon vos besoins.

Avec les crochets de filtre, vous devez renvoyer une valeur .

Vous n'êtes pas sûr de créer un thème enfant, d'ajouter ou de modifier vous-même vos propres fonctions php à l'aide des crochets WooCommerce ?

Personnalisez votre boutique WooCommerce avec WooCustomizer

Jetez un œil au nouveau plugin WooCustomizer … WooCustomizer est livré avec de nombreuses fonctionnalités pour éditer et personnaliser davantage votre boutique WooCommerce sans avoir aucune connaissance en codage ou avoir besoin d'ajouter votre propre code.

WooCustomizer propose de nombreux crochets WooCommerce existants pour l'édition et l'ajout de fonctionnalités supplémentaires à votre boutique WooCommerce.

Certaines fonctionnalités que propose le plugin WooCustomizer :

• Modifier les bannières de produits "En vente" pour les pages Boutique et Produits
• Modifier les boutons "Ajouter au panier" pour les différents types de produits
• Supprimez tous les éléments de la page Boutique, Produit, Compte utilisateur et/ou Panier
• Ajoutez des bannières "Nouveau produit" ou "Épuisé" aux produits de votre boutique
• Personnalisez le design des boutons Ajouter au panier, des bannières de vente et plus encore
• Modifier les onglets de compte d'utilisateur et les champs de paiement de base pour les utilisateurs
• Ajouter des statistiques sur les produits à l'interface du site Web pour les utilisateurs administrateurs
• Ajouter un élément de menu Connexion / Déconnexion à n'importe quel menu choisi

+ beaucoup plus

Télécharger WooCustomizer

Vous en voulez plus pour votre boutique WooCommerce ?

WooCustomizer est également livré avec une version premium qui offre beaucoup plus pour augmenter les ventes et ajouter des fonctionnalités supplémentaires utiles à votre boutique WooCommerce.

WooCustomizer Pro inclut :

Mode catalogue pour WooCommerce

Supprimez facilement toutes les fonctionnalités d'ajout au panier et d'achat de votre boutique WooCommerce, transformant votre boutique en un magnifique catalogue en ligne. Appliquez ces paramètres à tous les produits, aux produits sélectionnés ou uniquement aux utilisateurs déconnectés, en invitant les utilisateurs à créer un compte et à se connecter pour acheter vos produits.

Pages de remerciement personnalisées pour WooCommerce

WooCustomizer offre la possibilité de créer vos propres pages de remerciement personnalisées pour WooCommerce, en utilisant l'éditeur WordPress par défaut ou tout autre constructeur de pages que vous aimez. Redirigez le client vers votre nouvelle page de remerciement par défaut, redirigez-le vers différentes pages en fonction des produits qu'il a achetés ou redirigez-le vers des pages en fonction de la manière dont il a acheté les produits dans votre boutique.

Aperçu rapide du produit pour WooCommerce

Donnez à vos utilisateurs la possibilité de prévisualiser les informations complètes sur le produit et de les "ajouter au panier" ou de parcourir facilement les images à partir d'une fenêtre contextuelle sur votre boutique ou vos pages d'archives. Cela aide vos utilisateurs à parcourir le magasin plus rapidement.

Recherche WooCommerce Ajax

Aidez les utilisateurs à trouver vos produits plus rapidement ? Ajoutez une simple recherche de produits ajax à votre barre de recherche, aux zones de widgets ou à la page de la boutique, pour afficher une prédiction des produits lorsque vos utilisateurs commencent à taper pour rechercher vos produits.

Panier de menus WooCommerce

Activez le panier de menu WooCustomizers pour WooCommerce et sélectionnez le menu dans lequel vous souhaitez afficher un panier WooCommerce. Ajoutez un mini panier de panier déroulant afin que vos utilisateurs puissent ajouter ou supprimer des produits, afficher leur panier ou passer directement à la caisse.

Afficher WooCustomizer

Utilisez notre coupon spécial pour recevoir 15% de réduction sur votre premier achat pour WooCustomizer

LW15OFF

Commencez à éditer avec des crochets !

Maintenant que vous comprenez le fonctionnement des hooks WordPress dans WordPress et WooCommerce, vous pouvez facilement ajouter ou modifier les fonctionnalités dont vous avez besoin sur votre boutique en ligne WooCommerce.

Remarque : n'oubliez pas que ce code doit toujours être ajouté à un thème enfant ou à un plugin de personnalisation de site afin que vous ne perdiez pas les modifications lorsque vous mettez à jour votre thème WordPress.

Si vous n'êtes toujours pas sûr d'ajouter votre propre code pour modifier davantage votre boutique WooCommerce, nous vous recommandons d'essayer le plugin WooCustomizer . Il prend tous les crochets WooCommerce disponibles et crée une interface visuelle dans laquelle éditer le code, le tout intégré au WP Customizer, et offre bien plus encore, comme des statistiques sur les produits, des éléments de menu de connexion/déconnexion et bien plus encore.