Si vous utilisez Be Yours version 7.1.0 ou ultérieure , ces informations vous concernent.
Dans les environnements de vente au détail en ligne, les échantillons de couleurs constituent un outil numérique précieux. Ils facilitent la sélection du client en représentant visuellement le spectre des options de couleurs disponibles pour un produit particulier.
Mise en place d'échantillons de couleurs
Deuxièmement, configurer le déclencheur
Nous utiliserons « Couleur » comme déclencheur comme [1] dans l'image ci-dessous.
Allez dans [Menu Thème] > [Modifier le contenu du thème par défaut] et tapez
trigger
dans la barre de recherche. Vous le trouverez sous [Produits] > Déclencheur d'échantillon de couleur .Dans cet exemple, nous définissons le déclencheur sur
Color
. N'oubliez pas que vous pouvez personnaliser ce déclencheur pour qu'il corresponde au nom réel des noms d'options de votre produit.Déclenchement via le menu thématique Nom de l'option dans le produit Cette étape extrait automatiquement les valeurs de l'option Couleur de votre produit (par exemple, Noir, Blanc...) à définir sur la page du produit. (voir image ci-dessous)
En pages Valeurs du produit
Enfin, affichage de la sélection d'échantillons
Il existe 2 styles d'affichage des échantillons :
Images variantes
Ce paramètre fait en sorte que les échantillons de couleurs reflètent les images d'avatar attribuées aux options de couleur du produit .
Valeurs de couleur dans le produit Affichage des échantillons de couleurs Cliquez ensuite sur Enregistrer pour terminer.
Échantillons personnalisés s'affichant dans les ordres suivants :
Tout d'abord, le système analyse la [Boîte de configuration] via [Paramètres du thème] :
Dans votre zone de configuration, les échantillons de couleurs sont définis par :
- Code HEX personnalisé
- Noms de fichiers image correspondants : vous devez télécharger l'image dans le tableau de bord d'administration > Contenu > Fichiers avant d'utiliser le nom du fichier image.
Veuillez vous référer aux deux images ci-dessous pour des exemples de couleur noire .
Code HEX personnalisé Noms de fichiers image correspondants Fichier image téléchargé dans le tableau de bord d'administration :
Entrez exactement le nom du fichier dans la zone Configuration
S'il n'y a aucune valeur dans la zone Configuration , le système recherche les fichiers image correspondants - les noms doivent correspondre aux valeurs des options. Prise en charge de divers formats, tels que : PNG, JPG, WebP.
Par exemple, la valeur du noir correspond au fichier black.png
Téléchargez des images correspondant à vos noms de couleurs dans le tableau de bord d'administration > Contenu > Fichiers .
Le système trouve et utilise automatiquement ces images comme échantillons.
Les noms d'images suivent ces règles :
- Les majuscules deviennent minuscules.
- Les espaces et autres caractères spéciaux deviennent des traits d'union.
Ex : Les échantillons
Navy blue
devraient être nommésnavy-blue.png
Code hexadécimal de secours
Si aucune valeur dans la zone de configuration et aucune image correspondante n'est trouvée , le système utilise le code hexadécimal de l'option de couleur (par exemple,
#000000
pour Noir ) pour créer un échantillon de couleur.Si aucune des trois conditions ci-dessus n'est remplie , échantillon vierge (dernier recours) :
Si ni une image ni un code hexadécimal valide ne sont disponibles, l'échantillon apparaîtra vide (semblable au blanc, mais pas à un vrai blanc).
Ce sont tous les paramètres d’échantillon de couleur pour la version 7.1.0 ou ultérieure. N'hésitez pas à contacter notre équipe d'assistance si vous avez besoin d'aide.