Comment configurer les échantillons de couleurs?

Chaque fois que vous activez les échantillons de couleurs , le thème Concept vous propose deux options pour afficher les échantillons de couleurs : Image personnalisée et Image variante .

Veuillez consulter le tableau ci-dessous pour comprendre plus facilement cet article.

Affichage d'un échantillon de couleur
Désactiver les échantillons de couleurs Images personnalisées Images variantes

Sur cette page

  1. Où est cette fonctionnalité ?
  2. Comment ça marche?
  3. Nommer vos fichiers d'échantillons
  4. Où se trouve l'option « Fichiers » dans l'administrateur Shopify ?

1. Où se trouve cette fonctionnalité ?

Afin d'ajuster l'option Schémas de couleurs pour votre page, vous configurez comme suit :

  • Sur votre page Produit via l' éditeur de thème , sélectionnez le bloc Sélecteur de variantes sous la section Informations sur le produit .

  • Dans Color swatch > Swatch type , il y aurait deux options : Variant images et Custom images .

2. Comment ça marche ?

Pour commencer, activez les paramètres de l'échantillon de couleur , puis choisissez entre Échantillon de couleur ou Image variante à afficher.

2.1 Échantillon de couleur

Configurez votre échantillon de couleur en configurant la zone de configuration. Veuillez vous référer aux règles suivantes pour plus d'informations sur le fonctionnement de cette fonctionnalité :

  1. Une fois que vous avez activé cette fonctionnalité, Concept recherchera les valeurs de couleur dans vos paramètres de thème > Échantillon de couleur > Boîte de configuration qui correspondent aux noms des variantes de couleur de vos produits.

  2. Si la valeur de couleur est trouvée , l'échantillon de couleur sera affiché en utilisant cette valeur.

      • Exemple 1 - utilisation du code HEX : La boîte de configuration contient la valeur suivante : Black:#3a3a3a

        Ensuite, l'échantillon de couleur pour le noir sera affiché en utilisant la couleur #3a3a3a au lieu de la couleur noire par défaut #000000.

      • Exemple 2 - utilisation d'un fichier téléchargé : La zone Configuration contient la valeur suivante : Crimson Shadow:crimson-shadow.webp

        Ensuite, l'échantillon de couleur pour Crimson shadow sera affiché à l'aide de l'image nommée crimson-shadow.webp , qui est téléchargée dans le tableau de bord/Contenu/Fichier d'administration Shopify .

  3. Si la valeur de couleur est introuvable dans la zone Configuration, recherchez un fichier *.png portant le même nom que la variante de couleur.

    Par exemple : Dans ce cas, cette fonctionnalité utilisera un fichier *.png nommé crimson-shadow.png pour l'échantillon de couleur.

  4. Si le fichier *.png est introuvable , affichez l'échantillon de couleur en utilisant le nom de couleur CSS pour la variante de couleur.

    Par exemple : Si la valeur de la variante de couleur "Noir" n'est pas trouvée, l'échantillon de couleur affichera la couleur noire par défaut, #000000 .

  5. Si la couleur n'a pas de valeur dans la boîte de configuration, un fichier PNG ou un code HEX , l'échantillon de couleur sera vide.

    Par exemple : La couleur Châtain n'a pas de valeur, de fichier png ou de code HEX , donc l'échantillon de couleur sera vierge.

2.2 Image de variante

Une fois que vous avez activé les paramètres de l'échantillon de couleur, Concept recherchera toute catégorie de variantes portant le nom « Couleur » ou « Couleur ».

Pour changer le mot en quelque chose d'autre que « Couleur/Couleur » (comme : Couleur en français), vous pouvez le faire dans la zone de langues Menu Thème > Modifier le contenu du thème par défaut .

Tapez color_swatch_trigger dans la barre de recherche pour trouver les paramètres [Déclencheur d'échantillon de couleur] .

Le thème examinera ensuite les noms de variantes que vous avez utilisés, dans ce cas :

  • Ton doré
  • Noir
  • Châtaigne
  • Marine
  • Crimson Shadow
    •

    et recherchez soit un HTML color name avec exactement le même nom OU une chosen image dans Products > Variants > Update variant image .

    Ton d'or
    Noir
    châtaigne
    Marine
    Ombre cramoisie

    3. Nommer vos fichiers d'échantillons

    • Par exemple, les échantillons Black , Chestnut ou Navy devraient être nommés black.png , chestnut.png ou navy.png (les majuscules deviennent minuscules.)
    • Les échantillons Gold Tone et Crimson Shadow devraient être nommés golde-tone.png et crimson-shadow.png (les majuscules deviennent des minuscules, les espaces et autres caractères spéciaux deviennent des traits d'union.)

    4. Où se trouve l'option « Fichiers » dans l'administrateur Shopify ?

      • Tout d’abord, ouvrez l’ administrateur Shopify .
      • Accédez à Content , puis sélectionnez l'option Files et ouvrez-la. Cliquez sur Télécharger des fichiers pour commencer à télécharger vos fichiers d'échantillons .png .
    Back to Soyez le support du concept