Voulez ajouter lamp;rsquoonglet produits personnalisés à la page produits woocommerce? Tu es au bon endroit. Dans nous montrerons comment afficher lamp;rsquoonglet produits personnalisés sur la page produits de la boutique en ligne. Mais avant damp;rsquoaller plus loin, apprenez nous ce quamp;rsquoest un onglet produit et pourquoi voudrez peut être ajouter un onglet produit personnalisé à la page produits woocommerce. Commençons par une brève introduction au concept de base de la carte produit. Quelles sont les cartes produites par woocommerce? Lamp;rsquoonglet produits permet damp;rsquoorganiser des pages de produits en groupant des informations similaires dans un ou plusieurs onglets. Chaque carte contient un ensemble spécifique de données et est séparée des autres détails du produit. De cette façon, lamp;rsquoinformation devient accessible, moins désordonnée, visuellement agréable et facile à comprendre.
Aujourdamp;rsquohui, la plupart des produits ont beaucoup damp; importantes à transmettre aux acheteurs. Mais il peut être compliqué damp;rsquohéberger toutes ces informations en un seul endroit. Camp;rsquoest pourquoi voyez souvent plusieurs onglets produits sur la page produits, comme une brève description, une description détaillée, des spécifications techniques, des commentaires, etc. Jamp;rsquoespère que cela donnera une idée de la liste des produits. Examinons maintenant certaines des raisons pour lesquelles pourriez avoir besoin damp;rsquoajouter des onglets de produits personnalisés à woocommerce. Pourquoi ajouter un onglet produit personnalisé à woocommerce? Nous avons vu ci dessus que les fiches de produits sont un bon moyen damp;rsquoorganiser lamp;rsquoinformation sur les produits. Cependant, lamp;rsquoonglet par défaut namp;rsquoa pas assez damp;rsquoespace pour saisir toutes les autres informations. souhaitez inclure une description détaillée, des spécifications techniques, des fiches techniques, des tutoriels vidéo, etc.? Vous aurez du mal à organiser toutes ces informations avec lamp;rsquoonglet par défaut.
Cependant, ajoutez le tableau des produits par
Nouveau module damp;rsquoonglet personnalisé. Dans le nouveau formulaire damp;rsquoonglet, spécifiez le titre de lamp;rsquoonglet et ajoutez le contenu connexe. Namp;rsquohésitez pas à ajouter du texte, des images, des liens, du contenu multimédia, etc. De plus, pouvez ajouter plusieurs onglets personnalisés en cliquant sur le bouton Ajouter des onglets en bas. avez plusieurs onglets personnalisés, pouvez modifier lamp;rsquoordre en utilisant les flèches de lamp;rsquoonglet ordre de déplacement. Une fois terminé, appuyez sur Save tabs pour enregistrer lamp;rsquoonglet personnalisé que venez de créer.
Et voilà! Camp;rsquoest si simple. Vous avez maintenant créé votre propre table de produits personnalisée. Allez maintenant à lamp;rsquoavant de la page produits pour voir lamp;rsquoonglet personnaliser sur le site. Cependant, lamp;rsquoajout de cartes personnalisées à plusieurs produits peut être épuisant et namp;rsquoest pas une méthode efficace. Camp;rsquoest pourquoi le plug in a la capacité damp;rsquoenregistrer la carte. Jetons un coup damp;rsquooeil aux onglets enregistrés pour voir comment les ajouter aux produits woocommerce. 1,3. Créer un onglet enregistré un onglet enregistré est utilisé comme modèle et pouvez lamp;rsquoenregistrer pour une utilisation ultérieure. Après avoir créé un onglet enregistré, pouvez lamp;rsquoajouter au produit en quelques étapes simples. Par conséquent, les onglets enregistrés rendent lamp;rsquoajout damp;rsquoonglets personnalisés à plusieurs produits rapide et facile.
Pour créer un onglet enregistré, allez au tableau de bord administratif du WP et cliquez sur feuilles de produits personnalisées. Ici, verrez une liste de tous les onglets enregistrés précédemment créés. Maintenant, cliquez sur le bouton Ajouter un onglet en haut, qui mènera au nouveau module damp;rsquoonglet. Dans le nouveau formulaire damp;rsquoonglet, spécifiez le titre de lamp;rsquoonglet et ajoutez un nom comme référence. Ensuite, ajoutez le contenu de la carte. Cela peut comprendre du texte, des images, des fichiers médias, des liens, etc. Lorsque êtes satisfait de toutes les modifications, cliquez sur le bouton Enregistrer lamp;rsquoonglet pour enregistrer lamp;rsquoonglet.
Oui, pouvez ajouter autant damp;rsquoonglets que le souhaitez
À utiliser ultérieurement. Pour trouver tous les onglets enregistrés que avez créés, allez au tableau de bord WP admin amp;gt feuilles de produits personnalisées. Ici, trouverez tous les onglets enregistrés et pouvez modifier, supprimer ou ajouter de nouveaux onglets à partir de là. Après avoir créé un onglet enregistré, pouvez lamp;rsquoajouter à namp;rsquoimporte quel produit en quelques clics. Voyons ce quamp;rsquoon va faire. 1,4. Ajouter une carte enregistrée à un produit woocommerce le processus damp;rsquoajout damp;rsquoune carte enregistrée à un produit est similaire au processus damp;rsquoajout damp;rsquoune carte normale. Allez à la page modifier le produit et faites défiler vers le bas vers la section données du produit. Cliquez sur la carte personnalisée, puis cliquez sur le bouton Ajouter une carte enregistrée. Sélectionnez lamp;rsquoonglet à ajouter dans la liste des onglets enregistrés. Il charge toutes les données de lamp;rsquoonglet sélectionné. Vous pouvez maintenant simplement enregistrer tel quel ou apporter les modifications nécessaires. Vous pouvez ajouter damp;rsquoautres onglets personnalisés en cliquant sur le bouton approprié et réorganiser les onglets en fonction de vos préférences. Enfin, il y a une case à cocher pour écraser la carte enregistrée. Fondamentalement, déconnectez la carte de la carte de sauvegarde originale. Par conséquent, à lamp;rsquoavenir, si apportez des modifications à une carte enregistrée, ces modifications ne samp;rsquoappliqueront pas à ce produit. Dès que enregistrez lamp;rsquoonglet produit personnalisé, il apparaît sur la page produit. Pour vérifier, allez à lamp;rsquoavant du site, allez à la page produits et Consultez vos onglets personnalisés. Ci dessus, nous avons vu comment ajouter des onglets de produits personnalisés dans woocommerce en utilisant des plug ins tiers. Cependant, il existe une autre façon damp;rsquoobtenir la même fonctionnalité, par exemple. Utilisez un fragment de code personnalisé. Voyons comment ajouter programmatiquement lamp;rsquoonglet produits personnalisés à la page produits woocommerce. 2. Ajouter un onglet produit personnalisé de façon programmatique
Passer à un fragment de code pour ajouter un onglet produit personnalisé à woocommerce, commençons par voir comment ajouter un fragment de code à woocommerce. 2.1. Tout damp;rsquoabord, nous recommandons fortement de créer une sauvegarde complète du site et damp;rsquoéditer le fichier de fonctions en utilisant le Sous thème. Php. ne savez pas, consultez notre guide sur la façon de créer des sous thèmes. Ou, si ne voulez pas lamp;rsquoexécuter manuellement, vérifiez ces plug ins de sous thèmes. Une fois que avez créé le Sous thème, allez au tableau de bord de la gestion du WP, puis allez à apparence amp;gt Éditeur de thème. Assurez de sélectionner le Sous thème et damp;rsquoouvrir le fichier de fonctions. Php. Vous pouvez maintenant ajouter votre propre fragment de code personnalisé à la fin de la fonction fichier. Php. Lorsque avez terminé, cliquez sur le bouton mettre à jour le fichier pour que les modifications entrent en vigueur. Alternativement, pouvez utiliser le plug in fragment pour ajouter un fragment personnalisé à votre site. Tout d’abord, devez installer le plugin à partir du dépôt WordPress. Il suffit damp;rsquoaller au tableau de bord de lamp;rsquoadministration du WP amp;gt plugins amp;gt Ajouter nouveau. Recherchez le plug in de fragment de code et installez le sur votre site. Ensuite, à partir du tableau de bord de lamp;rsquoadministration du WP, allez aux paramètres du plug in et cliquez sur le bouton Ajouter un nouveau fragment pour ajouter un fragment personnalisé. Oui, pouvez ajouter autant de fragments personnalisés que nécessaire. Un aspect intéressant de lamp;rsquoutilisation du plug in est que namp;rsquoavez pas besoin de créer de sous thèmes parce que le plug in lui même traite des fragments de code. Cependant, en cas de problème, il est toujours recommandé damp;rsquoutiliser des sous thèmes pour protéger votre site. Maintenant que avez appris à ajouter des fragments de code à un site WordPress, regardons comment utiliser des fragments de code personnalisés pour ajouter des onglets de produits personnalisés à woocommerce. 2,2. Aggi
2,3. Pour ajouter une carte de produit personnalisée à un produit spécifique seulement, devez damp;rsquoabord obtenir lamp;rsquoID du produit pour lequel voulez ajouter la carte personnalisée. Allez au tableau de bord de la gestion du WP, puis allez aux produits amp;gt tous les produits. Passez le curseur sur le produit désiré et il affichera lamp;rsquoID du produit. Enregistrez cet id de produit parce que nous devons lamp;rsquoajouter au fragment plus tard. Copiez et collez le fragment de code suivant dans le fichier de fonction. Un plug in PHP ou fragment de code, quelle que soit la méthode utilisée. Namp;rsquooubliez pas de remplacer le substituant damp;rsquoidentification du produit par lamp;rsquoID du produit réel. ajouter un nouvel onglet produit personnalisé
Ajouter un filtre (
QL _ specific Custom Product tab ($tab) {
Produits mondiaux en dollars
Il prend lamp;rsquoID du produit. Remplacer par lamp;rsquoID réel du produit
($product amp;gt get _ ID () = = 1911)
Ajouter un nouvel onglet
Pour ajouter plus damp;rsquoonglets, mettez à jour lamp;rsquoétiquette de chaque nouvel onglet dans $tabs [amp;lsquoXYZ], par exemple Custom _ Tab, my new tab, etc.
$tabs [amp;lsquospecific _ Product tabamp;rsquo] = array
« title amp;lsquo= amp;gt UU (amp;lsquo specific Product Sheet amp;lsquo,amp;rsquo woocomberce amp;lsquo), changeamp;rsquo specific Product Sheet amp;lsquoto any text required
« callback» = amp;gt « QL _ specific Product Tab content»
)
}
Retourner la carte $
}
Ajouter du contenu à la table de produits personnalisée
Fonction QL _ specific Product tab content () {
Personnaliser le contenu de la carte
Vous pouvez ajouter namp;rsquoimporte quel Code PHP ici, qui apparaîtra dans lamp;rsquoonglet personnalisé que venez de créer
Echo
Echo
Echo
Camp;rsquoest tout. Lamp;rsquoonglet produits personnalisés que venez de créer samp;rsquoapplique maintenant au produit désiré et namp;rsquoaffiche que le produit. Une mission
Alternativement, voyez un fragment de code pour ajouter un onglet produit personnalisé pour un seul produit et tous les produits dans woocommerce. Examinons plus en détail damp;rsquoautres fragments de code utilisés pour personnaliser lamp;rsquoonglet produit. 2,4. Renommer un onglet produit parfois, devrez peut être remplacer le titre de lamp;rsquoonglet personnalisé, ou même changer le nom de lamp;rsquoonglet par défaut. Par exemple, voudrez peut être changer lamp;rsquoonglet commentaires en cotes damp;rsquoécoute pour une émission de télévision ou un film. Utilisez le fragment de code suivant pour modifier facilement le titre du produit personnalisé Renommer lamp;rsquoonglet produit dans woocommerce
Ajouter un filtre (amp;lsquowoocomberce _ Product tabsamp;rsquo,amp;rsquo QL Rename Product tabsamp;rsquo, 98)
QL _ name Product tab ($tab)
Remplacer lamp;rsquoétiquette de la carte dans le tableau $tabs [amp;lsquoXYZamp;rsquo] par lamp;rsquoétiquette de la carte réelle
$tab [amp;lsquoReviewamp;rsquo] [amp;lsquotitleamp;rsquo] = UU (amp;lsquoRatingsamp;rsquo) Renommer lamp;rsquoonglet examen
$tab [amp;lsquoCustom _ tabamp;rsquo] [amp;lsquotitleamp;rsquo] = U (amp;lsquoUpdate Custom tabamp;rsquo) Renommer lamp;rsquoonglet personnalisé créé par lamp;rsquoutilisateur.
Retourner la carte $
Camp;rsquoest génial. Votre onglet produit est maintenant renommé. Vous pouvez maintenant accéder à lamp;rsquoavant du site et vérifier vos propres changements. 2,5. Le fragment de code suivant permet de modifier lamp;rsquoordre des onglets produits. Il fonctionne sur la base des valeurs de priorité. Plus le nombre est petit, plus la priorité est élevée, plus le nombre est grand, plus la priorité est faible. Ensuite, affichez damp;rsquoabord lamp;rsquoonglet le plus prioritaire, puis lamp;rsquoonglet suivant dans la ligne, et lamp;rsquoonglet le moins prioritaire sera à la dernière position. regardez le code ci dessous, utilisez certains onglets produits pour démontrer comment il fonctionne. nécessaire, pouvez ajouter plusieurs onglets produits et les réorganiser en fonction de vos préférences. Il faut que ça samp;rsquoarrête.
, allez au menu catalogue de produits. Allez maintenant à la section tri des produits par défaut et cliquez sur le menu déroulant. Sélectionnez la méthode de tri préférée et appuyez sur publish pour enregistrer les modifications.
Camp;rsquoest chouette. Vous avez maintenant choisi la méthode de classification des produits préférée. Toutefois, ce ne sont pas les seuls moyens de commander des produits. Vous pouvez commander des produits woocommerce de nombreuses autres façons. êtes intéressé, consultez notre guide détaillé sur la façon de commander des produits woocommerce. Conclusion en résumé, les onglets produits personnalisés sont utiles parce quamp;rsquoils peuvent aider à présenter lamp;rsquoinformation sur le produit de façon plus structurée. En organisant lamp;rsquoinformation sur le produit en onglets individuels, les clients peuvent facilement trouver lamp;rsquoinformation dont ils ont besoin et prendre de meilleures décisions damp;rsquoachat. De plus, il permet aux propriétaires de magasins damp;rsquoajouter toutes les informations importantes sur les produits sans avoir à remplir la page entière ou à surcharger les utilisateurs. Damp;rsquoune certaine façon, camp;rsquoest une victoire pour tout le monde. En résumé, nous avons vu plusieurs façons damp;rsquoajouter des onglets de produits personnalisés à woocommerce: en utilisant les plug ins de façon programmatique, nous avons commencé par le plug in de la table de produits personnalisée de woocommerce et nous avons appris comment ajouter des onglets de produits personnalisés en utilisant les plug ins. Nous avons également vu sa fonction Save Card, qui nous permet de sauvegarder les cartes fréquemment utilisées pour une utilisation ultérieure. Ensuite, nous avons examiné le fragment de code pour ajouter un onglet produit personnalisé à woocommerce. Nous avons vu des fragments qui ajoutent des tables de produits à tous les produits et à des produits spécifiques. De plus, nous avons examiné les fragments de code pour renommer, réorganiser et supprimer les onglets produits. Enfin, nous concluons en examinant les options juridiques
