Kadence Teaching : Kadence Shop Kit Plug-in - Fonctionnalité de badge produit

Kit boutique Kadence Le plug-in est WooCommerce La boutique propose de puissantes extensions, dont la fonction de badge produit se démarque. Avec des badges personnalisés, les commerçants peuventMettre en évidence les informations importantes concernant le produitCes badges permettent d'identifier les produits, tels que les promotions, l'état des stocks ou d'autres caractéristiques. Ces badges peuvent aider les commerçants à accroître la visibilité de leurs produits, à attirer l'attention des clients et à améliorer l'expérience d'achat.

Quelle est la caractéristique du badge du produit Kadence Shop Kit ?

Kadence La fonction Badge produit du plugin Shop Kit permet aux marchands d'afficher des informations clés sur leurs produits au moyen de badges personnalisables. Par exemple, les marchands peuvent utiliser des badges pour signaler des offres spéciales, indiquer des ruptures de stock ou mettre en avant de nouveaux produits.Styles de badgesetplacementrépondre en chantantélémentTous ces éléments peuvent être adaptés de manière flexible afin d'être cohérents avec la conception générale du magasin.

Ajouter un nouveau badge

Lorsque la fonction de badge de produit du kit Kadence Shop est activée, les commerçants peuvent facilement les ajouter. Il suffit de suivre les étapes ci-dessous :

• Entrer dans l'interface de gestion du badge
  Naviguez jusqu'à WordPress Dans les coulisses, cliquez sur "Produits" -> "Badges". Sur cette page, cliquez sur la partie supérieure "Ajouter un nouveau badge"pour commencer à créer un nouveau badge.

• Sélectionner le type de badge
  Lors de la création d'un nouveau badge, les commerçants doivent sélectionner un type de badge. Le type de badge détermine le style et l'apparence du badge. Reportez-vous au tableau suivantKadence Avec l'aimable autorisation de Shop KitquatreAvec les principaux types de badges, les commerçants peuvent choisir celui qui convient le mieux à leurs besoins.

Type de badge

Le kit Kadence Shop propose quatre types de badges, chacun répondant à des besoins différents, que les commerçants peuvent choisir au cas par cas :

• Type de badge image
  Ce type de produit permet aux commerçants d'utiliser des images préfabriquées fournies par Kadence comme badges de produits. Ces images peuvent être facilement appliquées aux produits pour identifier des promotions, des offres spéciales ou d'autres informations particulières.

• Types de badges personnalisés
  Les commerçants peuvent télécharger leurs propres images en tant que badges produits et personnaliser entièrement l'aspect du badge. Ils peuvent ainsi concevoir des images de badges uniques en fonction du style de leur marque.

• Types de badges à texte personnalisé
  Les commerçants peuvent personnaliser le texte du badge en saisissant le texte souhaité et en définissant le style de texte. Ce type de badge prend également en charge des options dynamiques permettant d'afficher un texte différent en fonction des différents attributs du produit (par exemple, remise, quantité, etc.).

• Types de badges HTML personnalisés
  personnalisation HTML Les badges permettent aux commerçants de personnaliser leur contenu à l'aide d'un code HTML ou d'un éditeur WYSIWYG (What You See Is What You Get). Les commerçants peuvent insérer du texte, des images ou d'autres contenus multimédias, ce qui offre une flexibilité maximale dans la conception et l'affichage des badges.

Paramètres de l'image du badge

Emplacement du badge
Les commerçants peuvent utiliser les paramètres de position du badge pour déterminer l'endroit où le badge sera affiché sur le produit.

largeur maximale
Les marchands peuvent définir la largeur maximale du badge sur une page de produit unique afin de s'assurer que le badge n'est pas trop grand et n'affecte pas l'esthétique de l'affichage du produit.

Largeur maximale Cycle
Pour les éléments récurrents, tels que les listes de produits dans une page d'archives, les marchands peuvent définir une largeur maximale différente de celle des pages de produits individuelles afin de répondre à des besoins d'affichage différents.

marge
Définissez les marges autour du badge en pixels pour vous assurer qu'il y a suffisamment d'espace entre le badge et le contenu environnant.

rembourrage
Les commerçants peuvent également définir des valeurs de remplissage à l'intérieur du badge, en pixels, afin d'ajouter des marges internes au contenu du badge et de le faire ressortir davantage sur le plan visuel.

Paramètres de conception graphique

Le plug-in Kadence Shop Kit offre une variété d'options de conception d'image qui permettent aux commerçants de personnaliser davantage l'apparence de leurs badges de produits pour mieux correspondre au style de conception de leur boutique et à leur image de marque.

couleur
utiliser Kadence Lorsque des badges images sont fournis, les commerçants peuvent ajuster la couleur du badge en fonction de leurs besoins.

couleur de fond
Les commerçants peuvent ajouter une couleur d'arrière-plan derrière le fond du badge pour améliorer la visibilité et l'esthétique du badge.

Rayon de la bordure
Le réglage du rayon de la bordure permet d'arrondir les angles du badge du produit et d'obtenir un effet visuel plus doux.

Largeur de la bordure
Les marchands peuvent définir la largeur de la bordure de l'insigne du produit en pixels.

Couleur de la bordure
Si un commerçant choisit d'utiliser une bordure, la couleur de la bordure peut être ajustée de manière à ce que la bordure du badge soit coordonnée avec la conception générale de la page, ce qui permet d'obtenir un meilleur impact visuel et un meilleur contrôle.

Image du badge
Lors de la sélection d'un badge image personnalisé, les commerçants peuvent utiliser ce paramètre pour télécharger ou ajouter des fichiers multimédias à utiliser comme images pour les badges produits. Ils peuvent ainsi utiliser des images de leur propre conception pour renforcer l'identité de leur marque.

Emplacement du badge
Les commerçants peuvent définir la position de l'insigne sur l'image du produit, avec des options de positionnement en bas à droite, en bas à gauche, au centre, en haut à droite ou en haut à gauche. Les commerçants peuvent ainsi optimiser l'affichage du badge en fonction de leurs besoins et s'assurer qu'il attire l'attention de leurs clients.

largeur maximale
Les marchands peuvent définir la largeur maximale pour contrôler la taille de l'image personnalisée du badge, en la limitant à une valeur en pixels spécifiée. Ce paramètre s'applique principalement aux pages consacrées à un seul produit, afin d'éviter que le badge ne soit trop grand et n'affecte l'affichage du produit.

Largeur maximale Cycle
Pour les pages d'archives ou autres WooCommerce En ce qui concerne la boucle du produit, les marchands peuvent définir différentes largeurs maximales pour répondre aux différents besoins d'affichage des pages et faire en sorte que la taille du badge corresponde mieux à la mise en page.

Marges et rembourrage
En ajustant les marges et le remplissage (en pixels), les commerçants peuvent optimiser l'emplacement et la présentation des badges. Les marges permettent d'ajuster la distance entre le badge et le contenu environnant, tandis que le remplissage augmente l'espace à l'intérieur du badge, ce qui le rend plus attrayant.

Paramètres de visibilité du badge
Les commerçants peuvent déterminer l'étendue de l'affichage des badges par le biais des paramètres de visibilité des badges. Par exemple, les commerçants peuvent choisir de n'afficher les badges que sur des produits spécifiques, des produits promotionnels ou des produits à faible stock, augmentant ainsi la pertinence et l'efficacité des badges.

couleur de fond
Des couleurs d'arrière-plan peuvent être ajoutées aux badges pour les rendre plus visibles sur les images de produits.

Rayon de la bordure
Le réglage du rayon de la bordure permet d'arrondir les angles du badge et d'en améliorer l'aspect visuel.

Largeur de la bordure
La largeur de la bordure du badge peut être réglée à volonté (en pixels).

Couleur de la bordure
Lorsque la largeur de la bordure est activée, vous pouvez personnaliser la couleur de la bordure.

Texte du badge
Lorsque vous utilisez des badges texte, vous pouvez saisir le contenu à afficher dans les paramètres du texte du badge. Ce texte sera affiché directement sur le badge du produit et utilisé pour communiquer des informations promotionnelles ou l'état du produit.

Emplacement du badge
Les commerçants peuvent placer des badges de texte à différents endroits sur les images des produits, notamment :

• en bas à droite
• en bas à gauche
• interlocutoire
• en haut à gauche
• en haut à droite
  Le choix de différentes positions permet une mise en page flexible en fonction de la conception de la page.

largeur maximale
Définissez la largeur maximale de l'insigne en pixels sur une page de produit unique afin d'éviter que l'insigne ne nuise à l'esthétique générale en raison de la présence d'une plus grande quantité de texte.

Largeur maximale Cycle
Pour les pages de listes de produits (par exemple, la page d'accueil de la boutique, les pages de catégories, etc.), il est possible de définir différentes largeurs maximales afin de garantir un affichage cohérent du badge sur les différentes pages.

Marges et rembourrage
Les marchands peuvent contrôler davantage l'emplacement et l'espace blanc interne de leurs badges en définissant la marge et l'espacement. Un espacement adéquat permet d'améliorer l'impact visuel, rendant le badge plus lisible et reconnaissable sur la page.

Paramètres de visibilité du badge
Permet de spécifier la plage d'affichage des badges. Par exemple, n'afficher que les produits en promotion, les produits en rupture de stock ou certaines catégories pour faciliter la diffusion de messages précis.

couleur
Définir la couleur primaire du texte pour contrôler la couleur du texte affiché sur le badge.

couleur de fond
Ajoutez une couleur d'arrière-plan au badge pour que le texte soit plus clair sur l'image du produit.

taille de la police
Spécifie la taille de la police (en pixels) du texte.

Style de police
Vous pouvez sélectionner le style du texte, par exemple gras (Bold).

l'alignement du texte
Définit l'alignement du texte à l'intérieur du badge.

Rayon de la bordure
Réglez la valeur de l'arrondi de la bordure pour adoucir les coins du badge.

Largeur de la bordure
Contrôle l'épaisseur de la bordure du badge en pixels.

Couleur de la bordure
Lorsque la largeur de la bordure est activée, la couleur de la bordure peut être définie.

Badges HTML Édition de contenu

• Des fichiers texte, HTML ou multimédia peuvent être ajoutés directement dans la zone d'édition pour afficher des structures de contenu plus complexes.
• Cliquez sur le bouton "Ajouter un média" pour insérer des images ou d'autres fichiers multimédias dans le badge.
• L'onglet Visuel permet d'éditer du contenu HTML en mode WYSIWYG pour un affichage plus intuitif.
• Passez à l'onglet "Texte" pour saisir un code HTML simple et contrôler librement la structure et le style du badge.

Emplacement du badge

Prise en charge du positionnement des badges HTML dans les zones suivantes de l'image du produit :

• en bas à droite
• en bas à gauche
• interlocutoire
• en haut à gauche
• en haut à droite

largeur maximale

Définir la largeur maximale du badge sur une page de produit unique en pixels afin d'éviter que la taille du badge ne soit trop importante et n'affecte la mise en page.

Largeur maximale Cycle

Différentes largeurs maximales peuvent être définies pour les pages de circulation des produits (par exemple, les listes de magasins, les pages de catégories) afin de garantir de bons effets visuels dans divers scénarios d'affichage.

Marges et rembourrage

Les valeurs de marge réglables contrôlent l'espacement entre le badge et le contenu du produit.

Le réglage de la valeur de remplissage augmente l'espace pour le texte ou les éléments à l'intérieur du badge et améliore la clarté visuelle.

Paramètres de visibilité du badge

Permet de contrôler les produits sur lesquels le badge est affiché, par exemple des catégories spécifiques, des articles promotionnels ou des articles dont l'état des stocks correspond, pour un contrôle plus précis de l'affichage.

couleur de fond
Des couleurs d'arrière-plan peuvent être ajoutées au badge pour renforcer le contraste avec l'image du produit, ce qui rend le contenu plus accrocheur et améliore la lisibilité et l'attrait visuel.

Rayon de la bordure
Le réglage du rayon de la bordure donne au badge un effet arrondi dans les coins.

Largeur de la bordure
Cette option permet de définir l'épaisseur (en pixels) de la bordure du badge.

Couleur de la bordure
Lorsque les bordures sont activées, leur couleur peut être personnalisée pour s'harmoniser avec le contenu du badge et la palette de couleurs du site web, ce qui améliore encore la cohérence visuelle globale.

visibilité générale

Détermine la position globale d'affichage du badge sur la page et contient les options suivantes :

• Cycle du produit uniquementLes badges ne sont affichés que sur les pages de présentation des produits (page d'accueil de la boutique, page de la catégorie).
• Cycles de produits et produits uniquesLes badges sont affichés à la fois sur les pages de présentation des produits et sur les pages détaillées des produits individuels.
• Un seul produitLes badges ne sont affichés que sur les pages détaillées des produits.

Visibilité du produit :Ce paramètre permet de déterminer les produits sur lesquels l'insigne de produit est visible.

Statut de l'article

Statut :Ceci indique le statut du badge de produit. Les badges de produits peuvent être enregistrés en tant que messages publiés, brouillons ou en attente de révision.

Visibilité

Visibilité :Spécifiez la visibilité du badge de produit, qui peut être défini comme Public, Protégé par mot de passe ou Privé. Notez que les badges protégés par un mot de passe et les badges privés ne sont pas affichés dans la partie frontale.

Définition de la priorité des badges (ordre)

Dans "Propriétés de l'article(Post Attributes)", vous pouvez définir la priorité du badge :

• Plus le numéro est élevé, plus la priorité est importante.
• Lorsque plusieurs badges agissent sur le même produit, le badge le plus prioritaire l'emporte sur le badge le moins prioritaire.
• Permet à plusieurs badges de coexister tout en évitant les conflits.