Dans cet article, nous allons présenter l’un des sujets les plus importants lors du développement de thèmes ou de plugins WordPress pour WordPress: 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. Les crochets WordPress sont un système événementiel qui vous permet d’ajouter votre propre nouveau code ou de modifier le code existant dans l’écosystème WordPress.
Crochets WooCommerce
Les hooks 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 WordPresss et / ou de la boutique WooCommerce.
Les crochets sont utilisés dans WooCommerce également, permettant aux développeurs d’ajouter facilement leurs propres fonctions personnalisées via des crochets d’action, ou de modifier les fonctionnalités intégrées dans le plugin WooCommerce pour personnaliser davantage votre boutique en ligne via les crochets de filtre.
Actions et filtres WooCommerce:
Il existe 2 types différents de crochets que vous pouvez utiliser pour personnaliser davantage votre boutique WooCommerce. Bien qu’il soit recommandé de NE PAS modifier directement votre thème ou vos fichiers de plug-in, il est recommandé de créer un thème enfant puis insérez vos extraits de code php dans le fichier functions.php, ou vous pouvez utiliser le WooCustomizer plugin qui vous permet d’éditer de nombreux filtres sans avoir besoin de savoir coder.
Crochets d’actions:
Les crochets d’action sont placés dans WooCommerce à l’aide du do_action( ‘action_name’ ) , et 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 le add_action () une fonction.
Exemple:
add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}
Vous dites donc simplement au code WooCommerce – “ajouter mon action lorsque cette action do_action s’exécute“.
Crochets de filtre:
Les crochets de filtre sont appelés dans WooCommerce à l’aide du apply_filter( 'filter_name', $variable ) une fonction. 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 passez une variable qui existe déjà, et utilisez votre fonction pour manipuler la sortie à ce que vous voulez qu’elle soit.
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 vos propres fonctions php à l’aide des crochets WooCommerce vous-même?
Personnalisez votre boutique WooCommerce avec WooCustomizer
Jetez un œil à la nouvelle WooCustomizer plugin… WooCustomizer est livré avec de nombreuses fonctionnalités pour éditer et personnaliser davantage votre boutique WooCommerce sans avoir aucune connaissance en codage ni avoir besoin d’ajouter votre propre code.
WooCustomizer propose de nombreux crochets WooCommerce existants pour éditer et ajouter des fonctionnalités supplémentaires à votre boutique WooCommerce.
Quelques fonctionnalités que le plugin WooCustomizer offre:
- Modifier les bannières “En solde” des produits 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 “Epuisé” à vos produits Shop
- Personnalisez la conception des boutons Ajouter au panier, des bannières de vente, etc.
- 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
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 comprend:
Mode catalogue pour WooCommerce
Supprimez facilement toutes les fonctionnalités «ajouter 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, 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 remerciements personnalisées pour WooCommerce, en utilisant l’éditeur WordPress par défaut ou tout autre constructeur de page 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 façon 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 facilement au panier ou de parcourir 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
Vous aidez les utilisateurs à trouver vos produits plus rapidement? Ajoutez une simple recherche de produits ajax à votre barre de recherche, zones de widgets ou page boutique, pour afficher une prédiction de produits lorsque vos utilisateurs commencent à taper pour rechercher vos produits.
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 liste déroulante afin que vos utilisateurs puissent ajouter ou supprimer des produits, afficher leur panier ou passer directement à la caisse.
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 comment fonctionnent les 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.
Notez s’il vous plaît: N’oubliez pas que ce code doit toujours être ajouté à un thème enfant ou à un plugin de personnalisation du site afin que vous ne perdiez pas les modifications lorsque vous mettez à jour votre thème WordPress.
Si vous n’êtes toujours pas certain 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, tous intégrés dans WP Customizer, en plus il offre beaucoup plus comme les statistiques du produit, les éléments de menu de connexion / déconnexion et bien plus encore.
