Concept vous permet d'ajouter des sections et des blocs pertinents à n'importe quelle page.
Dans Concept, les sections sont généralement divisées en quatre groupes principaux : En-tête , Superposition , Modèle et Pied de page . Chacun d'eux contient plusieurs sections. Une section peut être ajoutée avec des blocs.
Cet article donne un aperçu de toutes les sections et blocs.
Sur cette page
Un groupe de sections dans une page Web est un ensemble de sections regroupées dans un but spécifique. Il existe souvent 4 groupes de sections principales : groupe d'en-tête , groupe de superposition , groupe de modèles et groupe de pied de page .
A. Groupe d'en-tête
- Barre d'annonce (section statique)
- En-tête (section statique)
- Sections disponibles (Sections dynamiques)
B. Groupe de superposition
- Tiroir pour chariot (Section statique)
- Tiroir de recherche (section statique)
- Banni des cookies (Section statique)
- Popup newsletter (section statique)
C. Groupe de modèles
Ce groupe vous permet de créer des sections dynamiques avec une plus grande flexibilité.
- Articles de blog
- Collage
- Articles de blog sur les collages
- Liste des collections
- Formulaire de contact
- Contact avec la carte
- Compte à rebours
- Liquide personnalisé
- Inscription par courrier électronique
- Espace libre
- FAQ
- Collection en vedette
- Produit en vedette
- Comparaison d'images
- Image avec texte
- Images avec texte
- Image avec superposition de texte
- Images avec superposition de texte
- Liste des logos
- Lookbook
- Carte
- Multicolonne
- Multicolonne avec icône
- Plusieurs collections en vedette
- Portefeuille
- Vu récemment
- Texte riche
- Texte défilant
- Achetez le look
- Diaporamas
- Témoignages
- Bannière de témoignages
- Chronologie
- Vidéo
- Héros vidéo
- Vidéo avec superposition de texte
D. Groupe de pied de page
A. Groupes de sections
"Les groupes de sections permettent aux développeurs de thèmes de créer des conglomérats dynamiques de sections dans une présentation de thème. En d'autres termes, ils vous permettent de regrouper certaines sections dans votre thème. Cela permet à son tour aux commerçants d'ajouter, de supprimer et de réorganiser des sections directement dans le thème. éditeur." En savoir plus
1. Groupe d'en-tête
Section en haut de la page qui contient généralement le logo du site Web, le menu de navigation et d'autres informations importantes.
1.1.Barre d'annonce
La barre d'annonce vous permet de communiquer des informations importantes à vos clients depuis n'importe quelle page. Vous pouvez personnaliser jusqu'à 3 blocs d'annonces différents à afficher. Vous pouvez ajouter un lien vers une barre d'annonce pour la rendre cliquable et diriger les clients vers une page spécifique.
Paramètres des sections | Paramètres | Description |
---|---|---|
Barre d'annonce | ||
Afficher les icônes des réseaux sociaux | Affiche les icônes de réseaux sociaux que vous avez configurées dans les paramètres de votre thème . | |
Activer le sélecteur de langue | Ajoute un sélecteur permettant à un client de choisir les pays et les régions que vous avez activés dans vos paramètres de langue , afin que les clients puissent parcourir votre boutique dans la langue de leur choix. | |
Activer le sélecteur de pays/région | Ajoute un sélecteur permettant à un client de choisir les pays et les régions que vous avez activés dans vos paramètres de paiement , afin que les clients puissent consulter les prix de vos produits dans la devise de leur choix. | |
Inverser les icônes et les sélecteurs | Activer cette option permutera les positions des icônes et des sélecteurs dans le navigateur. Lorsque l'option est cochée, les icônes seront à droite et les sélecteurs seront à gauche. Lorsque l'option n'est pas cochée, les icônes et sélecteurs seront dans leur position d'origine. | |
Annonce | ||
Position d'annonce sur le bureau | La position de l'annonce sur le bureau peut être définie à gauche, au centre ou à droite. Cette position sera automatiquement optimisée pour les appareils mobiles. | |
Annonces à rotation automatique | Définit le carrousel pour qu'il soit lu automatiquement. Cela ajoute également un bouton bascule de lecture. | |
Changez les annonces toutes les secondes | La durée d'affichage de vos annonces peut être réglée de 3 secondes à 10 secondes, selon votre préférence. | |
Afficher la navigation | Affiche les boutons de navigation. | |
Couleurs | ||
Texte | La couleur du texte d'annonce. | |
Arrière-plan | La couleur de l’arrière-plan de la barre d’annonce. | |
Dégradé de fond | Le dégradé de l'arrière-plan de la barre d'annonce. | |
Souligner | La couleur du point culminant. | |
Dégradé de surbrillance | Le dégradé du point culminant. | |
Sections | ||
Faire une section pleine largeur | Rend la section sur toute la largeur de la fenêtre du navigateur. | |
Rendre la section arrondie | Fait de la section le rond de la fenêtre du navigateur. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Seuls les blocs d'annonces sont disponibles dans cette section.
Le paramètre du bloc Annonce.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Annonce | ||
Icône | Sélectionne le type d'icône dans la longue liste. | |
Texte | L'annonce que vous souhaitez afficher à vos clients sur ordinateur. | |
Lien | Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent sur la barre d’annonce. | |
Disposition mobile | ||
Masquer l'icône sur mobile | Activer pour masquer l'icône sur mobile | |
SMS sur mobile | L'annonce que vous souhaitez afficher à vos clients sur mobile. | |
Texte surligné | ||
Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
Griffonnage surligné Nécessite que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main . | Ce paramètre propose cinq méthodes pour dessiner à la main du texte en surbrillance :
|
1.2.En-tête
L'en-tête s'affiche sur toutes les pages de votre thème.
Paramètres des sections | Paramètres | Description |
---|---|---|
Entête | ||
Logo | Le logo de votre boutique sur le navigateur de bureau. Le logo n'est modifié que dans les paramètres de votre thème . | |
Menu | Votre menu principal. | |
Menu actif | L'indicateur visuel d'un élément de menu lorsqu'il est survolé peut être défini sur Dot ou Block . | |
Disposition de l'en-tête | Personnalisez la disposition de votre logo et de votre menu dans la liste des options : | |
Activer la liste déroulante au survol |
| |
En-tête collant | Il existe trois options pour l'en-tête collant :
| |
Disposition mobile | ||
Logo | Le logo affiché sur mobile. Le logo n'est modifié que dans les paramètres de votre thème . | |
Emplacement du logo mobile | La position du logo sur mobile : Gauche ou Centre . | |
Afficher les icônes des réseaux sociaux | Affiche les icônes de réseaux sociaux que vous avez configurées dans les paramètres de votre thème . | |
Activer le sélecteur de langue | Ajoute un sélecteur permettant à un client de choisir les pays et les régions que vous avez activés dans vos paramètres de langue , afin que les clients puissent parcourir votre boutique dans la langue de leur choix. | |
Activer le sélecteur de pays/région | Ajoute un sélecteur permettant à un client de choisir les pays et les régions que vous avez activés dans vos paramètres de paiement , afin que les clients puissent consulter les prix de vos produits dans la devise de leur choix. | |
En-tête transparent | Couleur du texte | Change la couleur du texte sur l'en-tête transparent. |
Couleurs | ||
Texte | Change la couleur du texte d'en-tête. Ce paramètre n’est pas appliqué à l’en-tête transparent. | |
Arrière-plan | Change la couleur de l'arrière-plan de l'en-tête. Ce paramètre n’est pas appliqué à l’en-tête transparent. | |
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 0 px à 120 px, augmentant arithmétiquement de 4 px. | |
Faire une section pleine largeur | Rend la section sur toute la largeur de la fenêtre du navigateur. | |
Rendre la section arrondie | Fait de la section le rond du navigateur. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Cette section permet l'ajout du menu Méga .
Les paramètres du menu Mega.
Paramètres du méga menu | Paramètres | Description |
---|---|---|
Méga menu | ||
Élément du menu | Le nom de l'élément de menu auquel vous souhaitez ajouter un mégamenu. | |
Afficher les images du méga-menu | Permet l'affichage des images du méga menu. | |
Etiquette du bouton Laisse l'étiquette vide pour masquer le bouton. | Le texte du bouton | |
Lien du bouton | L'URL du bouton. | |
Promotion | ||
Image | L'image que vous souhaitez afficher | |
Rapport d'image | Le rapport d'image pour les images des articles de blog :
| |
Titre | Le titre de la promotion. | |
Sous-texte | Texte de description de la promotion. | |
Superposer du texte sur l'image | Active l'option Superposer le texte sur l'image . Si cette option est désactivée, le texte sera affiché sous l'image. | |
Lien | L'URL vers laquelle vous souhaitez créer un lien. | |
Étiqueter | Un petit morceau de texte affiché sur une page de produit pour fournir des informations supplémentaires sur le produit. | |
Couleur du texte | La couleur du texte. | |
Couleur du texte superposé | La couleur de superposition du texte. L'opacité de la superposition de texte peut être définie entre 0 et 100 %. |
1.3.Sections disponibles
Des sections supplémentaires peuvent être ajoutées à ce groupe, telles que :
2. Groupe de superposition
Un groupe de sections qui se comporte dans une fenêtre contextuelle.
2.1. Tiroir pour chariot
Un tiroir de panier est un élément d'interface utilisateur qui affiche un résumé des articles qu'un client a ajoutés à son panier sans le rediriger vers une page de panier distincte.
Paramètres des sections | Paramètres | Description |
---|---|---|
Tiroir pour chariot | ||
Afficher le fournisseur | Affiche les fournisseurs des produits. | |
Afficher la note du panier | Affiche la note du panier. | |
Afficher le calculateur de tarifs d'expédition | Activez les paramètres de thème qui permettent aux clients de calculer les frais d'expédition approximatifs en saisissant leur pays/région, leur province et leur code postal. | |
Afficher le bouton Afficher le panier | Affiche le bouton Afficher le panier. | |
Afficher le bouton de paiement | Affiche le bouton de paiement. | |
Barre de livraison gratuite | ||
Afficher la barre de livraison gratuite | Affiche la barre de livraison gratuite | |
Montant minimum de livraison gratuite | Entrez le montant en utilisant uniquement un chiffre. Si vous utilisez plusieurs devises, séparez chaque code de devise par son montant (par exemple : USD : 100, EUR : 95, JPY : 13000 ) | |
Recommandations de panier | ||
Activer les recommandations de panier | Affiche la recommandation du panier | |
Titre | Le titre des recommandations du panier. | |
Maximum de produits à afficher | Affiche entre 1 et 10 produits à la fois. | |
Afficher le fournisseur | Affiche les fournisseurs des produits. | |
Afficher le prix | Affiche les prix des produits. | |
Recommandations de panier vide | ||
Texte | Utilise votre propre texte, tel que : " Vous ne savez pas par où commencer ? Essayez ces collections : " | |
Liste des collections | Sélectionnez les collections recommandées | |
Derniers produits consultés | ||
Activer les produits récemment consultés | Affiche les produits récemment consultés. | |
Titre | Le titre de la section. | |
Maximum de produits à afficher | Affiche entre 1 et 10 produits à la fois. | |
Afficher le fournisseur | Affiche le fournisseur des produits. | |
Afficher le prix | Affiche le prix des produits. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
2.2. Tiroir de recherche
Le tiroir de recherche n'apparaîtra pas à vos clients si vous avez défini le type de panier sur « Page » dans les paramètres de votre thème .
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
---|
2.3. Bannière de cookies
Une bannière cookie est une notification qui apparaît sur un site Web lorsqu'un utilisateur le visite pour la première fois. Il informe l'utilisateur sur les cookies que le site utilise et demande son consentement pour stocker des cookies sur son appareil.
Paramètres des sections | Paramètres | Description |
---|---|---|
Bannière de cookies | ||
Mode d'affichage | En mode Test , la bannière s'affiche toujours malgré les paramètres pertinents ou lorsqu'elle est ignorée afin que vous puissiez la consulter à tout moment. Lorsque vous êtes satisfait de l'apparence, passez à Activer . | |
Retard Le délai est désactivé dans l'éditeur de thème pour plus de visibilité. | Le temps de rendu de cette section, à partir du moment où la page se charge. S'ajuste de 2 s à 60 s. | |
Alignement du texte | Sélectionne votre alignement de texte préféré parmi les trois options suivantes : Gauche , Centre ou Droite . | |
Position du contenu | Sélectionne votre position de contenu préférée : en bas à gauche ou en bas à droite . | |
Couleurs | ||
Texte | La couleur du texte. | |
Arrière-plan | La couleur d’arrière-plan. | |
Souligner | La couleur de surbrillance. | |
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. |
Blocs disponibles :
- 2.3.1 Bloc d'en-tête
- 2.3.2 Bloc de texte
- 2.3.3 Bloc boutons
- 2.3.4 Bloc d'images
- 2.3.5 Liquide personnalisé
- 2.3.6 Espace vide
2.3.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 :
|
2.3.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 :
|
2.3.3 Les paramètres du bloc Boutons.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Acheter des boutons | ||
Accepter le libellé du bouton | Texte sur le bouton Accepter. Laissez l'étiquette vide pour masquer le bouton. | |
Libellé du bouton Refuser | Texte sur le bouton de refus. Laissez l'étiquette vide pour masquer le bouton. |
2.3.4 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 :
|
2.3.5 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
2.3.6 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 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 40 px. | |
Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 28 px. |
2.4. Fenêtre contextuelle de la newsletter
Une fenêtre contextuelle apparaît sur un site Web, généralement lorsqu'un utilisateur visite le site pour la première fois ou est sur le site depuis un certain temps. La fenêtre contextuelle contient généralement un formulaire que les utilisateurs peuvent remplir pour s'abonner à la newsletter du site Web.
Paramètres des sections | Paramètres | Description |
---|---|---|
Fenêtre contextuelle de la newsletter | ||
Mode d'affichage En mode Test , la bannière s'affiche toujours malgré les paramètres pertinents ou lorsqu'elle est ignorée afin que vous puissiez la consulter à tout moment. Lorsque vous êtes satisfait du look, passez à Enabke . | ||
Afficher une seule page d'accueil : | ||
Afficher uniquement pour les visiteurs : | ||
Retard Le délai est désactivé dans l'éditeur de thème pour plus de visibilité. | Le temps de rendu de cette section, à partir du moment où la page se charge. S'ajuste de 2 s à 60 s. | |
Fréquence | Nombre de jours avant la réapparition d'une fenêtre contextuelle ignorée, ajustez de 1 jour à 30 jours. | |
Alignement du texte | Sélectionne votre alignement de texte préféré parmi les trois options suivantes : Gauche , Centre ou Droite . | |
Position du contenu | Sélectionne votre position de contenu préférée : en bas à gauche ou en bas à droite . | |
Image | Image | Choisit/télécharge une image pour la section. |
Couleurs | ||
Texte | Modifie la couleur du texte. | |
Arrière-plan | Change la couleur de l'arrière-plan. | |
Souligner | Change la couleur de la surbrillance. | |
Texte du bouton | Change la couleur du texte du bouton. | |
Arrière-plan du bouton | Change la couleur de l'arrière-plan du bouton. | |
Dégradé de fond de bouton | Change la couleur du dégradé d’arrière-plan du bouton. |
Blocs disponibles :
- 2.4.1 Titre
- 2.4.2 Texte
- 2.4.3 Bouton
- 2.4.4 Lien
- 2.4.5 Images
- 2.4.6 Formulaire
- 2.4.7 Icônes de réseaux sociaux
- 2.4.8 Espace vide
- 2.4.9 Liquide personnalisé
- 2.4.10 Barre flottante
2.4.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 :
|
2.4.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 :
|
2.4.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 | Ajuste 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. |
2.4.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. |
2.4.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 :
|
2.4.6 Les paramètres du bloc Formulaire.
Aucun paramètre personnalisable disponible.
2.4.7 Les paramètres du bloc Icônes des réseaux sociaux.
Pour afficher vos comptes de réseaux sociaux, associez-les dans vos paramètres de thème .
2.4.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 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 40 px. | |
Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 28 px. |
2.4.9 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
2.4.10 Les paramètres du bloc Barre flottante.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Barre flottante | ||
Titre | Le titre du bloc. | |
Position du contenu | Sélectionne votre position de contenu préférée : Gauche ou Droite | |
Afficher les icônes des réseaux sociaux | Pour afficher vos comptes de réseaux sociaux, associez-les dans vos paramètres de thème | |
Rubrique des réseaux sociaux | Titre du média social. | |
Disposition mobile | ||
Désactiver sur mobile | Se cache sur mobile. | |
Masque les icônes des réseaux sociaux | Activez pour masquer les icônes des réseaux sociaux. | |
Couleur | Vous pouvez éventuellement personnaliser les couleurs du bloc, notamment les suivantes :
|
C. Groupe de modèles
Ensemble de sections utilisées pour créer un type spécifique de page sur un site Web.
1. Articles de blog
Si vous avez un blog sur votre boutique Shopify, vous pouvez utiliser une section d'articles de blog pour mettre en évidence les articles de ce blog.
Paramètres des sections | Paramètres | Description |
---|---|---|
Articles de blog | ||
Blog | Sélectionne le blog à partir duquel vous souhaitez afficher les articles de blog. Si aucun blog n'est sélectionné, le premier blog par ordre alphabétique de votre page Blogs sera utilisé. | |
Nombre d'articles de blog à afficher | Le nombre d'articles de blog que vous souhaitez afficher dans la section. | |
Nombre de colonnes sur le bureau | Personnalise le nombre de colonnes affichées sur le bureau de 1 à 5. | |
Activer le carrousel sur le bureau | Affiche un carrousel d'articles de blog de la collection sur le navigateur de bureau. | |
Activer le bouton « Afficher tout » | Affiche un bouton Afficher tout qui renvoie à la page du blog si le blog contient plus de publications que la limite spécifiée. | |
Disposition mobile | ||
Nombre de colonnes sur mobile | Personnalise le nombre de colonnes affichées sur le navigateur mobile : 1 colonne ou 2 colonnes . | |
Activer le balayage sur mobile | Définit l’affichage mobile sur une ligne avec un balayage horizontal. | |
Carte d'articles de blog | ||
Rapport d'image | Le rapport d'image pour les images des articles de blog :
| |
Voir les étiquettes | Affiche les balises des articles du blog d'administration avec des images. | |
Afficher la date | Affiche la date de publication de l'article de blog. | |
Afficher le nombre de commentaires | Affiche le nombre total de commentaires publiés. | |
Afficher l'auteur | Affiche l'auteur des articles de blog. | |
Afficher sauf | Affiche l'extrait des articles du blog. | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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 | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Cette section ne prend pas en charge l'ajout de blocs.
2. Collages
Cette section crée un collage de vidéos ou d'images sur deux colonnes. Par défaut, la section contient un bloc vidéo, produit et collection.
Paramètres des sections | Paramètres | Description |
---|---|---|
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
Activer l'effet de parallaxe | Activez l'effet de parallaxe, qui crée l'illusion de profondeur dans une image ou une scène en deux dimensions. La direction de la parallaxe peut être choisie parmi les 3 options suivantes : | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles :
- 2.1 Bloc d'images
- 2.2 Bloc vidéo
2.1 Les paramètres du bloc Image.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Image | ||
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Titre | Le titre du bloc. | |
Lien | Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent. | |
Inverser le sous-titre et le titre | Les échanges positionnent le titre et le sous-titre. | |
Image | Choisit/télécharge une image pour le bloc. | |
Rapport d'image | Le rapport d'image pour les images des articles de blog :
| |
Position du contenu du bureau | La position du contenu sur le bureau : | |
Alignement du contenu du bureau | L’alignement du contenu sur desktop : | |
Disposition mobile | ||
Image mobile | L'image du bloc affiché sur mobile. | |
Rapport d'image mobile | Le rapport d'image pour les images sur le navigateur mobile :
| |
Position du contenu mobile | La position du contenu sur le navigateur mobile : | |
Alignement du contenu mobile | L’alignement du contenu sur navigateur mobile : | |
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 :
|
2.2 Les paramètres du bloc Vidéo.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Vidéo | ||
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Titre | Le titre du bloc. | |
Lien | Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent. | |
Inverser le sous-titre et le titre | Les échanges positionnent le titre et le sous-titre. | |
Vidéo hébergée par Shopify | Vidéo | Sélectionne une vidéo parmi les vidéos hébergées par Shopify |
Intégrer la vidéo à partir de l'URL | ||
URL | Le lien YouTube ou Vimeo vers la vidéo. La vidéo doit être accessible au public. | |
Image de couverture | L'image qui s'affiche avant la lecture de la vidéo. | |
Texte ALT vidéo | Décrivez la vidéo pour la rendre accessible aux clients utilisant des lecteurs d'écran. | |
Activer la lecture automatique de la vidéo | Lecture automatique de la vidéo. | |
Activer la boucle vidéo | Lecture vidéo à plusieurs reprises. | |
Rapport d'image | Le rapport d'image pour les images des articles de blog :
| |
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 | ||
Vidéo mobile | Choisit/télécharge une vidéo en la téléchargeant pour le navigateur mobile. | |
Ou intégrez la vidéo à partir de l'URL | Intégrez une vidéo à partir d’une URL sur un navigateur mobile. | |
Image de couverture mobile | L'image qui s'affiche avant la lecture de la vidéo sur mobile. | |
Rapport d'image mobile | Le rapport d'image pour les images sur le navigateur de bureau :
| |
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 : | |
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 :
| |
Couleur | Vous pouvez éventuellement personnaliser les couleurs du bloc, notamment les suivantes :
|
3. Collage d'articles de blog
Cette section capte l'attention des lecteurs avec un collage d'articles de blog.
Paramètres des sections | Paramètres | Description |
---|---|---|
Articles de blog sur les collages | ||
Blog | Le blog dont vous souhaitez afficher les articles de blog. | |
Nombre d'articles de blog à afficher | Le nombre d'articles de blog que vous souhaitez afficher dans la section. | |
Activer le bouton « Afficher tout » | Affiche un bouton Afficher tout qui renvoie à la page du blog si le blog contient plus de publications que la limite spécifiée. | |
Carte postale du blog | ||
Rapport d'image | Le rapport d'image pour les images des articles de blog :
| |
Voir les étiquettes | Affichage des balises des articles du blog d'administration, incorporant des images le cas échéant pour améliorer le contenu. | |
Afficher la date | Affiche la date de publication de l'article de blog. | |
Afficher le nombre de commentaires | Affiche le nombre total de commentaires d'articles de blog publiés. | |
Afficher l'auteur | Affiche l'auteur du billet de blog. | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Cette section ne prend pas en charge l'ajout de blocs.
4. Liste des collections
Vous pouvez ajouter une liste de collections que vous souhaitez mettre en valeur.
Paramètres des sections | Paramètres | Description |
---|---|---|
Liste des collections | ||
Nombre de colonnes sur le bureau | Personnalisez le nombre de colonnes affichées sur le navigateur de bureau de 1 à 5. | |
Activer le carrousel sur le bureau | Affiche un carrousel de produits de la collection sur le navigateur de bureau. | |
Image | Choisissez des images dans Image de collection ou Premier produit . | |
Rapport d'image | Le rapport d'image pour les images de collection :
| |
Activer le bouton « Afficher tout » | Si le blog contient plus d'articles de blog que ce qui est défini dans le champ Article de blog, un bouton « Afficher tout » s'affiche alors qui redirige les clients vers la page du blog. | |
Disposition mobile | ||
Nombre de colonnes sur mobile | Personnalise le nombre de colonnes affichées sur le navigateur mobile : 1 colonne ou 2 colonnes . | |
Activer le balayage sur mobile | Définit l’affichage mobile sur une ligne avec un balayage horizontal. | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Bloc disponible : Bloc de collecte.
Les paramètres du bloc Collection.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Collection | ||
Collection | Choisissez la collection dont vous souhaitez afficher les produits. | |
Des produits | Vous pouvez afficher des produits individuels au lieu de la collection entière. | |
Titre | Le titre de la collection en vedette |
5. Formulaire de contact
Votre formulaire de contact envoie toutes les soumissions à l'adresse e-mail de l'expéditeur de votre boutique. Vous pouvez modifier l'adresse e-mail de l'expéditeur dans les paramètres généraux de votre interface administrateur Shopify .
Le formulaire a les fondamentaux suivants :
- Nom
- Email (requis)
- Commentaire
- Les champs personnalisés sont également pris en charge.
Paramètres des sections | Paramètres | Description |
---|---|---|
Formulaire de contact | Toutes les soumissions sont envoyées à l'adresse e-mail de l'expéditeur de votre boutique. | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoutez des styles personnalisés à cette section avec CSS |
Blocs disponibles :
- 5.1 Contacter la presse
- 5.2 Icônes des réseaux sociaux
- 5.3 Champ personnalisé
5.1 Les paramètres du bloc presse Contact.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Contacter la presse | ||
Titre | Le titre du bloc (ex : Service client. ) | |
Texte | Le texte à afficher dans le bloc. |
5.2 Les paramètres du bloc Icônes des réseaux sociaux.
Titre | Permet de changer le titre de ce bloc. |
---|
5.2 Les paramètres du bloc Champ personnalisé.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Champ personnalisé | ||
Taper | Sélectionne 5 des éléments suivants pour afficher les types de blocs : | |
Étiquette | Ajoute le texte de l'étiquette. | |
Requis | Marque ce paramètre comme option obligatoire. | |
Pleine largeur | Rend le paramètre de bloc sur toute la largeur. | |
Case à cocher | ||
Valeur vérifiée | Définit la valeur de la valeur vérifiée. | |
Valeur non vérifiée | Définit la valeur pour la valeur non cochée. | |
Boutons radio | Possibilités | Ajoute les options. Sépare vos options par une virgule (ex : Option 1, Option 2, Option 3 ). |
La liste déroulante | Possibilités | Ajoute les options. Sépare vos options par une virgule (ex : Option 1, Option 2, Option 3 ). |
6. Contact avec la carte
Une section affiche une adresse cartographique.
Paramètres des sections | Paramètres | Description |
---|---|---|
Contact avec la carte | Toutes les soumissions sont envoyées à l'adresse e-mail de l'expéditeur de votre boutique. | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
Carte | ||
Adresse de la carte | Entrez votre adresse. Google Maps trouvera l'emplacement exact. | |
Clé API Google Maps | Entrez votre clé API Google | |
Zoom sur la carte | Effectuez un zoom avant du niveau 12 à 20. Des niveaux de zoom plus élevés affichent plus de détails. | |
Style de carte | Choisissez l'une des 6 options suivantes pour formater le style de carte : | |
Image | Choisit une image de carte de sauvegarde à afficher si la carte ne parvient pas à se charger. | |
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
| |
Disposition mobile | Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur 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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
Activer l'effet de parallaxe | Activez l'effet de parallaxe, qui crée l'illusion de profondeur dans une image ou une scène en deux dimensions. La direction de la parallaxe peut être choisie parmi les 3 options suivantes : | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles :
- 6.1 Contacter la presse
- 6.2 Icônes des réseaux sociaux
- 6.3 Champ personnalisé
6.1 Les paramètres du bloc presse Contact.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Contacter la presse | ||
Titre | Le titre du bloc (ex : Service client. ) | |
Texte | Le texte à afficher dans le bloc. |
6.2 Les paramètres du bloc Icônes des réseaux sociaux.
Titre | Permet de changer le titre de ce bloc. |
---|
6.3 Les paramètres du bloc de champ personnalisé.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Champ personnalisé | ||
Taper | Sélectionne 5 des éléments suivants pour afficher les types de blocs : | |
Étiquette | Ajoute le texte de l'étiquette. | |
Requis | Marque ce paramètre comme option obligatoire. | |
Pleine largeur | Rend le paramètre de bloc sur toute la largeur. | |
Case à cocher | ||
Valeur vérifiée | Définit la valeur de la valeur vérifiée. | |
Valeur non vérifiée | Définit la valeur pour la valeur non cochée. | |
Boutons radio | Possibilités | Ajoute les options. Séparez vos options par une virgule (par exemple : Option 1, Option 2, Option 3 .) |
La liste déroulante | Possibilités | Ajoute les options. Séparez vos options par une virgule (par exemple : Option 1, Option 2, Option 3 .) |
7. Compte à rebours
Cette section affiche un compte à rebours actif qui expire à une heure donnée. Cela peut être utilisé à des fins diverses, notamment le démarrage des ventes, l’ouverture des magasins et l’expiration des offres exclusives. Voici un exemple du compte à rebours des ventes hebdomadaires pour un produit spécifique.
Paramètres des sections | Paramètres | Description |
---|---|---|
Compte à rebours | ||
Autoriser l'en-tête transparent | Ce paramètre s'applique uniquement lorsque cette section est la première | |
Image | L'image de la section sur le navigateur de bureau. | |
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 | Image de couverture de la section sur navigateur 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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
Activer l'effet de parallaxe | Activez l'effet de parallaxe, qui crée l'illusion de profondeur dans une image ou une scène en deux dimensions. La direction de la parallaxe peut être choisie parmi les 3 options suivantes : | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles :
- 7.1 Titre
- 7.2 Sous-titre
- 7.3 Texte
- 7.4 Bouton
- 7.5 Lien
- 7.6 Image
- 7.7 Liquide personnalisé
- 7.8 Espace vide
7.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 :
|
7.2 Les paramètres du bloc Sous-titre.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Sous-titre | ||
Sous-titre | Le sous-titre du titre. | |
Taille du sous-titre | Taille du sous-titre : | |
Utiliser une couleur secondaire | Applique une couleur un peu plus claire en fonction de la couleur du texte. |
7.3 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 :
|
7.4 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 | Ajuste 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. |
7.2 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. |
7.6 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 :
|
7.7 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
7.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 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 40 px. | |
Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 28 px. |
8. Liquide personnalisé
Vous pouvez ajouter votre propre code Liquid pour créer une section personnalisée.
- Ajoutez des extraits d'application fournis dans les instructions de vos applications téléchargées pour introduire facilement des applications sur vos pages.
- Ajoutez du code Liquid personnalisé directement dans l’éditeur.
Paramètres des sections | Paramètres | Description |
---|---|---|
Liquide personnalisé | Code liquide | Ajoutez des extraits d'application ou d'autres codes pour créer des personnalisations avancées. |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Cette section ne prend pas en charge l'ajout de blocs.
9. Inscription par e-mail
Vous pouvez ajouter votre propre code Liquid pour créer une section personnalisée.
- Ajoutez des extraits d'application fournis dans les instructions de vos applications téléchargées pour introduire facilement des applications sur vos pages.
- Ajoutez du code Liquid personnalisé directement dans l’éditeur.
Paramètres des sections | Paramètres | Description |
---|---|---|
Inscription par courrier électronique | ||
Largeur du contenu du bureau | Détermine la largeur de l'image lorsqu'elle est affichée sur le bureau : | |
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau : | |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles :
- 9.1 Titre
- 9.2 Sous-titre
- 9.3 Texte
- 9.4 Bouton
- 9.5 Lien
- 9.6 Image
- 9.7 Liquide personnalisé
- 9.8 Espace vide
9.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 :
|
9.2 Les paramètres du bloc Icônes des réseaux sociaux.
Affiche les comptes de réseaux sociaux que vous avez configurés dans les paramètres de votre thème .
9.3 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 :
|
9.4 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. |
9.5 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. |
9.6 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 :
|
9.7 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
9.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 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 40 px. | |
Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 28 px. |
10. Espace vide
Avec cette section, vous pouvez personnaliser la hauteur de l'espace vertical entre les sections, respectivement en fonction des différents appareils.
Paramètres des sections | Paramètres | Description |
---|---|---|
Espace libre | ||
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
| |
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
| |
Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Cette section ne prend pas en charge l'ajout de blocs.
11. FAQ
La section FAQ (questions fréquemment posées) affiche les questions et réponses courantes des clients à l'aide d'une mise en page dynamique en accordéon.
Paramètres des sections | Paramètres | Description |
---|---|---|
FAQ | Style | Choisissez Avec style de bordure ou Avec style d'arrière-plan pour afficher la section |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles :
- 11.1 Texte enrichi
- 11.2 Question
- 11.3 Formulaire de contact
11.1 Les paramètres du bloc de texte enrichi.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Texte riche | ||
Titre | Le titre du bloc. | |
Texte | Ajoute un texte descriptif pour ce bloc. | |
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 :
|
11.2 Les paramètres du bloc Question.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Question | ||
Question | Ajoute une question fréquemment posée. | |
Répondre | Ajoute la réponse. | |
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 :
|
11.3 Les paramètres du bloc Formulaire de contact.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Formulaire de contact | ||
Titre | Le titre de la colonne. | |
Texte | Le texte à afficher dans le bloc. | |
Afficher le numéro de téléphone | Affiche le numéro de téléphone. | |
Avatar de l'équipe | Choisit/télécharge une image pour afficher l'avatar de l'équipe. | |
Hauteur de l'avatar de l'équipe | La hauteur de l'avatar de l'équipe peut être ajustée de 20 px à 100 px. | |
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 :
|
12. Collection en vedette
Cette section vous permet d'afficher plusieurs collections dans plusieurs colonnes, chaque colonne étant affichée dans son propre onglet. Vous pouvez également ajouter une section présentant une collection spécifique.
Paramètres des sections | Paramètres | Description |
---|---|---|
Collection en vedette | ||
Collection | Choisissez la collection à partir de laquelle vous souhaitez afficher les produits. | |
Des produits | Ajoutez jusqu'à 50 produits à afficher. Remplace la collection lorsqu'elle est sélectionnée. | |
Maximum de produits à afficher | Le nombre de produits complémentaires peut aller de 2 à 12. | |
Nombre de colonnes sur le bureau | Personnalisez le nombre de colonnes affichées sur le navigateur de bureau de 1 à 5. | |
Activer le carrousel sur le bureau | Affiche un carrousel de produits de la collection sur un navigateur de bureau. | |
Activer le bouton « Afficher tout » | Le bouton « Tout afficher » sera ajouté sous votre liste de collections. Ceci est suggéré lorsque la liste comprend plus de collections que celles affichées. | |
Disposition mobile | ||
Nombre de colonnes sur mobile | Personnalise le nombre de colonnes affichées sur le navigateur mobile : 1 colonne ou 2 colonnes . | |
Activer le balayage sur mobile | Définit l’affichage mobile sur une ligne avec un balayage horizontal. | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Cette section ne prend pas en charge l'ajout de blocs.
13. Produit vedette
Vous pouvez ajouter une section présentant un produit spécifique.
Paramètres des sections | Paramètres | Description |
---|---|---|
Produit en vedette | ||
Produit | Sélectionnez un produit à afficher pour cette section. | |
Activer le contenu persistant sur le bureau | Épinglez le contenu à l'écran lorsque le client fait défiler vers le bas (ou vers le haut) les images du produit présenté. | |
Médias | ||
Largeur du support de bureau | La largeur du média sur bureau, qui peut être ajustée de 35% à 70% pour modifier la taille de cette section. | |
Disposition du bureau | Affiche la disposition du bureau :
| |
Position de la vignette | La position de la vignette : à côté du média ou en dessous du média | |
Zoom sur les images | 3 options disponibles :
| |
Masquer les médias des autres variantes après avoir sélectionné une variante. | Lorsqu'une variante est sélectionnée, les images des autres variantes sont masquées. Les images réapparaissent lorsque la variante est désélectionnée. | |
Activer la lecture automatique de la vidéo | Lecture automatique de la vidéo. | |
Activer la boucle vidéo | Lecture vidéo à plusieurs reprises. | |
Disposition mobile | ||
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. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles :
- 13.1 Fil d'Ariane
- 13.2 Texte
- 13.3 Titre
- 13.4 Prix
- 13.5 UGS
- 13.6 État des stocks
- 13.7 Sélecteur de quantité
- 13.8 Sélecteur de variantes
- 13.9 Boutons Acheter
- 13.10 Disponibilité de ramassage
- 13.11 Descriptif
- 13.12 Partager
- 13.13 Service d'assistance
- 13.14 Liquide personnalisé
- 13.15 Évaluation du produit
- 13.16 Produits complémentaires
- 13.17 rangée pliable
- 13h18 Lire la suite
- 13.19 Rotation du texte
13.1 Les paramètres du bloc Breadcrumb.
Activer l'affichage de la page des collections dans le fil d'Ariane.
13.2 Les paramètres du bloc Texte.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Texte | ||
Texte | Ajoute votre texte. | |
Taille du texte | La taille du texte peut être définie sur l'une des options suivantes : |
13.3 Les paramètres du cartouche.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Titre | ||
Taille du titre | La taille du titre : | |
Afficher le prix du produit | Permet d'afficher le prix du produit | |
Afficher la note du produit | Permet d'afficher la note du produit. |
13.4 Les paramètres du bloc Prix.
Activez Afficher l’avis de taxes pour afficher l’avis de taxes.
13.5 Les paramètres du bloc SKU.
Aucun paramètre personnalisable disponible.
13.6 Les paramètres du bloc État de l'inventaire.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Statut de l'inventaire | ||
Seuil de stock bas | La quantité minimale d'un produit spécifique qu'une entreprise souhaite avoir sous la main à un moment donné. Choisissez 0 pour toujours afficher en stock si disponible. | |
Afficher l'avis de transfert de stock | Affiche l'avis de transfert de stock | |
Schéma de couleur | Choisissez l'une des 6 options suivantes : |
13.7 Les paramètres du bloc de sélection de qualité.
Aucun paramètre personnalisable disponible.
13.8 Les paramètres du bloc Sélecteur de variantes.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Sélecteurs de variantes | ||
Afficher les étiquettes des variantes | Affiche le libellé des variantes. | |
Taper | Le style du sélecteur de variantes. Choisissez soit Dropdown soit Button . | |
Activer les échantillons de couleurs Nécessite que le type de sélecteur de variantes soit « Bouton ». | Affiche les variantes de couleurs dans des échantillons. Cela nécessite le type de sélecteur de variantes « Bouton ». | |
Tableau des tailles | Page du tableau des tailles | Si vous vendez des vêtements qui nécessitent que les clients connaissent leur taille avant d'effectuer un achat, vous pouvez ajouter un tableau des tailles personnalisé à votre page produit. Voici pour choisir votre page qui représente le contenu du tableau des tailles |
13.9 Les paramètres du bloc des boutons Acheter.
Ce bloc affiche le bouton « Ajouter au panier » et toute information de retrait en magasin. Il peut également afficher tous les boutons de paiement dynamiques.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Acheter des boutons | ||
Afficher le sélecteur de quantité | Affiche un sélecteur de quantité que les clients peuvent utiliser pour modifier le nombre d'unités du produit qu'ils souhaitent acheter. La quantité par défaut est 1. | |
Afficher les boutons de paiement dynamiques | En utilisant les méthodes de paiement disponibles sur votre boutique, les clients voient leur option préférée, comme PayPal ou Apple Pay. | |
Afficher le formulaire d’informations sur le destinataire pour les cartes-cadeaux. | Permet aux acheteurs d'envoyer des cartes-cadeaux à une date programmée accompagnées d'un message personnel. |
13.10 Les paramètres du bloc de disponibilité Pickup.
Permet à vos clients de voir la disponibilité dans les magasins de détail en configurant le retrait local .
13.11 Les paramètres du bloc Description.
Sélectionne la taille du texte de description :
13.12 Les paramètres du bloc Partager.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Partager | Texte | Ajoute du texte pour le bloc |
Bureau d'aide | ||
Afficher le service d'assistance | Permet d'afficher le service d'assistance | |
Étiquette d'aide | Le texte décrit le bloc d’étiquette d’aide. | |
Page d'aide | Ajoute l'URL que vous souhaitez lier. |
13.13 Les paramètres du bloc Help Desk.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Bureau d'aide | ||
Étiquette d'aide | Le texte décrit le bloc d’étiquette d’aide. | |
Page d'aide | Sélectionnez une page à laquelle lier le bloc Help Desk. |
13.14 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
13.15 Les paramètres du bloc Évaluation du produit.
Affiche la note moyenne du produit en étoiles avec le nombre d'avis entre parenthèses, par exemple : ★★★★★ (8). Nécessite également une application d'évaluation de produits telle que Shopify Product Reviews et des définitions de champs méta pour reviews.rating_count et reviews.rating.
13.16 Les paramètres du bloc Produit complémentaire.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Produits complémentaires | ||
Titre | Saisissez le texte de votre produit complémentaire. | |
Maximum de produits à afficher | Le nombre de produits complémentaires peut aller de 1 à 10. | |
Afficher le fournisseur | Affiche les fournisseurs des produits. | |
Afficher le prix | Affiche les prix des produits. |
13.17 Les paramètres du bloc de rangée pliable.
Paramètres de blocage | Paramètres | Description |
---|---|---|
rangée pliable | ||
Icône | Choisissez une icône SVG prédéfinie qui s'adapte à votre onglet pliable. L'option Aucun désactivera l'icône. | |
Titre | Le titre de l'onglet. S'affiche lorsqu'il est réduit et développé. | |
Contenu de la ligne | Le contenu de l'onglet. S'affiche uniquement lorsque l'onglet est développé. | |
Contenu de la ligne à partir de la page | Affiche le contenu d'une page dans l'onglet. Affiche uniquement le contenu de la page de l'éditeur de page, aucun style Liquid du modèle de page ne s'affiche dans ce bloc. Tout contenu saisi dans le contenu de l'onglet s'affiche au-dessus du contenu de la page. |
13.18 Les paramètres du bloc Lire la suite.
Aucun paramètre personnalisable disponible.
13.19 Les paramètres du bloc de texte Spinning.
Texte : ajoute le texte tournant.
14. Comparaison d'images
Cette section sert à comparer deux produits, en fonction de votre objectif.
Paramètres des sections | Paramètres | Description |
---|---|---|
Comparaison d'images | ||
Mise en page | Affiche la comparaison sous deux formats : | |
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
| |
Disposition mobile | Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
|
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Ajoute jusqu'à 2 blocs d'images dans cette section.
Les paramètres du bloc Image.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Image | ||
Image | Attribuez une image à utiliser comme comparaison pour cette collection sur les navigateurs de bureau. | |
Image mobile | Attribuez une image à utiliser comme comparaison pour cette collection sur les navigateurs mobiles. | |
Sous-titre | Les sous-titres sont placés au-dessus des titres correspondants et sont de plus petite taille. | |
Titre | Grand texte pour le titre de l'image. | |
Position du contenu | Position du texte du titre et du sous-titre. Choisissez l'une des 3 options : Étoile, Centre et Fin. | |
Couleur du texte | Couleur du texte. |
15. Image avec texte
Vous pouvez ajouter une section contenant une image et un bloc de texte avec un bouton facultatif pour lier les clients à une nouvelle page. Associez du texte à une image pour vous concentrer sur le produit, la collection ou l'article de blog que vous avez choisi. Ajoutez des détails sur la disponibilité, le style ou même fournissez un avis.
Paramètres des sections | Paramètres | Description |
---|---|---|
Image avec texte | ||
Image | L'image de la section affichée sur le navigateur de bureau. | |
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
| |
Largeur de l'image du bureau | Déterminez la largeur de l'image lorsqu'elle est affichée sur un ordinateur : petite, moyenne ou grande. | |
Placement des images sur le bureau | La disposition de la section sur le bureau :
| |
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau : | |
Disposition mobile | ||
Image mobile | L'image de la section affichée sur le navigateur mobile. | |
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur 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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
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 :
- 15.1 Titre
- 15.2 Texte
- 15.3 Bouton
- 15.4 Lien
- 15.5 Images
- 15.6 Liquide personnalisé
- 15.7 Espace vide
15.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 :
|
15.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 :
|
15.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. |
15.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. |
15.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 :
|
15.6 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
15.7 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 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 40 px. | |
Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 28 px. |
16. Images avec texte
Cette section est similaire à la section [Image avec texte], mais elle permet d'afficher deux images simultanément. Cela offre une plus grande flexibilité de conception pour votre page.
Paramètres des sections | Paramètres | Description |
---|---|---|
Image avec texte | ||
Image | La première image de la section affichée sur le navigateur de bureau. | |
Image 2 | La deuxième image de la section affichée sur le navigateur de bureau. | |
Rapport d'image | Le rapport d'image pour les images :
| |
Largeur de l'image du bureau | Déterminez la largeur de l'image lorsqu'elle est affichée sur un ordinateur : petite, moyenne ou grande. L'image est automatiquement optimisée pour les mobiles | |
Placement des images sur le bureau | La disposition de la section sur le bureau :
| |
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau : | |
Disposition 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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
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 :
- 16.1 Titre
- 16.2 Texte
- 16.3 Bouton
- 16h45 Lien
- 16.5 Image
- 16.6 Liquide personnalisé
- 16.7 Espace vide
16.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 :
|
16.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 :
|
16.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. |
16.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. |
16.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 :
|
16.6 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
16.7 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 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 40 px. | |
Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 28 px. |
17. Image avec superposition de texte
Vous pouvez présenter une grande image avec une superposition de texte personnalisée à vos clients. Votre message peut décrire un produit, partager une annonce ou souhaiter la bienvenue aux clients dans votre magasin.
Paramètres des sections | Paramètres | Description |
---|---|---|
Image avec texte | ||
Image | L'image de la section affichée sur le navigateur de bureau. | |
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
| |
Largeur de l'image du bureau | Déterminez la largeur de l'image lorsqu'elle est affichée sur un ordinateur : petite, moyenne ou grande. L'image est automatiquement optimisée pour les mobiles. | |
Placement des images sur le bureau | La disposition de la section sur le bureau :
L'image en premier est la mise en page mobile par défaut. | |
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau : | |
Disposition mobile | ||
Image mobile | L'image de la section affichée sur le navigateur mobile. | |
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur 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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
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 :
- 17.1 Titre
- 17.2 Sous-titre
- 17.3 Texte
- 17.4 Bouton
- 17.5 Lien
- 17.6 Image
- 17.7 Liquide personnalisé
- 17.8 Espace vide
17.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 :
|
17.2 Les paramètres du bloc Sous-titre.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Sous-titre | ||
Sous-titre | Le sous-titre du titre. | |
Taille du sous-titre | Taille du sous-titre : | |
Utiliser une couleur secondaire | Appliquez une couleur un peu plus claire en fonction de la couleur du texte. |
17.3 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 :
|
17.4 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. |
17.5 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. |
17.6 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 :
|
17.7 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
17.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 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 40 px. | |
Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 28 px. |
18. Images avec superposition de texte
Cette section est similaire à la section [Image avec superposition de texte], mais elle vous permet d'afficher jusqu'à cinq images simultanément. Cela offre une plus grande flexibilité de conception pour votre page.
Paramètres des sections | Paramètres | Description |
---|---|---|
Image avec superposition de texte | ||
Autoriser l'en-tête transparent | Ce paramètre s'applique uniquement lorsque cette section est la première. | |
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 : | |
Image 1 | La première image de la section affichée sur le navigateur de bureau. | |
Image 2 | La deuxième image de la section affichée sur le navigateur de bureau. | |
Image 3 | La troisième image de la section affichée sur le navigateur de bureau. | |
Image 4 | La quatrième image de la section affichée sur le navigateur de bureau. | |
Image 5 | La cinquième image de la section affichée sur le navigateur de bureau. | |
Disposition 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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
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 :
- 18.1 Titre
- 18.2 Sous-titre
- 18.3 Texte
- 18.4 Bouton
- 18.5 Lien
- 18.6 Image
- 18.7 Liquide personnalisé
- 18.8 Espace vide
18.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 :
|
18.2 Les paramètres du bloc Sous-titre.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Sous-titre | ||
Sous-titre | Le sous-titre du titre. | |
Taille du sous-titre | Taille du sous-titre : | |
Utiliser une couleur secondaire | Appliquez une couleur un peu plus claire en fonction de la couleur du texte. |
18.3 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 :
|
18.4 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. |
18.5 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. |
18.6 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 :
|
18.7 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
18.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 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 40 px. | |
Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 28 px. |
19. Liste des logos
Une section permet d'afficher une liste horizontale de logos.
Paramètres des sections | Paramètres | Description |
---|---|---|
Liste des logos | ||
Style | Choisissez Avec style de bordure ou Avec style d'arrière-plan pour afficher la section. | |
Espace horizontal | Espacement horizontal des logos adjacents. Peut aller de 50 px à 200 px, augmentant arithmétiquement de 5 px. | |
Style chapiteau | ||
Direction | Parcourez le mouvement du logo Gauche ou Droite . | |
Vitesse | Ajustez la vitesse de navigation, de 1x à 30x. | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rend la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Chaque logo est configuré dans le bloc Logo
Les paramètres du bloc Logo.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Logo | ||
Image | Sélectionne une image de logo. | |
Hauteur de l'image | Ajuste la hauteur du logo, de 0px à 200px, en augmentant arithmétiquement de 4px. | |
Lien | Ajoute l'URL que vous souhaitez lier. |
20. Lookbook
Cette section crée des épingles de produit sur un tableau d'images dans lequel chaque épingle dirige les clients vers les détails du produit.
Paramètres des sections | Paramètres | Description |
---|---|---|
Lookbook | ||
Image | L'image de la section sur le bureau. | |
Image mobile | L'image de la rubrique sur mobile. | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles :
- Bloc produit
- Blocage de contenu
20.1 Les paramètres du bloc Produit.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Produit | Sélectionner un produit | Sélectionne un produit de ce bloc. |
Point chaud | ||
Texte | Ajuste la couleur du texte. | |
Position verticale | Spécifie la distance entre le point et le bord supérieur de l'image. | |
Position horizontale | Spécifie la distance entre le point et le bord gauche de l'image. | |
Disposition mobile | ||
Position verticale | Spécifie la distance entre le point et le bord supérieur de l'image sur le navigateur mobile. | |
Position horizontale | Spécifie la distance entre le point et le bord gauche de l'image sur le navigateur mobile. |
20.2 Les paramètres du bloc Contenu.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Contenu | ||
Titre | Titre du spot. | |
Texte | Sous-texte, qui est plus petit que le titre. | |
Lien | Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent. | |
Point chaud | ||
Texte | La couleur du texte. | |
Position verticale | Spécifie la distance entre le point et le bord supérieur de l'image. | |
Position horizontale | Spécifie la distance entre le point et le bord gauche de l'image. | |
Disposition mobile | ||
Position verticale | Spécifie la distance entre le point et le bord supérieur de l'image sur le navigateur mobile. | |
Position horizontale | Spécifie la distance entre le point et le bord gauche de l'image sur le navigateur mobile. |
21. Carte
Cette section affiche une carte Google Maps qui met en évidence l'emplacement de votre entreprise.
Paramètres des sections | Paramètres | Description |
---|---|---|
Carte | ||
Autoriser l'en-tête transparent | Ce paramètre n'est applicable que lorsque cette section est la première. | |
Adresse de la carte | Entrez votre adresse. Google Maps trouvera l'emplacement exact. | |
Clé API Google Maps | Entrez votre clé API Google. | |
Zoom sur la carte | Effectuez un zoom avant du niveau 12 à 20. Des niveaux de zoom plus élevés affichent plus de détails. | |
Style de carte | Choisissez l'une des 6 options suivantes pour formater le style de carte : | |
Image | Choisissez une image de carte de sauvegarde à afficher si la carte ne parvient pas à se charger. | |
Hauteur du bureau | Détermine la hauteur 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 | ||
Disposition mobile | Choisissez un style pour afficher cette section sur le navigateur mobile :
| |
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur 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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
Activer l'effet de parallaxe | Activez l'effet de parallaxe, qui crée l'illusion de profondeur dans une image ou une scène en deux dimensions. La direction de la parallaxe peut être choisie parmi les 3 options suivantes : | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles :
- 21.1 Titre
- 21.2 Sous-titre
- 21.3 Texte
- 21.4 Bouton
- 21.5 Lien
- 21.6 Image
- 21.7 Liquide personnalisé
- 21.8 Espace vide
21.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 :
|
21.2 Les paramètres du bloc Sous-titre.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Sous-titre | ||
Sous-titre | Le sous-titre du titre. | |
Taille du sous-titre | Taille du sous-titre :
| |
Utiliser une couleur secondaire | Appliquez une couleur un peu plus claire en fonction de la couleur du texte. |
21.3 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 :
|
21.4 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. |
21.5 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. |
21.6 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 :
|
21.7 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
21.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 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 40 px. | |
Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 28 px. |
22. Multicolonne
Vous pouvez utiliser la section multicolonnes pour afficher le contenu dans une disposition en colonnes et ajouter un bouton sous les colonnes pour diriger le client vers une nouvelle page. Associez du texte à une image pour vous concentrer sur le produit, la collection ou l'article de blog que vous avez choisi. Ajoutez des détails sur la disponibilité, le style ou donnez votre avis.
Paramètres des sections | Paramètres | Description |
---|---|---|
Multicolonne | Nombre de colonnes sur le bureau | Personnalisez le nombre de colonnes affichées sur le navigateur de bureau : 2 colonnes ou 4 colonnes . |
Disposition mobile | ||
Nombre de colonnes sur mobile | Personnalise le nombre de colonnes affichées sur le navigateur mobile : 1 colonne ou 2 colonnes . | |
Activer le balayage sur mobile | Définit l’affichage mobile sur une ligne avec un balayage horizontal. | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Bloc disponible : Bloc de colonnes .
Les paramètres du bloc Colonne.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Colonne | ||
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau : | |
Alignement du contenu mobile | Définit l'alignement du contenu sur le navigateur mobile : | |
Image | L'image du bloc. | |
Rapport d'image | Le rapport d'image pour les images de blocs :
| |
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 . | |
Description | La description de l'image. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
|
23. Multicolonne avec icônes
Paramètres des sections | Paramètres | Description |
---|---|---|
Multicolonne avec icônes | ||
Nombre de colonnes sur le bureau | Personnalisez le nombre de colonnes affichées sur le navigateur de bureau : 2 colonnes ou 4 colonnes. | |
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau : | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Bloc disponible : Bloc de colonnes .
Les paramètres du bloc Colonne.
\Paramètres de blocage | Paramètres | Description |
---|---|---|
Colonne | ||
Icône | Sélectionne une icône dans la liste des icônes. | |
Titre | Le titre de la colonne. | |
Description | Le texte décrit la colonne. | |
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 :
|
24. Plusieurs collections en vedette
Vous pouvez ajouter une section pour afficher les produits de n'importe quelle combinaison de collections.
Chaque collection est configurée dans le bloc Collection
Paramètres des sections | Paramètres | Description |
---|---|---|
Collection en vedette | ||
Maximum de produits à afficher | Le nombre de produits complémentaires peut aller de 2 à 12. | |
Nombre de colonnes sur le bureau | Personnalise le nombre de colonnes affichées sur le navigateur de bureau de 1 à 5. | |
Activer le carrousel sur le bureau | Affiche un carrousel de produits de la collection sur un navigateur de bureau. | |
Activer le bouton « Afficher tout » | Le bouton « Tout afficher » sera ajouté sous votre liste de collections. Ceci est suggéré lorsque la liste comprend plus de collections que celles affichées. | |
Disposition mobile | ||
Nombre de colonnes sur mobile | Personnalise le nombre de colonnes affichées sur le navigateur mobile : 1 colonne ou 2 colonnes . | |
Activer le balayage sur mobile | Définit l’affichage mobile sur une ligne avec un balayage horizontal. | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Bloc disponible : Bloc de collecte .
Les paramètres du bloc Collection.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Collection | ||
Collection | Choisissez la collection à partir de laquelle vous souhaitez afficher les produits. | |
Des produits | Vous pouvez afficher des produits individuels au lieu de la collection entière. | |
Titre | Le titre de la collection en vedette |
25. Portefeuille
Cette section vous permet d'ajouter une collection de vos échantillons de travail, produits et autres éléments pertinents pour démontrer votre valeur aux clients.
Paramètres des sections | Paramètres | Description |
---|---|---|
Portefeuille | ||
Nombre de colonnes sur le bureau | Personnalise le nombre de colonnes affichées sur le navigateur de bureau de 1 colonne à 5 colonnes | |
Disposition du bureau | Affiche la disposition du bureau : | |
Rapport d'image | Le rapport d'image pour les images sur le navigateur de bureau :
| |
Disposition mobile | ||
Rapport d'image mobile | Le rapport d'image pour les images sur le navigateur mobile :
| |
Nombre de colonnes sur mobile | Personnalise le nombre de colonnes affichées sur le navigateur mobile : 1 colonne ou 2 colonnes . | |
Activer le balayage sur mobile | Définit l’affichage mobile sur une ligne avec un balayage horizontal. | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Chaque élément du portefeuille est configuré dans le bloc En-tête .
Les paramètres du bloc Titre.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Profil | ||
Image | L'image du bloc. | |
Image mobile | L'image du bloc sur le navigateur mobile. | |
Titre | Le titre du bloc. | |
Texte | Le texte décrit le bloc. | |
Texte en couleur | Peut ajuster les couleurs du texte et de l’arrière-plan . |
26. Récemment consulté
Aide vos clients à trouver les produits qu'ils ont déjà visités et les incite à acheter. Il est ainsi plus facile pour vos clients de les retrouver plutôt que de se repérer dans le menu de navigation.
Paramètres des sections | Paramètres | Description |
---|---|---|
Vu récemment | ||
Nombre de produits récents | Le nombre de produits complémentaires peut aller de 2 à 12. | |
Nombre de colonnes sur le bureau | Personnalise le nombre de colonnes affichées sur le navigateur de bureau de 1 colonne à 5 colonnes | |
Activer le carrousel sur le bureau | Affiche un carrousel de produits de la collection sur un navigateur de bureau. | |
Disposition mobile | ||
Nombre de colonnes sur mobile | Personnalise le nombre de colonnes affichées sur le navigateur mobile : 1 colonne ou 2 colonnes . | |
Activer le balayage sur mobile | Définit l’affichage mobile sur une ligne avec un balayage horizontal. | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Cette section ne prend pas en charge l'ajout de blocs.
27. Texte enrichi
Vous pouvez ajouter une section de texte enrichi avec un en-tête, un contenu de paragraphe et un bouton pour lier les clients à une nouvelle page.
Paramètres des sections | Paramètres | Description |
---|---|---|
Texte riche | ||
Alignement du contenu du bureau | L’alignement du contenu sur desktop : | |
Alignement du contenu mobile | Définit l'alignement du contenu sur le navigateur mobile : | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles :
- 27.1 Titre
- 27.2 Texte
- 27.3 Bouton
- 27.4 Lien
- 27.5 Image
- 27.6 Liquide personnalisé
- 27.7 Espace vide
27.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 :
|
27.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 :
|
27.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. |
27.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. |
27.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 :
|
27.6 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
27.7 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 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 40 px. | |
Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 28 px. |
28. Texte défilant
Cette section permet la création d'un texte défilant qui se déplace sur l'écran. Il peut être utilisé pour afficher de nombreuses informations dans un petit espace, attirer l’attention ou à d’autres fins.
Paramètres des sections | Paramètres | Description |
---|---|---|
Texte défilant | ||
Direction | Sélectionnez le sens de défilement souhaité :
| |
Vitesse | Détermine la vitesse du texte défilant. Peut aller de 0,5/100px à 2,5/100px, augmentant arithmétiquement de 0,1/100px. | |
Espace horizontal | L'espacement entre les textes varie de 50 px à 200 px, augmentant par incréments de 5 px. | |
Activer les chapiteaux jumeaux | Affiche deux chapiteaux en même temps | |
Activer l'effet de parallaxe | Activez l'effet de parallaxe, qui crée l'illusion de profondeur dans une image ou une scène en deux dimensions. Ce paramètre peut être utilisé pour mettre en évidence le texte défilant. | |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles :
- Bloc de texte
- Bloc d'images
28.1 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 entre 12 px et 180 px. | |
Police du texte | Choisissez entre 2 options pour le formatage du texte : Corps ou Titre . | |
Texte au pochoir | Activer le texte du pochoir. Peut ne pas fonctionner dans tous les navigateurs. |
28.2 Les paramètres du bloc Image.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Texte | ||
Image | Sélectionne une image pour le bloc. | |
Hauteur de l'image | La hauteur de l'image peut être définie entre 12 px et 180 px. |
29. Achetez le look
Une section qui permet aux clients d'interagir avec des produits ou une collection lorsqu'ils cliquent dessus.
Chaque produit dans Shop, le look est configuré dans le bloc Produit
Paramètres des sections | Paramètres | Description |
---|---|---|
Achetez le look | ||
Image | L'image de la section sur le navigateur de bureau | |
Image mobile | L'image de la rubrique sur navigateur mobile | |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Bloc disponible : Bloc produit
Les paramètres du bloc Produit.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Produit | Sélectionner un produit | Sélectionne un produit de ce bloc. |
Point chaud | ||
Texte | Ajuste la couleur du texte. | |
Position verticale | Spécifie la distance entre le point et le bord supérieur de l'image. | |
Position horizontale | Spécifie la distance entre le point et le bord gauche de l'image. | |
Disposition mobile | ||
Position verticale | Spécifie la distance entre le point et le bord supérieur de l'image sur le navigateur mobile. | |
Position horizontale | Spécifie la distance entre le point et le bord gauche de l'image sur le navigateur mobile. |
30. Diaporama
Vous pouvez ajouter un diaporama d'images à votre page d'accueil. Dans la section diaporama, vous pouvez définir la hauteur des diapositives, ajouter du texte et des boutons et choisir si votre diaporama est lu automatiquement. Un minimum de 3 diapositives est généralement recommandé pour un effet de transition en douceur.
Remarque : En raison de l'utilisation des images, la présence d'un curseur peut légèrement ralentir votre site Web. Vous pouvez donc l'utiliser, mais c'est à vos propres risques.
Paramètres des sections | Paramètres | Description |
---|---|---|
Diaporama | ||
Rotation automatique des diapositives | Définit la lecture automatique du diaporama. | |
Changer de diapositive tous les | Définit le temps de transition des diapositives de 3 secondes à 9 secondes. | |
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 : | |
Disposition mobile | Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur 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. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles : bloc de diapositives d'image et bloc de diapositives vidéo
30.1 Les paramètres du bloc Diapositive Image.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Image | ||
Image | L'image que vous souhaitez afficher. | |
Image mobile | En option, vous pouvez définir une image pour mobile. | |
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. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
Utiliser le style du bouton de contour | Affiche le style de contour du bouton. |
30.1 Les paramètres du bloc Diapositive vidéo.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Vidéo | ||
Vidéo hébergée par Shopify | Sélectionne une vidéo parmi les vidéos hébergées par Shopify | |
Intégrer la vidéo à partir de l'URL | Intégrez la vidéo à partir de l'URL sur le navigateur de bureau. | |
Image de couverture | L'image qui s'affiche avant qu'un client ne joue la vidéo. | |
Texte ALT vidéo | Décrivez la vidéo pour la rendre accessible aux clients utilisant des lecteurs d'écran. | |
Disposition mobile | ||
Vidéo mobile | Insérez une vidéo en la téléchargeant pour le navigateur mobile. | |
Intégrer la vidéo à partir de l'URL | Intégrez une vidéo à partir d’une URL sur un navigateur mobile. | |
Image de couverture mobile | L'image qui s'affiche avant qu'un client ne lise la vidéo sur un navigateur mobile. | |
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. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
Utiliser le style du bouton de contour | Activez le style du bouton de contour. |
31. Témoignages
Lorsqu'il s'agit de prendre des décisions d'achat en ligne, les avis des clients et les témoignages des consommateurs peuvent faire ou défaire une vente. Cette section permet de créer une preuve sociale et d'augmenter les conversions avec une section de page dédiée.
Chaque témoignage de cette section est configuré dans le bloc Témoignages
Paramètres des sections | Paramètres | Description |
---|---|---|
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles : Bloc Témoignage .
Les paramètres du bloc Témoignage.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Témoignage | ||
Icône | Choisit une icône prédéfinie qui s'affiche juste au-dessus du texte de la citation. L'option Aucun désactivera l'icône.
| |
Texte | Votre texte personnalisé, cela pourrait être l'avis de votre client. | |
Auteur | Votre texte personnalisé, cela pourrait être le nom du client. | |
Image de l'auteur | Cela pourrait être l'image de votre client pour rendre le témoignage plus fiable. | |
Rapport d'image | Choisissez l'une des 3 options suivantes : | |
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 :
|
32. Bannière de témoignages
Cette section affiche des témoignages de clients satisfaits, souvent utilisés pour renforcer la confiance et la crédibilité auprès des clients potentiels.
Paramètres des sections | Paramètres | Description |
---|---|---|
Bannière de témoignages | ||
Autoriser l'en-tête transparent | Ce paramètre s'applique uniquement lorsque cette section est la première. | |
Image | L'image de la section sur le navigateur de bureau. | |
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 : | |
Disposition mobile | ||
Image mobile | L'image de la section sur le navigateur 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 : | |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
Activer l'effet de parallaxe | Activez l'effet de parallaxe, qui crée l'illusion de profondeur dans une image ou une scène en deux dimensions. La direction de la parallaxe peut être choisie parmi les 3 options suivantes : | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles : Bloc Témoignage .
Les paramètres du bloc Témoignage.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Témoignage | ||
Icône | Choisissez une icône prédéfinie qui s'affiche juste au-dessus du texte de la citation. L'option Aucun désactivera l'icône.
| |
Texte | Votre texte personnalisé, cela pourrait être l'avis de votre client. | |
Auteur | Votre texte personnalisé, cela pourrait être le nom du client. | |
Image de l'auteur | Cela pourrait être l'image de votre client pour rendre le témoignage plus fiable. | |
Rapport d'image | Choisissez l'une des 3 options suivantes :
| |
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 :
|
33. Chronologie
Paramètres des sections | Paramètres | Description |
---|---|---|
Chronologie | ||
Rapport d'image | Le rapport d'image pour les images sur le navigateur de bureau :
| |
Rapport d'image mobile | Le rapport d'image pour les images sur le navigateur mobile :
| |
Titre | ||
Titre | Le titre de la section. | |
Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Description | Le texte de description du titre est placé sous le titre. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
| |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Bloc disponible : Bloc de contenu .
Les paramètres du bloc Contenu.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Contenu | ||
Image | L'image du bloc sur le navigateur de bureau. | |
Image mobile | L'image du bloc sur le navigateur mobile. | |
Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
Titre | Grand texte pour le titre du bloc. | |
Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
Texte | Ajout de votre texte. Associez du texte à une image pour vous concentrer sur le produit, la collection ou l'article de blog que vous avez choisi. Ajoutez des détails sur la disponibilité, le style ou même fournissez un avis. | |
Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
Lien du bouton | L'URL du bouton. | |
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 :
|
34. Vidéo
Une section qui affiche une vidéo.
Paramètres des sections | Paramètres | Description |
---|---|---|
Vidéo | Autoriser l'en-tête transparent | Ce paramètre s'applique uniquement lorsque cette section est la première. |
Vidéo hébergée par Shopify | Vidéo | Sélectionne une vidéo parmi les vidéos hébergées par Shopify. |
Intégrer la vidéo à partir de l'URL | ||
URL | Le lien YouTube ou Vimeo vers la vidéo. La vidéo doit être accessible au public. | |
Image de couverture | L'image qui s'affiche avant qu'un client ne lise la vidéo sur le navigateur de bureau. | |
Texte ALT vidéo | Décrivez la vidéo pour la rendre accessible aux clients utilisant des lecteurs d'écran. | |
Activer la lecture automatique de la vidéo | Lecture automatique de la vidéo. Les vidéos sont automatiquement coupées pour permettre la lecture automatique. | |
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
| |
Disposition mobile | ||
Vidéo mobile | Choisit/télécharge une vidéo en la téléchargeant pour le navigateur mobile. | |
Ou intégrez la vidéo à partir de l'URL | Intégrez une vidéo à partir d’une URL sur un navigateur mobile. | |
Image de couverture mobile | L'image qui s'affiche avant qu'un client ne lise la vidéo sur un navigateur mobile. | |
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
| |
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 | Rendez le conteneur pleine largeur. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Cette section ne prend pas en charge l'ajout de blocs.
35. Héros vidéo
Affiche une grande bannière composée d'une vidéo en arrière-plan et d'une zone de texte avec des boutons.
Paramètres des sections | Paramètres | Description |
---|---|---|
Héros vidéo | Autoriser l'en-tête transparent | Ce paramètre s'applique uniquement lorsque cette section est la première. |
Vidéo hébergée par Shopify | Vidéo | Sélectionne une vidéo parmi les vidéos hébergées par Shopify. |
Intégrer la vidéo à partir de l'URL | ||
URL | Le lien YouTube ou Vimeo vers la vidéo. La vidéo doit être accessible au public. | |
Image de couverture | L'image qui s'affiche avant qu'un client ne joue la vidéo. | |
Texte ALT vidéo | Décrivez la vidéo pour la rendre accessible aux clients utilisant des lecteurs d'écran. | |
Activer la lecture automatique de la vidéo | Lecture automatique de la vidéo. Les vidéos sont automatiquement coupées pour permettre la lecture automatique. | |
Largeur du contenu du bureau | Détermine la largeur de l'image lorsqu'elle est affichée sur le bureau : | |
Disposition mobile | ||
Vidéo mobile | Choisit/télécharge une vidéo en la téléchargeant sur un navigateur mobile. | |
Ou intégrez la vidéo à partir de l'URL | Intégrez une vidéo à partir d'une URL sur un navigateur mobile. | |
Image de couverture mobile | L'image qui s'affiche avant qu'un client ne lise la vidéo sur un navigateur mobile. | |
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur 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 | Rendez le conteneur pleine largeur. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles : Bloc de diapositives .
Paramètres de blocage | Paramètres | Description |
---|---|---|
Glisser | ||
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 :
|
36. Vidéo avec superposition de texte
Paramètres des sections | Paramètres | Description |
---|---|---|
Superposition de texte vidéo | ||
Autoriser l'en-tête transparent | Ce paramètre s'applique uniquement lorsque cette section est la première | |
Vidéo | Télécharge ou intègre une vidéo sur un navigateur de bureau. | |
Image de couverture | L'image de la section sur le navigateur de bureau. | |
Texte ALT vidéo | Décrivez la vidéo pour la rendre accessible aux clients utilisant des lecteurs d'écran. | |
Activer la lecture automatique de la vidéo | Lecture automatique de la vidéo. Les vidéos sont automatiquement coupées pour permettre la lecture automatique. | |
Activer la boucle vidéo | Lecture vidéo à plusieurs reprises. | |
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 | ||
Vidéo mobile | Télécharge ou intègre une vidéo sur un navigateur de bureau. | |
Image de couverture mobile | Image de couverture de la section sur navigateur 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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles :
- 36.1 Titre
- 36.2 Sous-titre
- 36.3 Texte
- 36.4 Bouton
- 36.5 Lien
- 36.6 Images
- 36.7 Liquide personnalisé
- 36.8 Espace vide
36.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 :
|
36.2 Les paramètres du bloc Sous-titre.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Sous-titre | ||
Sous-titre | Le sous-titre du titre. | |
Taille du sous-titre | Taille du sous-titre :
| |
Utiliser une couleur secondaire | Appliquez une couleur un peu plus claire en fonction de la couleur du texte. |
36.3 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 :
|
36.4 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. |
36.5 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. |
36.6 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 :
|
36.7 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
36.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 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 40 px. | |
Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 28 px. |
D. Groupe de pied de page
Groupe de sections au bas de la page qui contient généralement des informations sur le site Web, telles que l'avis de droit d'auteur, les informations de contact du site Web et des liens vers des pages de réseaux sociaux.
1. Pied de page
Paramètres des sections | Paramètres | Description |
---|---|---|
Bas de page | ||
Inscription par courrier électronique Abonnés ajoutés automatiquement à votre liste de clients « marketing acceptés » En savoir plus . | Activer pour afficher l'inscription par e-mail. | |
Titre | Le titre de la section. | |
Titre | Ajoute votre propre texte pour afficher la description. | |
Icônes des médias sociaux | Afficher les icônes des réseaux sociaux | Affiche les icônes de réseaux sociaux que vous avez configurées dans les paramètres de votre thème . |
Suivez la boutique | Activer le suivi de la boutique | Activer pour afficher le suivi sur la boutique. |
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. | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
Activer l'effet de parallaxe | Activez l'effet de parallaxe, qui crée l'illusion de profondeur dans une image ou une scène en deux dimensions. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Blocs disponibles :
- Logo
- Menu
- Texte
- Informations sur la marque
1.1 Les paramètres du bloc Logo.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Logo | ||
Image | Choisit/télécharge une image de logo. | |
Hauteur de l'image | Ajuste la hauteur du logo, de 0px à 200px, en augmentant arithmétiquement de 4px. | |
Afficher les icônes des réseaux sociaux | Affiche les icônes de réseaux sociaux que vous avez configurées dans les paramètres de votre thème . | |
Activer le suivi de la boutique | Affiche le suivi sur la boutique. |
1.2 Les paramètres du bloc Menu.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Menu | ||
Titre | Facultatif, titre du bloc. | |
Choisissez un menu | Choisissez un menu à afficher. Affiche uniquement les éléments de menu de niveau supérieur. | |
Largeur de colonne | Ajustez la largeur de la colonne, de 15px à 95px, en augmentant arithmétiquement de 1px. |
1.3 Les paramètres du bloc Texte.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Texte | ||
Titre | Facultatif, titre du bloc. | |
Texte | Ajoute votre propre texte pour afficher la description. | |
Largeur de colonne | Définit la largeur de colonne de 15 % à 95 % de la largeur de la section. |
1.4 Les paramètres du bloc d'informations sur la marque.
Paramètres de blocage | Paramètres | Description |
---|---|---|
Informations sur la marque | ||
Titre | Facultatif, titre du bloc. | |
Slogan n°1 | Ajoute un court texte. (par exemple: missions de l'entreprise, valeurs, vente unique, etc.) | |
Lien du slogan n°1 | Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent sur l’image. | |
Slogan n°2 | Ajoute un court texte. | |
Lien du slogan n°2 | Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent sur l’image. | |
Slogan n°3 | Ajoute un court texte. | |
Lien du slogan n°3 | Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent sur l’image. | |
Slogan n°4 | Ajoute un court texte. | |
Lien du slogan n°4 | Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent sur l’image. | |
Largeur de colonne | Ajustez la largeur de la colonne, de 15px à 95px, en augmentant arithmétiquement de 1px. |
2. Droits d'auteur du pied de page
Paramètres des sections | Paramètres | Description |
---|---|---|
Sélecteur de langue | Activer le sélecteur de langue Pour ajouter une langue, accédez à vos paramètres de langue . | Activer pour afficher le sélecteur de langue |
Sélecteur de pays/région | Activer le sélecteur de pays/région Pour ajouter un pays/une région, accédez aux paramètres de votre marché . | Activer pour afficher le sélecteur de pays/région |
Liens vers les politiques | Afficher les liens vers les règles Pour ajouter des politiques de magasin, accédez aux paramètres de votre politique . | Activez pour afficher les liens de stratégie. |
Méthodes de payement | ||
Afficher les icônes de paiement | Activez l'affichage des icônes de paiement. | |
Utiliser des icônes monochromes | Activer l'affichage des icônes monochromes. | |
Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
Section | ||
Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section | |
Rendre la section étroite | Rend le conteneur étroit. | |
Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
Activer l'effet de parallaxe | Activez l'effet de parallaxe, qui crée l'illusion de profondeur dans une image ou une scène en deux dimensions. | |
CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Cette section ne prend pas en charge l'ajout de blocs.
3. Sections disponibles dans le groupe Pied de page
Cette section vous permet d'ajouter plus de sections à partir de la liste suivante, en fonction de l'objectif de configuration de votre page.
- Liquide personnalisé
- Inscription par courrier électronique
- Espace libre
- Multicolonne avec icônes
- Texte riche
- Texte défilant
Cet article utilise les noms de marques connues telles que Shopify, Google Maps pour illustrer les concepts abordés, et non à des fins publicitaires.