Comment configurer des échantillons de couleurs dans Be Yours 7.1.0 ou version ultérieure

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.

Sans échantillons de couleurs
Activer les échantillons de couleurs

Mise en place d'échantillons de couleurs

  1. Tout d’abord, activez les échantillons de couleurs

    Sous Informations sur le produit 1 section > Bloc Sélecteur de variantes 2 > Activer les échantillons de couleur 3

  2. 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
  3. 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 :

      1. 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

      2. 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és navy-blue.png

      3. 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.

      4. 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.