Page de mot de passe : sections et blocs

La page de mot de passe s'affiche lorsque la protection par mot de passe est activée sur votre boutique en ligne et qu'un client tente de visiter votre site Web. Cette page comporte trois groupes de sections principaux. En-tête , modèle et pied de page du mot de passe . Chacun d'eux contient plusieurs sections. Une section peut être ajoutée avec des blocs.

Cet article fournit un aperçu de toutes les sections et blocs de la page Mot de passe par défaut.

Sur cette page

  1. En-tête du mot de passe
  2. Groupe de modèles
  3. Pied de page du mot de passe

1. En-tête du mot de passe

L'en-tête de cette page contient uniquement la section d'en-tête du mot de passe.

Les paramètres de la section d'en-tête Mot de passe

Modifiez votre logo dans les paramètres du thème .

Paramètres des sections Paramètres Description
En-tête transparent

Ajoutez une section en première position qui permet un en-tête transparent tel qu'un diaporama ou une image avec superposition de texte.

Couleur du texte La couleur du texte.
Texte du bouton La couleur du texte du bouton.
Arrière-plan du bouton La couleur d’arrière-plan du bouton.
Dégradé de fond La couleur du dégradé d’arrière-plan.
Surgir

Ces paramètres contrôlent la fenêtre contextuelle.

Texte La couleur du texte.
Arrière-plan La couleur d'arrière-plan.
Texte du bouton La couleur du texte du bouton.
Arrière-plan du bouton La couleur d’arrière-plan du bouton.
Dégradé de fond de bouton Le dégradé d’arrière-plan du bouton.
Recouvrir La couleur de superposition.
Section
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0px à 120px, augmentant arithmétiquement de 4px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0px à 120px, augmentant arithmétiquement de 4px.
CSS personnalisé Ajoute du CSS personnalisé à cette section.

Aucun bloc ne peut être ajouté à cette section.

2. Groupe de modèles

Le modèle de cette page contient uniquement la section bannière d'inscription par e-mail par défaut.

Vous pouvez ajouter jusqu'à 30 sections supplémentaires dans la liste Ajouter une section .

Les paramètres de la section Bannière d'inscription par e-mail
Paramètres des sections Paramètres Description
Bannière d'inscription par e-mail

Abonnés ajoutés automatiquement à votre liste de clients « marketing acceptés ». Apprendre encore plus .

Autoriser l'en-tête transparent Permet d'autoriser l'en-tête transparent.

Ce paramètre s'applique uniquement lorsque cette section est la première.

Autoriser le pied de page transparent Permet d'autoriser l'en-tête transparent.

Ce paramètre s'applique uniquement lorsque cette section est la dernière.

Image Choisit/télécharge une image d’arrière-plan pour la section.
Hauteur du bureau Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
  • S'adapter à l'image : conserve le rapport hauteur/largeur d'origine de l'image.
  • 400px - 400px.
  • 450px - 450px.
  • 500px - 500px.
  • 550px - 550px.
  • 600px - 600px.
  • 650px - 650px.
  • 700px - 700px.
  • 750px - 750px
  • Plein écran
  • - Étend l'image pour adapter la hauteur de la fenêtre du navigateur.
Largeur du contenu du bureau Détermine la largeur de l'image lorsqu'elle est affichée sur le bureau :
  • Petit
  • moyen
  • grand
Position du contenu du bureau Définit la position du contenu sur le bureau :
  • Haut gauche
  • Milieu gauche
  • Bas gauche
  • Haut Centre
  • Milieu Centre
  • Bas Centre
  • Haut droit
  • Milieu droit
  • Bas droit
Alignement du contenu du bureau Définit l'alignement du contenu sur le bureau :
  • Gauche
  • Centre
  • Droite
Disposition mobile
Image mobile Choisit/télécharge une image d’arrière-plan pour la section sur mobile.
Hauteur mobile Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
  • Auto - Le navigateur décidera en fonction de la valeur du bureau.
  • 200px - 200px.
  • 250px - 250px.
  • 300px - 300px.
  • 400px - 400px.
  • 500px - 500px.
  • 600px - 600px.
  • Plein écran
  • - Étend l'image à la hauteur de la fenêtre du navigateur.
Position du contenu mobile Définit la position du contenu sur le navigateur mobile :
  • Haut gauche
  • Milieu gauche
  • Bas gauche
  • Haut Centre
  • Milieu Centre
  • Bas Centre
  • Haut droit
  • Milieu droit
  • Bas droit
Alignement du contenu mobile Définit l'alignement du contenu sur le navigateur mobile :
  • Gauche
  • Centre
  • Droite
Couleur

Le dégradé remplace les couleurs unies une fois défini.

Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
  • Texte
  • Souligner
  • Dégradé de surbrillance
  • Texte du bouton
  • Arrière-plan du bouton
  • Dégradé de fond de bouton
  • Recouvrir
Section
Peut ajuster le remplissage dans le remplissage supérieur et le remplissage inférieur de 0px à 120px, augmentant arithmétiquement de 4px.
Afficher le séparateur de section Affiche un séparateur de ligne au-dessus de cette section.
Faire une section pleine largeur Rend le conteneur sur toute la largeur.
Rendre la section arrondie Applique un bord arrondi aux deux coins supérieurs.
Activer l'effet de parallaxe Activez l’affichage de l’effet de parallaxe, qui crée l’illusion de profondeur dans une image ou une scène bidimensionnelle.
CSS personnalisé Ajoute du CSS personnalisé à cette section.

Blocs disponibles :

  • 1.1 Titre
  • 1.2 Texte
  • 1.3 Bouton
  • 1.4 Lien
  • 1.5 Image
  • 1.6 Formulaire
  • 1.7 Icônes de réseaux sociaux
  • 1.8 Espace vide
  • 1.9 Liquide personnalisé
1.1 Les paramètres du bloc Titre.
Paramètres de blocage Paramètres Description
Titre
Titre Le titre du bloc.
Taille du titre La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge .
Balise de titre Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement.
Texte surligné

Pour ajouter un surlignage animé au texte, enveloppez-le simplement en italique . Cliquez sur le bouton "I" dans l'éditeur pour activer l'italique lors de la mise en surbrillance du texte.

Texte surligné Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
  • Couleur du texte
  • Couleur d’arrière-plan du texte
  • Soulignement fantaisie
  • Soulignement régulier
  • Texte au pochoir
  • Griffonnage dessiné à la main
Griffonnage surligné

Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main.

Ce paramètre propose 5 façons de surligner du texte :
  • Cercle
  • Soulignement de base
  • Soulignement de l'esquisse
  • Soulignement en gribouillis
  • Gribouillis souligné 2
1.2 Les paramètres du bloc Texte.
Paramètres de blocage Paramètres Description
Texte
Texte Ajout de votre texte.
Taille du texte La taille du texte peut être définie sur l'une des options suivantes :
  • Petit
  • Moyen
  • Grand
  • Extra grand
  • Personnalisé.
  • L'option personnalisée vous permet de définir la taille du texte sur la valeur de votre choix, de 12 px à 128 px, en augmentant arithmétiquement de 2 px.

Police du texte Choisissez entre 2 options pour le formatage du texte : Corps ou Titre .
Utiliser une couleur secondaire Activer la couleur secondaire.
Texte surligné

Pour ajouter un surlignage animé au texte, enveloppez-le simplement en italique . Cliquez sur le bouton "I" dans l'éditeur pour activer l'italique lors de la mise en surbrillance du texte.

Texte surligné Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
  • Couleur du texte
  • Couleur d’arrière-plan du texte
  • Soulignement fantaisie
  • Soulignement régulier
  • Texte au pochoir
  • Griffonnage dessiné à la main
Griffonnage surligné

Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main.

Ce paramètre propose 5 façons de surligner du texte :
  • Cercle
  • Soulignement de base
  • Soulignement de l'esquisse
  • Soulignement en gribouillis
  • Gribouillis souligné 2
1.3 Les paramètres du bloc Bouton.
Paramètres de blocage Paramètres Description
Bouton
Etiquette du bouton Le texte qui s'affiche sur le bouton.
Lien du bouton L'URL du bouton.
Taille du bouton Ajustez la taille du bouton en 3 options : Petit, Moyen ou Grand
Utiliser le style du bouton de contour Utilise le style de contour du bouton.
1.4 Les paramètres du bloc Lien.
Paramètres de blocage Paramètres Description
Lien
Texte Le texte du lien, placé juste à côté du bouton.
Lien Ajoutez l'URL que vous souhaitez lier.
1.5 Les paramètres du bloc Image.
Paramètres de blocage Paramètres Description
Image
Image Sélectionne une image à bloquer.
Largeur de l'image Choisissez l'une des deux options de largeur d'image :
  • Pleine largeur : l'image remplit toute la fenêtre du navigateur.
  • Coutume:
    • Sur le bureau : définit la largeur de l'image entre 20 px et 1 000 px par incréments de 10 px.
    • Sur mobile : définit la largeur de l'image entre 20 px et 600 px par incréments de 10 px.
1.6 Les paramètres du bloc Formulaire.

Aucun paramètre personnalisable disponible.

1.7 Les paramètres du bloc Icônes des réseaux sociaux.

Pour afficher vos comptes de réseaux sociaux, associez-les dans les paramètres de votre thème .

1.8 Les paramètres du bloc Espace vide.
Paramètres de blocage Paramètres Description
Espace libre
Hauteur du bureau Détermine la hauteur de l'espace vide lorsqu'il est affiché sur le bureau. Peut aller de 0px à 120px, augmentant arithmétiquement de 4px. La valeur par défaut est 40px.
Hauteur mobile Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0px à 120px, augmentant arithmétiquement de 4px. La valeur par défaut est 28px.
1.9 Les paramètres du bloc de liquide personnalisé.

Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.

Le pied de page de cette page contient uniquement la section du pied de page du mot de passe.

Les paramètres de la section de pied de page Mot de passe
Paramètres des sections Paramètres Description
Pied de page transparent

Ajoutez une section en dernière position qui permet un pied de page transparent tel qu'un diaporama ou une image avec superposition de texte.

Couleur du texte La couleur du texte.
Section
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0px à 120px, augmentant arithmétiquement de 4px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0px à 120px, augmentant arithmétiquement de 4px.
CSS personnalisé Ajoute du CSS personnalisé à cette section.

Aucun bloc ne peut être ajouté à cette section.

Nous espérons que cet article vous a été utile. Si vous avez des questions ou des préoccupations concernant cette fonctionnalité, n'hésitez pas à contacter notre équipe pour obtenir de l'aide.