Installez, choisissez un mode, testez une page produit.
La plupart des boutiques n’ont besoin que des étapes essentielles : activer le plugin, choisir le mode catégories automatiques ou produits liés, puis vérifier le rendu en boutique.
Support et documentation
Tout ce qu’il faut pour installer, configurer et dépanner le plugin.
Un guide complet pour installer les swatches de produits liés, choisir le bon mode, styliser l’affichage et résoudre les problèmes de compatibilité thème.
Des réglages pratiques, pas une aide générique.
Le guide ci-dessous se concentre sur les vrais choix WooCommerce : familles de produits, placement shortcode, style et compatibilité thème.
Besoin d’aide avec votre configuration ?
Envoyez un email au support avec l’URL de votre site, le nom du thème et une courte description de ce que vous configurez.
support@sweetplugins.comSupport par email
Si vous avez besoin d’aide pour installer le plugin, choisir le bon mode ou corriger une compatibilité thème, contactez directement le support Sweet Plugins.
support@sweetplugins.com
Envoyer un email
Pour un support plus rapide, indiquez l’URL produit, votre thème WooCommerce, la version du plugin et une brève description du comportement attendu.
Installation
- Téléversez et activez Swatches de produits liés pour WooCommerce.
- Ouvrir Swatches de produits liés depuis le menu d’administration WordPress.
- Choisissez Catégories de produits automatiques ou Produits liés.
- Enregistrez les réglages et ouvrez un produit WooCommerce pour tester le rendu en boutique.
Capture d’écran de l’admin
Page principale des réglages avec sections comportement, placement, style, compatibilité et licence.
Choisir un mode de swatch
Catégories de produits automatiques
Utilisez ce mode quand chaque produit d’une catégorie doit apparaître comme swatch lié. C’est la configuration la plus rapide pour les familles de produits comme couleurs, matières ou finitions.
- Les swatches sont récupérés depuis la catégorie du produit courant.
- Les réglages catégorie peuvent désactiver les swatches pour toute une catégorie.
- Les réglages produit peuvent exclure des produits individuellement.
Produits liés
Utilisez ce mode quand la relation exacte doit être contrôlée manuellement depuis l’éditeur produit.
- Les éditeurs choisissent les produits liés produit par produit.
- Les réglages catégorie sont ignorés.
- Idéal pour les collections éditorialisées ou les options entre catégories.
Réglages globaux
La page de réglages contrôle l’affichage en boutique pour chaque produit utilisant le plugin.
Méthode d’affichageChoisissez le placement automatique via hook WooCommerce ou le placement manuel par shortcode.
Position automatiqueChoisissez le hook WooCommerce utilisé quand le placement automatique est activé.
Effets de prévisualisationActivez les prévisualisations image, titre et prix au survol sur ordinateur.
Swatches en rupture de stockChoisissez si les produits en rupture doivent encore apparaître comme options.
Ordre des icônesTriez les produits par date, titre, ordre de menu ou ordre aléatoire.
Réglages produit
Chaque produit possède un panneau swatch dans l’éditeur produit.
Capture du panneau swatch produit
Choisissez image produit, icône personnalisée ou couleur. Ajoutez infobulle, attribut title et texte alt.
- Image produit : utilise l’image mise en avant du produit comme swatch.
- Icône personnalisée : importe une icône carrée dédiée.
- Couleur : génère un swatch couleur simple.
- Texte d’infobulle : contrôle l’infobulle sur ordinateur.
- Désactiver le swatch : masque un produit des groupes de swatches automatiques.
- Produits liés : apparaît en mode Liens pour choisir les produits liés exacts.
Réglages catégorie
En mode automatique, les catégories produit peuvent activer ou désactiver les swatches pour toute la catégorie. Cela garde les catégories non liées propres sans modifier chaque produit.
Placement shortcode
Utilisez le shortcode quand un builder ou template personnalisé doit contrôler exactement où les swatches apparaissent.
[lpswc]Set Méthode d’affichage to Placement manuel par shortcode quand le shortcode est responsable de l’affichage.
Style des swatches
Le plugin expose des contrôles visuels afin que la plupart des boutiques n’aient pas besoin de CSS personnalisé.
Taille du swatchLargeur et hauteur en pixels.
Espacement des icônesEspacement à droite entre les swatches. Laissez vide pour utiliser la valeur CSS par défaut.
Largeur et couleur de bordureStyle de bordure du swatch inactif.
Bordure sélectionnéeContour du swatch actif. Laissez vide pour désactiver le contour sélectionné par défaut.
Rayon de bordureSwatches carrés, arrondis ou circulaires.
OmbreOmbres prédéfinies, de aucune à forte.
Compatibilité galerie
L’assistant de compatibilité contrôle comment le plugin trouve l’image principale, le titre et le prix pour les prévisualisations.
- Détection automatique : essaie les sélecteurs courants WooCommerce, Elementor et thème.
- Sélecteurs avancés manuels : définissez les sélecteurs CSS exacts pour les templates personnalisés.
- Mobile : les prévisualisations au survol sont ignorées sur tactile afin que les taps naviguent directement.
Licences et mises à jour privées
La clé de licence est stockée sur le site client dans l’option WordPress wcpvs_license_key. Pendant les vérifications de mise à jour, le plugin envoie la clé, l’URL du site et la version installée au point de terminaison Sweet Plugins.
Le serveur de mise à jour valide la licence avant de renvoyer une URL de package. Le ZIP doit être servi via download.php, not as a public direct file.
Dépannage
Les mises à jour n’apparaissent pas
Vérifiez que la version distante est supérieure à la version installée, que la licence est valide et que les transients de mise à jour WordPress ont été rafraîchis.
Le mobile demande un double tap
Videz d’abord l’optimisation page/cache. Le plugin injecte un bootstrap tactile sans optimisation, mais le HTML mis en cache peut encore servir une ancienne version.
La prévisualisation met à jour la mauvaise image
Passez l’assistant de compatibilité en mode manuel et définissez un sélecteur d’image plus précis.
Le contour du swatch actif entre en conflit avec le CSS personnalisé
Laissez le champ Bordure sélectionnée vide pour désactiver le contour sélectionné par défaut.