Dans l’éditeur de thème : PersonnaliserPage d’accueilAjouter une sectionAvant et après

Avant et après

Deux images de la même chose avec une ligne entre elles que l’on fait glisser, par exemple avant et après un soin ou un processus.

Utilisez deux images prises sous le même angle et à la même taille, pour que seul le changement bouge. La ligne fonctionne aussi au clavier.

Paramètres

Image

Image « avant »
ImageUtilisez le même cadrage que l’image principale, pour que la ligne compare deux états de la même chose.
Image « après »
Image
Libellé « avant »
TexteVide : « Avant ».
Libellé « après »
TexteVide : « Après ».
Cadrage de l'image
Choix: Le point focal de l'image, Centre, Haut, BasPar défaut: Le point focal de l'image
Forme de l'image sur ordinateur
Choix: Portrait (4:5), Haute (2:3), Carrée, Paysage (3:2)Par défaut: Portrait (4:5)
Forme de l'image sur téléphone
Choix: Identique à l'ordinateur, Portrait (4:5), Carrée, Paysage (3:2)Par défaut: Identique à l'ordinateur

Texte

Petite ligne au-dessus du titre
Activé ou désactivéPar défaut: Activé
Petite ligne
TexteLaissez vide pour afficher la valeur par défaut.
Titre
TexteLaissez vide pour afficher le titre par défaut.
Taille du titre
Choix: Moyen, Grand, Très grandPar défaut: Grand
Paragraphe
TexteLaissez vide pour afficher le texte par défaut.

Bouton

Afficher un bouton
Activé ou désactivéPar défaut: Activé
Texte du bouton
TexteLaissez vide pour afficher le texte par défaut.
Lien du bouton
LienLaissez vide pour ouvrir la page de tous les produits.
Bouton en verre
Curseur, de 0 à 90 %Par défaut: 0 %0 : un bouton plein classique. Au-dessus de 0 : un verre sombre translucide avec un fin bord lumineux, pour un bouton posé sur une image. Plus la valeur est élevée, plus il est sombre.

Mise en page

Côté de l'image
Choix: Automatique : à l’opposé de la section au-dessus, Au début (à droite, en hébreu), À la fin (à gauche, en hébreu)Par défaut: Automatique : à l’opposé de la section au-dessusDe quel côté l’image se place à côté du texte, sur ordinateur ou tablette. 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).
Ordre sur téléphone
Choix: Image d'abord, Texte d'abordPar défaut: Image d'abord
Alignement du texte
Choix: Début, Centre, FinPar défaut: Début
Position du texte à côté de l'image
Choix: Haut, Milieu, BasPar défaut: MilieuSur ordinateur ou tablette.
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).

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