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
L'en-tête de cette page contient uniquement la section d'en-tête du mot de passe.
Paramètres des sections | Paramètres | Description |
---|---|---|
En-tête transparent | ||
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 | ||
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 .
Paramètres des sections | Paramètres | Description |
---|---|---|
Bannière d'inscription par e-mail | ||
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 :
| |
Largeur du contenu du bureau | Détermine la largeur de l'image lorsqu'elle est affichée sur le bureau :
| |
Position du contenu du bureau | Définit la position du contenu sur le bureau :
| |
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
| |
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 :
| |
Position du contenu mobile | Définit la position du contenu sur le navigateur mobile :
| |
Alignement du contenu mobile | Définit l'alignement du contenu sur le navigateur mobile :
| |
Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
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é | ||
Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
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 :
|
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 :
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é | ||
Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
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 :
|
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 :
|
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é.
3. Pied de page du mot de passe
Le pied de page de cette page contient uniquement la section du pied de page du 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.
Share:
Comment mettre en place la popup newsletter de votre site internet ?
Page de recherche : sections et blocs