Sections disponibles dans Dawn

Dans Dawn, vous pouvez ajouter des sections sur n’importe quelle page. Il existe quelques sections par défaut qui apparaissent sur chaque page, telles que la barre d’annonces, l’en-tête et le pied de page.

Barre d'annonces

La barre d’annonces vous permet de communiquer des informations importantes à vos clients de n’importe quelle page. La section en soi ne comporte aucun paramètre, mais vous pouvez personnaliser jusqu’à 12 blocs d’annonce différents à afficher. Dans une barre d'annonces, vous pouvez ajouter un lien qui achemine les clients vers une page spécifique lorsqu'ils cliquent dessus.

Bloc d’annonce

Paramètres du bloc d’annonce dans la section de la barre d’annonces
Paramètre Description
Texte L’annonce que vous souhaitez afficher pour vos client(e)s.
Combinaison de couleurs Le modèle de couleurs à utiliser pour la barre d’annonces.
Lien Lien vers la page où vous souhaitez rediriger vos clients s’ils cliquent sur la barre d’annonces.

En-tête

l'en-tête affiche toutes les pages de votre thème.

Paramètres de section

Paramètres de la section du titre
Paramètre Description
Image du logo Le logo de votre boutique.
Largeur personnalisée du logo La largeur du logo. Peut être un multiple de 10, de 50 px à 250 px. Par défaut, 100 px.
Position du logo sur les grands écrans

Où le logo s’affiche dans l’en-tête lorsqu’un(e) client(e) affiche le site sur un grand écran, tel qu’un ordinateur de bureau.

  • Au milieu à gauche - Affiche le logo en ligne avec le menu principal, centré verticalement et aligné à gauche.
  • En haut à gauche - Affiche le logo au-dessus du menu principal et aligne le logo et les éléments de menu sur la gauche.
  • Au milieu à gauche (par défaut) - Affiche le logo au-dessus du menu principal et aligne les éléments du logo et du menu au centre.
Menu Le menu à utiliser pour votre menu principal.
Afficher la ligne de séparation Affiche une ligne pour séparer visuellement l’en-tête du contenu de la page.
Activer l'en-tête collé Réaffichez l’en-tête lorsque le/la client(e) fait défiler la page vers le haut. Disparaît lorsque le/la client(e) défile vers le bas.

Pied de page

Le pied de page s’affiche sur toutes les pages de votre thème.

Paramètres de section

Paramètres de la section du pied de page
Paramètre Description
Palette de couleurs Il est possible de choisir l'arrière-plan du pied de page entre Accent 1, Accent 2, Arrière-plan 1, Arrière-plan 2 ou Inverse.
Afficher l'inscription à la liste de diffusion Comprend un formulaire d’inscription à la liste de diffusion où les client(e)s peuvent s’abonner à votre newsletter et à votre marketing.
En-tête Titre du formulaire d'inscription à la liste de diffusion. Si l'option Afficher l'inscription à la liste de diffusion n’est pas activée, il ne s’affiche pas.
Icônes de médias sociaux Affiche les icônes de toutes les plateformes de médias sociaux pour lesquelles vous avez saisi un lien de profil dans les paramètres de votre thème.
Activer le sélecteur de pays/région Ajoute un sélecteur dans lequel un client a la possibilité de choisir les pays et les régions que vous avez activés dans vos paramètres de paiement, afin de pouvoir consulter les prix de vos produits dans la devise de son choix.
Activer le sélecteur de langue Ajoute un sélecteur dans lequel un client a la possibilité de choisir les pays et les régions que vous avez activés dans vos paramètres de langue, afin de pouvoir parcourir votre boutique dans la langue de son choix.
Afficher les icônes de paiement Affiche les icônes de tous les moyens de paiement activés dans votre boutique.

Bloc de menu

Paramètres du bloc de menu dans la section pied de page
Paramètre Description
En-tête Le titre du bloc.
Menu Le menu à afficher dans le bloc.

Bloc de texte

Vous pouvez utiliser le bloc de texte pour mettre en évidence des informations importantes, telles que les détails, les promotions ou les coordonnées de votre boutique.

Paramètres du bloc de texte dans la section pied de page
Paramètre Description
En-tête Le titre du bloc.
Sous-texte Texte à afficher dans le bloc.

Bloc d’image

Paramètres du bloc d’image dans la section du pied de page
Paramètre Description
Image L’image à afficher dans le bloc.
Largeur d'image Définit la largeur de l’image. Peut être un multiple de 5, de 50 px à 200 px. La valeur par défaut est de 100 px.
Alignement de l’image sur un grand écran

Aligne l’image dans le bloc :

  • À gauche - Aligne l’image à gauche du bloc.
  • Centre (par défaut) - Aligne l’image au centre du bloc.
  • À droite - Aligne l’image à droite du bloc.

Articles de blog

Si vous avez un blog sur votre boutique Shopify, vous pouvez utiliser une section d’article de blog pour mettre en évidence certains des articles qu'il contient. Pour chaque article du blog, la section Articles de blog affiche les 55 premiers mots d'un extrait de l'article. En l'absence d’extrait, ce sont les 30 premiers mots de l’article qui s’affichent.

Paramètres de section

Paramètres de la section des articles de blog
Paramètre Description
En-tête Le titre de la section.
Blog De quel blog vous souhaitez afficher des articles de blog. Par défaut, pour le premier blog par ordre alphabétique sur votre page de blogs.
Articles de blog Le nombre d’articles de blog que vous souhaitez afficher dans la section. Maximum : 3 articles.
Afficher les images vedettes Affiche l’image vedette de l’article de blog. Rapport d’aspect d’image suggéré : 2:3.
Afficher la date Affiche la date à laquelle l’article de blog a été créé.
Afficher l'auteur Affiche l’auteur de l’article de blog.
Afficher l'arrière-plan secondaire Ajuste la couleur d’arrière-plan en fonction de la couleur du bloc de texte.
Activer le bouton « Tout afficher » si le blog comprend plus d'articles que ceux affichés Si le blog contient plus d’articles de blog que définis dans le champ Article de blog, le bouton « Afficher tout » apparaît, ce qui a pour effet d’afficher les client(e)s sur la page du blog.

Sélectionner un blog

  1. Dans votre éditeur de thème, cliquez sur le titre de la section des articles de blog.
  2. Dans la section Blog, cliquez sur Modifier.
  3. Sélectionnez le blog.
  4. Cliquez sur Sélectionner, puis sur Enregistrer

Collage

Vous pouvez créer un collage de vidéos, d’images, de produits et de collections. Chaque section Collage contient trois blocs. Par défaut, la section contient un bloc de vidéo, de produit et de collection.

Pour créer un collage de plus de trois blocs, ajoutez des sections de collage supplémentaires sous la première et n’incluez pas de valeur de titre dans les sections de collage inférieures. Les sections de collage donneront l'impression de former une section unique.

Paramètres de section

Paramètres de la section de collage
Paramètre Description
En-tête Le titre de la section.
Mise en page du bureau

Comment les blocs s’affichent sur un ordinateur de bureau.

  • Grand bloc de gauche (par défaut) - Le premier bloc de la section s’affiche à gauche et est plus grand que tous les autres blocs.
  • Grand bloc droit – Le dernier bloc de la section s’affiche à droite et dans une taille supérieure à celle des autres blocs.
  • Mise en page pour appareils mobiles

    Comment les blocs s’affichent sur les appareils mobiles.

    • Collage - Affiche les images dans une mise en page de collage :
      • Si l'option Grand bloc gauche est activée dans Mise en page sur ordinateur, le premier bloc de la section s'affiche en haut et dans une taille supérieure à celle des autres blocs.
      • Si l'option Grand bloc droit est activée dans Mise en page sur ordinateur, le dernier bloc de la section s'affiche en bas et dans une taille supérieure à celle des autres blocs.
    • Colonne – affiche toutes les images à la même taille et dans une colonne.

    Bloc de vidéo

    Paramètres du bloc vidéo de la section collage
    Paramètre Description
    Image de couverture L’image qui s’affiche avant qu’un(e) client(e) lise la vidéo.
    Lien Lien YouTube ou Vimeo vers la vidéo. Celle-ci doit être publique.
    Texte alternatif de la vidéo Le texte alternatif de la vidéo. Décrit la vidéo pour les client(e)s utilisant des lecteurs d’écran.
    Ajouter de l'espace au pourtour de l'image Ajoute l'espace supplémentaire requis pour que votre image ne soit pas recadrée. Pour éviter le recadrage des images, importez une image de couverture ayant un rapport d'aspect de 16:9.

    Bloc de produit

    Paramètres du bloc de produit dans la section du collage
    Paramètre Description
    Produit Le produit que vous souhaitez afficher.
    Afficher l'arrière-plan secondaire Ajuste la couleur d’arrière-plan en fonction de la couleur du bloc de texte.
    Afficher la deuxième image en survol Lorsqu'un client survole l'image du produit avec son curseur, ce paramètre permet à la deuxième image du produit (s'il en existe une) de s'afficher.
    Ajouter de l'espace au pourtour de l'image Ajoute l'espace supplémentaire requis pour que votre image ne soit pas recadrée. Pour éviter le recadrage des images, importez des images de produit ayant un rapport d'aspect de 16:9.

    Bloc de collection

    Paramètres du bloc de collection dans la section du collage
    Paramètre Description
    Collection La collection que vous souhaitez afficher.
    Ajouter de l'espace au pourtour de l'image Ajoute l'espace supplémentaire requis pour que votre image ne soit pas recadrée. Pour éviter le recadrage des images, importez des images de produit ayant un rapport d'aspect de 16:9.
    Combinaison de couleurs Couleur d'arrière-plan de la section du bloc de collection. À choisir entre Accent 1, Accent 2, Arrière-plan 1, Arrière-plan 2 ou Inverser.

    Bloc d’image

    Paramètres du bloc d'image dans la section du collage
    Paramètre Description
    Image L'image que vous souhaiter afficher.
    Ajouter de l'espace au pourtour de l'image Ajoute l'espace supplémentaire requis pour que votre image ne soit pas recadrée. Pour éviter le recadrage des images, importez des images de produit ayant un rapport d'aspect de 16:9.
    Combinaison de couleurs Couleur d'arrière-plan du bloc d'image. À choisir entre Accent 1, Accent 2, Arrière-plan 1, Arrière-plan 2 ou Inverser.

    Liste des collections

    Vous pouvez ajouter une liste de collections que vous souhaitez mettre en évidence. Vous pouvez ajouter jusqu’à 16 blocs de collection à une liste de collections.

    Paramètres de section

    Paramètres de la section de la liste de collections
    Paramètre Description
    En-tête Le titre de la section
    Rapport d'image Le rapport d’image des images vedettes des collections :
    • Adapter à l'image – utilise le rapport d'aspect des images. Cela empêche leur recadrage.
    • Portrait - Recadre les images à un rapport de 2:3.
    • Carré (par défaut) - Recadre les images à un rapport de 1:1.
    Combinaison de couleurs Couleur d'arrière-plan de la section de la liste de collections et marge intérieure de l'image. À choisir entre Accent 1, Accent 2, Arrière-plan 1, Arrière-plan 2 ou Inverser.
    Activer le balayage sur mobile Modifie l'affichage mobile d'une colonne à une ligne, où les clients peuvent balayer latéralement pour voir plus de blocs de collection.
    Ajouter de l'espace au pourtour de l'image Ajoute l'espace supplémentaire requis pour que votre image ne soit pas recadrée. Pour éviter le recadrage des images, importez des images de produit ayant un rapport d'aspect de 16:9.
    Activer le bouton « Tout afficher » si la liste comprend plus de collections que celles affichées Si la liste des collections contient plus de collections que définies dans le champ Maximum de collections à afficher, un bouton « Afficher tout » apparaît, ce qui a pour effet d’afficher les client(e)s dans la liste des collections.

    Choisir des collections

    1. Dans votre éditeur de thème, cliquez sur le bloc Collection à qui vous souhaitez ajouter une collection.
    2. Cliquez sur Sélectionner une collection.
    3. Cliquez sur une collection, puis sur Sélectionner.

    Formulaire de contact

    Tous les formulaires de contact envoyés sont livrés à l’adresse e-mail de contact de votre boutique. Vous pouvez modifier cette adresse dans les paramètres généraux de votre interface administrateur Shopify.

    Le formulaire présente les champs suivants :

    • Nom
    • E-mail (obligatoire)
    • Numéro de téléphone
    • Commentaire

    Le formulaire de contact utilise la palette de couleurs suivante :

    • La couleur d’arrière-plan est la couleur d’arrière-plan 1.
    • Les couleurs des contours du texte et du champs texte sont la couleur du texte.
    • La couleur du bouton « envoyer » est la couleur de l'accent 1.

    Liquid personnalisé

    Vous pouvez ajouter votre propre code Liquid pour créer une section personnalisée.

    • Ajoutez des extraits d’applications fournis dans les instructions de vos applications téléchargées pour introduire facilement des applications sur vos pages.
    • Ajoutez un code Liquid personnalisé directement dans l’éditeur.

    Inscription à la liste de diffusion

    Vous pouvez ajouter une section où les client(e)s peuvent saisir leur adresse e-mail et s’abonner à votre newsletter ou à votre marketing. Lorsqu’un(e) client(e) s’abonne, un compte client(e) est créé dans votre interface administrateur Shopify.

    La section inclut trois blocs par défaut :

    • En-tête
    • Sous-titre
    • Formulaire électronique

    Paramètres de section

    Paramètres de la section d’inscription à la liste de diffusion
    Paramètre Description
    Combinaison de couleurs Couleur d'arrière-plan de la section d'inscription à la liste de diffusion. À choisir entre Accent 1, Accent 2, Arrière-plan 1, Arrière-plan 2 ou Inverser.
    Rendre la section pleine largeur Agrandit la section sur toute la largeur de la fenêtre du navigateur.

    Bloc de titre

    Paramètres du bloc de titre dans la section de la liste des collections
    Paramètre Description
    En-tête Le titre de la section.

    Bloc de sous-titre

    Paramètres du bloc de sous-titre dans la section de la liste de collections
    Paramètre Description
    Description La description de la section.

    Formulaire électronique

    Le bloc de formulaire d’e-mail affiche un champ où un(e) client(e) peut saisir une adresse e-mail pour s’inscrire à votre marketing. Le bloc ne contient pas de paramètres personnalisables.

    Produit en vedette

    Vous pouvez ajouter une section qui présente un produit spécifique.

    Paramètres de section

    Paramètres de la section du produit vedette
    Paramètre Description
    Produit Produit que vous souhaitez mettre en évidence dans la section.
    Afficher l'arrière-plan secondaire Affiche le produit vedette sur la couleur d’arrière-plan secondaire.
    Activer la vidéo en boucle Permet de relire la vidéo. Les client(e)s doivent cliquer pour lancer la relecture.

    Blocs de section

    Dans Dawn, vous pouvez ajouter les blocs suivants dans la section produit vedette.

    Blocs disponibles dans la section du produit vedette
    Bloc Paramètres
    Texte Saisissez du texte pour votre produit vedette :
    • Texte : accepte du texte ou une source dynamique.
    • Style de texte : choisir entre Corps, Sous-titre ou Majuscule
    Titre Ce bloc ne comporte pas de paramètres personnalisables.
    Prix Ce bloc ne comporte pas de paramètres personnalisables.
    Sélecteur de variante Choisissez entre les boutons ou un menu déroulant.
    Sélecteur de quantité Ce bloc ne comporte pas de paramètres personnalisables.
    Afficher les boutons de paiement dynamique Affiche toutes les options de paiement dynamique que vous avez activées dans vos paramètres de paiement.
    Partager Texte cliquable, qui permet aux clients de partager le produit sur leurs médias sociaux.
    Note de produit Affiche l’évaluation moyenne des produits sous la forme d'étoiles, avec le nombre d’avis entre parenthèses, par exemple : ★★★★★ (8). Requiert aussi une application d’évaluation de produits telle que Product Reviews de Shopify et des définitions de champs méta pour reviews.rating_count et reviews.rating.
    Liquid personnalisé Ajoutez du code Liquid ou HTML personnalisé.

    Collection en vedette

    Vous pouvez ajouter une section qui affiche les produits d’une collection.

    Paramètres de section

    Paramètres de la section de la collection en vedette
    Paramètre Description
    En-tête Le titre de la section.
    Collection De quelle collection souhaitez-vous afficher vos produits ?
    Quantité maximale de produits à afficher Nombre de produits de la collection à afficher. Doit être un chiffre pair. Minimum : 2. Maximum : 12.
    Activer le bouton « Tout afficher » si la collection comprend plus de produits que ceux affichés Si la collection contient plus de produits que définis dans le champ Maximum de produits à afficher, un bouton « Afficher tout » apparaît, ce qui a pour effet d’afficher les client(e)s à la page des collections.
    Activer le balayage sur mobile Modifie l'affichage mobile d'une colonne à une ligne, où les clients peuvent balayer latéralement pour voir plus de produits.
    Rapport d'image Le rapport d’image pour les images de produit :
    • Adapter à l'image – utilise le rapport d'aspect des images. Cela empêche leur recadrage.
    • Portrait - Recadre les images à un rapport de 2:3.
    • Carré - Recadre les images à un rapport de 1:1.
    Afficher la deuxième image en survol Lorsque le client survole l'image du produit avec son curseur, ce paramètre permet à la deuxième image du produit (s'il en existe une) de s'afficher.
    Ajouter une marge intérieure Ajoute une marge intérieure à l'image pour éviter qu'elle ne soit recadrée.
    Afficher la bordure de l'image Ajoute une bordure fine aux images de produit.
    Afficher le distributeur Affiche les distributeurs des produits.
    Afficher la note du produit Affiche l’évaluation moyenne des produits sous la forme d'étoiles, avec le nombre d’avis entre parenthèses, par exemple : ★★★★★ (8). Requiert aussi une application d’évaluation de produits telle que Product Reviews de Shopify et des définitions de champs méta pour reviews.rating_count et reviews.rating.

    Bannière avec image

    La section de la bannière d’image prend en charge une ou deux images et une zone de texte avec des boutons. Si deux images sont utilisées, elles s’affichent côte à côte sur un ordinateur. Sur un appareil mobile, vous pouvez choisir si les images s’affichent côte à côte ou dans une colonne.

    Sur le bureau, la zone de texte recouvre partiellement l’image. Sur les appareils mobiles, la zone de texte s’affiche sous l’image.

    Paramètres de section

    Paramètres de la section de la bannière d’image
    Paramètre Description
    Première image L'image principale de la bannière. Si deux images sont ajoutées à la section, elles s'affichent soit à gauche, soit en haut, selon que le client se trouve sur un ordinateur de bureau ou un téléphone portable.
    Deuxième image Image secondaire de la bannière. Si deux images sont ajoutées à la section, elles s'affichent soit à droite, soit en bas, selon que le client se trouve sur un ordinateur de bureau ou un téléphone portable.
    Adapter la hauteur de la section à la taille de la première image Définit la hauteur de la section à la hauteur de la première image. Sur les appareils mobiles, les deux images s’ajustent à la hauteur de la première image.
    Afficher la zone de texte sur le bureau Affiche une zone de texte sur l’image de la bannière pour les clients qui achètent à partir d’un ordinateur de bureau.
    Position du texte sur le bureau

    La position de la zone de texte sur l’image lorsqu’elle est vue sur le bureau.

    • Haut - Affiche la zone de texte en haut de l’image.
    • Centre - Affiche la zone de texte au centre de l’image.
    • Bas - Affiche la zone de texte au bas de l’image.

    La zone de texte s'affiche toujours au centre et à l'horizontale.

    Opacité de la superposition d'images Atténue l'intensité lumineuse des images des bannières avec une superposition. Utilisez le curseur pour définir l’opacité de la superposition, qui est réglée à 0 % par défaut.
    Combinaison de couleurs La couleur d’arrière-plan de la section de la bannière de l’image et du remplissage de l’image. Peut être choisi entre Accent 1, Accent 2, Arrière-plan 1, Arrière-plan 2 ou Inverse. La palette de couleurs sélectionnée n’est visible que lorsque l’option afficher la zone de texte sur le bureau est sélectionnée.
    Empiler des images sur un mobile Si deux images sont ajoutées à la section, les images s’affichent dans une colonne au lieu d’être côte à côte.
    Afficher le texte sous les images Affiche le texte sous les images sur un appareil mobile.

    Bloc de titre

    Paramètres du bloc de titre dans la section de la bannière d’image
    Paramètre Description
    En-tête Texte de grande taille pour le titre de la zone de texte.
    Taille du titre Modifie la taille du texte du titre. Choisissez entre moyen et grand.

    Bloc de texte

    Paramètres du bloc de texte dans la section de la bannière d'image
    Paramètre Description
    Description Affiche du texte de type paragraphe.

    Bloc de bouton

    Paramètres du bloc de bouton dans la section de la bannière d'image
    Paramètre Description
    Texte du premier bouton Le texte qui s'affiche sur le premier bouton.
    Lien du premier bouton L’URL à qui vous souhaitez que le premier bouton soit lié.
    Utiliser le style du bouton en relief Ajuste le style de bouton pour qu’il soit le contour d’un bouton au lieu d’avoir un arrière-plan uni.
    Texte du deuxième bouton Le texte qui s'affiche sur le deuxième bouton.
    Lien du deuxième bouton L'URL à laquelle vous souhaitez que le second bouton soit lié.
    Utiliser le style du bouton en relief Ajuste le style de bouton pour qu’il soit le contour d’un bouton au lieu d’avoir un arrière-plan uni.

    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 un texte à une image pour mettre l’accent sur le produit, la collection ou l'article de blog choisi. Ajoutez des détails sur la disponibilité, le style ou même donner un avis.

    Paramètres de section

    Paramètres de la section d'image avec texte
    Paramètre Description
    Image L’image de la section.
    Rapport d'image Le rapport d’image pour l’image :
    • Adapter à l’image - Utilise le rapport d’aspect de l’image. Cela empêche le recadrage de l’image.
    • Portrait - Recadre l'image à un rapport de 2:3.
    • Carré - Recadre l'image à un rapport de 1:1.
    Combinaison de couleurs La couleur d’arrière-plan de l’image avec texte et remplissage d’image. Peut être choisi entre Accent 1, Accent 2, Arrière-plan 1, Arrière-plan 2 ou Inverse.
    Mise en page du bureau La mise en page de la section sur un ordinateur de bureau :
    • Image en premier - Affiche l’image sur la gauche.
    • Texte en premier - Affiche le texte à gauche.

    Bloc de titre

    Paramètres du bloc de titre dans la section d'image avec texte
    Paramètre Description
    En-tête Texte grand pour le titre de la section.

    Bloc de texte

    Paramètres du bloc de texte dans la section d'image avec texte
    Paramètre Description
    Description Affiche du texte de type paragraphe dans la section de texte.

    Bloc de bouton

    Paramètres du bloc de bouton dans la section de la section d'image avec texte
    Paramètre Description
    Texte du bouton Le texte qui s'affiche sur le bouton.
    Lien du bouton L'URL à laquelle vous souhaitez que le bouton soit lié.

    Multicolonne

    Vous pouvez utiliser la section colonnes multiples pour afficher du contenu dans une mise en page en colonnes et ajouter un bouton sous les colonnes pour emmener le client vers une nouvelle page. Associez un texte à une image pour mettre l’accent sur le produit, la collection ou l'article de blog choisi. Ajoutez des détails sur la disponibilité, le style ou donnez un avis.

    Paramètres de section

    Paramètres de la section multicolonne
    Paramètre Description
    En-tête Le titre de la section.
    Largeur d'image

    La largeur des images ajoutée aux colonnes.

    • Pleine largeur de colonne - La largeur de l’image représente la taille complète de la colonne.
    • Demi largeur de colonne - La largeur de l’image représente la moitié de la taille de la colonne.
    • Largeur d’un tiers de colonne - La largeur de l’image représente un tiers de celle de la colonne.
    Rapport d'image

    Le rapport d’image pour l’image :

    • Adapter à l’image - Utilise le rapport d’aspect de l’image. Cela empêche le recadrage de l’image.
    • Portrait - Recadre l'image à un rapport de 2:3.
    • Carré - Recadre l'image à un rapport de 1:1.
    • Cercle - Recadre l’image à afficher dans un cercle
    Alignement de colonne

    L’alignement des images et du texte dans les colonnes :

    • Gauche (par défaut) - Aligne les images et le texte sur la gauche.
    • Centre - Aligne les images et le texte au centre.
    Arrière-plan secondaire

    Ajuste le style de la section en fonction de l’arrière-plan :

    • Aucun - L’arrière-plan des colonnes et des sections reste la couleur de l'arrière-plan 1, et les colonnes n’ont pas de marge intérieure.
    • Afficher en arrière-plan de colonne - L’arrière-plan des colonnes est la couleur opaque du texte et ajoute une marge intérieure aux colonnes.
    • Afficher en tant qu'arrière-plan de la section - L’arrière-plan de la section est la couleur opaque du texte, l’arrière-plan des colonnes est arrière-plan 1 et le remplissage est ajouté aux colonnes.
    Texte du bouton Le texte qui s'affiche sur le bouton.
    Lien du bouton L'URL à laquelle vous souhaitez que le bouton soit lié.
    Activer le balayage sur mobile Modifie l'affichage mobile d'une colonne à une ligne, où les clients peuvent balayer latéralement pour voir plus de blocs de colonnes.

    Bloc de colonne

    Vous pouvez avoir un maximum de 12 colonnes dans une section. Si vous avez un, deux ou trois blocs de colonnes, ils s’affichent sur une ligne sur le bureau. Si vous avez quatre blocs de colonnes ou plus, ils s’affichent dans une mise en page de deux colonnes. Sur les appareils mobiles, les blocs de colonnes s'affichent sur une seule colonne, sauf si la fonction activer le balayage sur mobile est activée.

    Paramètres du bloc de colonne dans la section multicolonne
    Paramètre Description
    Image L'image que vous souhaiter afficher.
    En-tête Le titre de la colonne.
    Description Le texte du paragraphe dans la colonne.

    Page

    Vous pouvez choisir d’afficher le contenu d’une page personnalisée dans une section. Cela amène tout le contenu de la page dans la section, mais n’amène aucun code Liquid à partir d’un modèle.

    Le système de couleurs de la section utilise les paramètres suivants :

    • Par défaut, la couleur du texte est celle du bloc de texte. Tout style spécifique appliqué au texte présent sur la page est apporté à la section.
    • La couleur des hyperliens est Accent 1.

    Paramètres de section

    Paramètres de la section de page
    Paramètre Description
    Page La page de la boutique en ligne que vous souhaitez afficher.

    Texte enrichi

    Vous pouvez ajouter une section de texte enrichi avec un en-tête, un contenu de paragraphe et un bouton pour relier les client(e)s à une nouvelle page.

    Paramètres de section

    Paramètres de la section de texte enrichi
    Paramètre Description
    Combinaison de couleurs L'arrière-plan de la section de texte enrichi. Peut être choisi entre Accent 1, Accent 2, Arrière-plan 1, Arrière-plan 2 ou Inverse.
    Rendre la section pleine largeur Par défaut, les sections sont en pleine largeur.

    Bloc de titre

    Paramètres du bloc de titre dans la section de texte enrichi
    Paramètre Description
    En-tête Le titre de la section.
    Taille de la police du titre

    La taille du texte du titre :

    • Petit
    • Moyen
    • Grand

    Bloc de texte

    Le bloc de texte est un bon moyen de partager des informations sur la marque avec les clients. Vous pouvez décrire les avantages des produits, faire des annonces, souhaiter la bienvenue aux clients dans la boutique ou parler des valeurs de la marque.

    Paramètres du bloc de texte dans la section de texte enrichi
    Paramètre Description
    Description Texte de style paragraphe pour le contenu principal de la section.

    Bloc de bouton

    Paramètres du bloc de bouton dans la section de texte enrichi
    Paramètre Description
    Texte du bouton Le texte qui s'affiche sur le bouton.
    Lien du bouton L'URL à laquelle vous souhaitez que le bouton soit lié.
    Utiliser le style du bouton en relief Ajuste le style de bouton pour qu’il soit le contour d’un bouton au lieu d’avoir un arrière-plan uni.

    Vidéo

    Vous pouvez ajouter une section vidéo pour intégrer une vidéo à partir de YouTube ou Vimeo sur une page de votre boutique.

    Paramètres de section

    Paramètres de la section vidéo
    Paramètre Description
    En-tête Le titre de la section.
    Image de couverture L’image qui s’affiche avant qu’un(e) client(e) lise la vidéo.
    URL Lien YouTube ou Vimeo vers la vidéo. Celle-ci doit être publique.
    Texte alternatif de la vidéo Le texte alternatif de la vidéo.
    Rendre la section pleine largeur Retire la marge intérieure par défaut et agrandit la section sur toute la largeur de la page.

    Prêt(e) à commencer à vendre avec Shopify ?

    Essayez gratuitement