Dans l’éditeur de thème : PersonnaliserPage d’accueilAjouter une sectionAdoptez le look

Adoptez le look

Une grande photo avec des points sur les produits qu’elle montre. Toucher un point affiche le produit, qui peut aller directement au panier.

Placez chaque point selon sa position horizontale et verticale dans la photo. Vérifiez sur téléphone que les points restent sur les bons articles.

Paramètres

Image

Image d'ambiance: ImageUne photo qui montre les produits. Placez les points dans les blocs.
Image pour téléphone: ImageFacultatif. Si ce champ est vide, les téléphones affichent l'image principale. Chaque point a sa propre position pour les téléphones.
Forme de l'image sur ordinateur: Choix: Portrait (4:5), Carrée, Paysage (4:3), Large (16:9), OriginalePar défaut: Portrait (4:5)Originale : aucun recadrage, pour que les points restent exactement sur les produits.
Forme de l'image sur téléphone: Choix: Portrait (4:5), Carrée, OriginalePar défaut: Portrait (4:5)
Côté de l'image sur ordinateur: Choix: Automatique : à l’opposé de la section au-dessus, Premier, DernierPar défaut: Automatique : à l’opposé de la section au-dessusÀ côté de la liste de produits, sur ordinateur. Sur téléphone, l’image est toujours sous le titre. Automatique : si la section au-dessus a elle aussi une image à côté du texte, l’image passe de l’autre côté, de sorte que les sections consécutives alternent ; sinon, elle se place au début (à droite, en hébreu).

Titre

Titre: TexteLaissez vide pour afficher le titre par défaut.
Petit mot au-dessus du titre: Activé ou désactivéPar défaut: Activé
Petit mot: TexteLaissez vide pour afficher le mot par défaut.

Points et produits

Bouton + d'ajout rapide: Activé ou désactivéPar défaut: ActivéSur la carte qui s'ouvre depuis un point. Ouvre l'aperçu rapide, ou la page produit lorsque l'aperçu rapide est désactivé.
Liste des produits à côté de l'image: Activé ou désactivéPar défaut: ActivéSur ordinateur uniquement. Un clic sur une ligne ouvre son point. Désactivé : le titre se place au-dessus de l'image.
Libellé de la liste: TexteLaissez vide pour afficher le libellé par défaut.
Indication sous l'image: Activé ou désactivéPar défaut: ActivéTéléphone uniquement : « Appuyez sur un point pour voir le produit ».
Couleur des points: Choix: Clair, SombrePar défaut: ClairClair pour une photo sombre, sombre pour une photo claire.
Anneau pulsant autour des points: Activé ou désactivéPar défaut: ActivéUniquement lorsque la section est à l'écran. Non affiché pour les visiteurs qui préfèrent des animations réduites.

Chaque point est un bloc : choisissez un produit et placez-le en pourcentage, séparément pour ordinateur et téléphone. Un point sans produit n'est pas affiché sur la boutique.

Les paramètres communs à toutes les sectionsFenêtre, Défilement, Espacement, Couleurs, Style du texte

Les paramètres de fenêtre, de défilement, d’espacement et de couleurs fonctionnent de la même façon dans chaque section. Voir comment ils fonctionnent.

Fenêtre

Raccord: Choix: Fenêtre séparée, Raccordée à la fenêtre au-dessus, Raccordée à la fenêtre en dessous, Raccordée en haut et en basPar défaut: Fenêtre séparée
Coins des images: Choix: Arrondis, DroitsPar défaut: Arrondis

Défilement

La section suivante la recouvre au défilement: Activé ou désactivéPar défaut: DésactivéEn faisant défiler vers le bas, cette section reste en place sous l'en-tête et la section suivante monte par-dessus. En remontant, l'effet s'inverse. Désactivé dans l'éditeur, pour les visiteurs ayant demandé des animations réduites et sur les écrans très peu hauts.

Espacement

Espacement personnalisé pour cette section: Activé ou désactivéPar défaut: DésactivéDésactivé : l’espacement des sections défini dans les paramètres du thème, sous Mise en page. Activé : les valeurs indiquées ici, au-dessus et en dessous de cette section. Sur mobile, la plupart des sections en utilisent 65 %.
Espace au-dessus: Curseur, de 0 à 120 pxPar défaut: 40 px
Espace en dessous: Curseur, de 0 à 120 pxPar défaut: 40 px
Largeur du contenu: Choix: Étroite, Standard, Large, Pleine largeurPar défaut: Standard

Couleurs

Palette de couleurs: Palette de couleursIdentique à la palette de la page : la section repose sur l’arrière-plan de la page. Une autre palette donne à la section son propre fond, comme une carte dans le cadre. Les couleurs personnalisées ci-dessous priment sur la palette.
Utiliser des couleurs personnalisées pour cette section: Activé ou désactivéPar défaut: DésactivéSinon, la section utilise les couleurs du thème.
Arrière-plan: CouleurPar défaut: #F1F1EF
Texte: CouleurVide : automatique. Clair sur un arrière-plan sombre, foncé sur un arrière-plan clair.
Style d'arrière-plan: Choix: Couleur unie, Scène éclairéePar défaut: Couleur unieScène éclairée : une lumière douce venue du haut qui s’estompe vers le bas, à partir de la couleur de la section, claire ou foncée. Sur une couleur foncée, le texte et les boutons s’éclaircissent d’eux-mêmes.
Couleur de la lumière: CouleurLa lumière douce venant du haut, au centre. Vide : blanc.

Style du texte

Style de texte personnalisé pour cette section: Activé ou désactivéPar défaut: DésactivéSinon, la section utilise le style du thème. Les polices Shopify n'incluent pas l'hébreu : vous choisissez donc parmi des styles compatibles avec l'hébreu.
Style du titre: Choix: Par défaut du thème, Léger, Gras, SerifPar défaut: Par défaut du thème
Taille du titre: Curseur, de 70 à 160 %Par défaut: 100 %
Couleur du titre: CouleurVide : automatique, utilise la couleur de la section (clair sur un arrière-plan sombre).
Style du texte: Choix: Par défaut du thème, Léger, Gras, SerifPar défaut: Par défaut du thème
Taille du texte: Curseur, de 70 à 160 %Par défaut: 100 %
Couleur du texte: CouleurVide : automatique, utilise la couleur de la section (clair sur un arrière-plan sombre).

Blocs

Les blocs sont les éléments à l’intérieur de la section. Dans l’éditeur, on les ajoute, on les supprime et on les fait glisser pour changer l’ordre.

Point

Général

Produit: ProduitLe produit affiché par ce point.

Position sur ordinateur

Depuis la gauche: Curseur, de 0 à 100 %Par défaut: 50 %Pourcentage de la largeur de l'image, toujours depuis la gauche.
Depuis le haut: Curseur, de 0 à 100 %Par défaut: 50 %Pourcentage de la hauteur de l'image.

Position sur téléphone

Depuis la gauche: Curseur, de 0 à 100 %Par défaut: 50 %Pourcentage de la largeur de l'image, toujours depuis la gauche.
Depuis le haut: Curseur, de 0 à 100 %Par défaut: 50 %Pourcentage de la hauteur de l'image.

Quelque chose ici ne correspond pas à votre éditeur ? Écrivez-nous et nous corrigerons le guide.