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.
Désactiver les échantillons de couleurs | Images personnalisées | Images variantes |
---|---|---|
Sur cette page
- Où est cette fonctionnalité ?
- Comment ça marche?
- Nommer vos fichiers d'échantillons
- 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é :
-
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.
-
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 .
-
-
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. -
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
. -
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 :
et recherchez soit un
HTML color name
avec exactement le même nom OU une chosen image
dans Products > Variants > Update variant image .
3. Nommer vos fichiers d'échantillons
-
Par exemple, les échantillons
Black
,Chestnut
ouNavy
devraient être nommésblack.png
,chestnut.png
ounavy.png
(les majuscules deviennent minuscules.) -
Les échantillons
Gold Tone
etCrimson Shadow
devraient être nommésgolde-tone.png
etcrimson-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'optionFiles
et ouvrez-la. Cliquez surTélécharger des fichiers pour commencer à télécharger vos fichiers d'échantillons.png
.
Share:
Créer des variantes de produits pour créer des liens vers différentes pages
Ajout et suppression de boutons de paiement dynamique