Dans Be Yours, vous pouvez ajouter des sections sur n’importe quelle page. Quelques sections par défaut apparaissent sur chaque page, telles que la barre d'annonce, l'en-tête et le pied de page.
La barre d'annonce vous permet de communiquer des informations importantes à vos clients depuis n'importe quelle page. Vous pouvez personnaliser jusqu'à 6 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
Les paramètres de la section Barre d'annonce
Paramètre
Description
Afficher uniquement sur la page d'accueil
Affiche le message d'annonce sur la page d'accueil uniquement.
Utiliser le style carrousel sur le bureau
Affiche les annonces sous forme de curseur à un élément sur le bureau. Sur mobile, ce style est la mise en page par défaut.
Paramètres de style carrousel
Les paramètres du carrousel pour la section Barre d'annonce
Paramètre
Description
Annonces à rotation automatique
Réglez le carrousel pour qu'il joue automatiquement. Cela ajoute également un bouton bascule de lecture.
Changez les annonces tous les
Choisissez la fréquence à laquelle modifier les annonces.
Afficher la navigation
Affiche les boutons de navigation.
Paramètres de couleur des sections
Les paramètres de couleur de la section Barre d'annonce
Paramètre
Description
Texte
Change la couleur du texte de l'annonce.
Arrière-plan
Modifie la couleur de l'arrière-plan de la barre d'annonce.
Bloc d'annonce
Les paramètres du bloc d'annonce dans la section barre d'annonce
Paramètre
Description
Texte
L'annonce que vous souhaitez afficher à vos clients.
Lien
Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent sur la barre d’annonce.
Entête
L'en-tête s'affiche sur toutes les pages de votre thème.
Paramètres des sections
Les paramètres de la section de titre
Paramètre
Description
Image logo
Le logo de votre magasin.
Hauteur du logo personnalisé
La hauteur du logo (en pixel). De 30 px à 120 px. La valeur par défaut est de 50 px.
Position du logo sur le bureau
Où le logo s'affiche dans l'en-tête lorsqu'un client consulte le site sur un grand écran, tel qu'un ordinateur de bureau.
Milieu gauche (par défaut) - 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 à gauche.
En haut au centre : affiche le logo au-dessus du menu principal et aligne le logo et les éléments de menu au centre.
Menu central hors canevas - Affiche le logo au centre de l'en-tête ; le menu peut être révélé en glissant dans la vue de gauche, en cachant la page derrière.
Centre, partage du menu : affiche le logo en ligne avec le menu principal, centré verticalement ; les éléments de menu sont divisés à gauche et à droite du logo.
Menu
Le menu à utiliser pour votre menu principal.
Activer le menu déroulant
Affiche le menu sous forme de liste déroulante. Pour savoir comment configurer le méga menu, veuillez consulter cet article.
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 collant
Réaffiche l'en-tête lorsque le client remonte en arrière. Disparaît lorsque le client fait défiler vers le bas.
Poids des icônes
Définit l'épaisseur des icônes d'en-tête qui doivent être affichées. L'épaisseur augmente correspondant à Extra-light à Extra-bold
Paramètres d'en-tête transparents
Les paramètres d'en-tête transparent pour la section En-tête
Paramètre
Description
Activer sur la page d'accueil
Active l'en-tête transparent sur la page d'accueil.
Activer sur les pages de collection
Active l’en-tête transparent sur les pages de collection.
Pages personnalisées
Le menu dont les éléments liés aux pages dont vous souhaitez activer l'en-tête transparent. Pour plus d’instructions, veuillez suivre cet article .
Afficher la ligne de séparation
Affiche une ligne pour séparer visuellement l'en-tête du contenu de la page.
Couleur du texte
Change la couleur du texte sur l'en-tête transparent.
Image logo
Utilise ce logo sur les pages dont l'en-tête transparent est activé.
Paramètres de couleur des sections
Les paramètres de couleur pour la section En-tête
Paramètre
Description
Texte
Change la couleur du texte d'en-tête. Ce paramètre n’est pas appliqué à l’en-tête transparent.
Lignes
Modifie la couleur des lignes d'en-tête, y compris le séparateur. 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.
Bas de page
Le pied de page s'affiche sur toutes les pages de votre thème.
Paramètres des sections
Les paramètres de la section pied de page
Paramètre
Description
Afficher l'inscription par e-mail
Comprend un formulaire d'inscription par e-mail où les clients peuvent s'abonner à votre newsletter et à votre marketing.
Titre
Le titre du formulaire d'inscription par e-mail . Si Afficher l'inscription par e-mail n'est pas activé, cela ne s'affiche pas.
Sous-titre
Le texte secondaire du formulaire d'inscription par e-mail . Si Afficher l'inscription par e-mail n'est pas activé, cela ne s'affiche pas.
Afficher les icônes des réseaux 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.
Titre
Le titre des icônes des médias sociaux . Si Afficher les icônes des réseaux sociaux n’est pas activé, cela ne s’affiche pas.
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.
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.
Afficher les icônes de paiement
Affiche les icônes de tous les modes de paiement activés sur votre boutique.
Texte de droit d'auteur supplémentaire
Le texte informe le public que votre boutique est protégée par le droit d'auteur.
Paramètres de couleur des sections
Les paramètres de couleur pour la section de pied de page
Paramètre
Description
Texte
Change la couleur du texte du pied de page.
Titre
Change la couleur du titre du pied de page.
Lien
Change la couleur du lien de pied de page.
Lignes
Change la couleur des lignes de pied de page.
Arrière-plan
Change la couleur de l'arrière-plan du pied de page.
Bloc de menus
Les paramètres du bloc de menu dans la section pied de page
Paramètre
Description
Titre
Le titre du bloc.
Menu
Le menu à afficher dans le bloc.
Bloc de texte
Le bloc Texte peut être utilisé pour mettre en évidence des informations importantes, telles que les détails du magasin, les promotions ou les informations de contact.
Les paramètres du bloc de texte dans la section pied de page
Paramètre
Description
Titre
Le titre du bloc.
Sous-texte
Le texte à afficher dans le bloc.
Bloc d'images
Les paramètres du bloc image dans la section pied de page
Paramètre
Description
Image
L'image à afficher dans le bloc.
Largeur de l'image
Définit la largeur de l'image. Peut être n’importe quel multiple de 5, de 50 px à 200 px. La valeur par défaut est 100 px.
Alignement de l'image sur 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.
Lien
Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent sur l’image.
Description
La description de l'image.
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
Les paramètres de la section des articles de blog
Paramètre
Description
Titre
Le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Blog
Le blog dont vous souhaitez afficher les articles de blog. La valeur par défaut est le premier blog par ordre alphabétique sur votre page Blogs .
Articles de blog
Le nombre d'articles de blog que vous souhaitez afficher dans la section. Maximum : 4 postes.
Activez le bouton « Tout afficher » si le blog comprend plus d'articles de blog que ceux affichés.
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.
Paramètres de mise en page mobile
Les paramètres de mise en page mobile pour la section des articles de blog
Paramètre
Description
Activer le balayage sur mobile
Modifie l'affichage mobile en une seule ligne, où les clients peuvent faire glisser leur doigt sur le côté pour voir plus d'articles de blog.
Activer une colonne sur mobile
Modifie l'affichage mobile en un article de blog par ligne.
Paramètres de la carte de blog
Les paramètres de la carte de blog pour la section des articles de blog
Paramètre
Description
Afficher l'image sélectionnée
Affiche l'image sélectionnée pour l'article de blog. Rapport hauteur/largeur d'image suggéré : 2:3.
Rapport d'image
Le rapport d'image pour les images des articles de blog :
Adapter à l'image (par défaut) - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
Carré - Recadre les images pour utiliser un rapport 1:1.
Portrait - Recadre les images pour utiliser un rapport 2:3.
Paysage - Recadre les images pour utiliser un rapport 3:2.
Large - Recadre les images pour utiliser un rapport 16:9.
Point focal de l’image
Choisissez la zone la plus importante de l’image visible.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Titre censuré
Les paramètres du bloc de titre sur la page de l'article de blog
Paramètre
Description
Afficher la date
Affiche la date à laquelle l'article de blog a été publié.
Afficher l'auteur
Affiche l'auteur du billet de blog.
Afficher le nombre de commentaires
Affiche le nombre de commentaires publiés sur l'article de blog.
Bloc d'extrait
Ce bloc affiche l'extrait du billet de blog. Il n’a pas de paramètres réglables.
Chaque article de blog dans la section Articles de blog affiche les 55 premiers mots de l'extrait d'un article. Si l'article de blog ne contient pas d'extrait, les 30 premiers mots de l'article sont affichés à la place.
Lire la suite du bloc
Ce bloc affiche le lien qui mène à l'article de blog. Il n’a pas de paramètres réglables.
Sélectionnez un blog
Dans votre éditeur de thème, cliquez sur le titre de la section des articles de blog.
Dans la section Blog , cliquez sur Modifier .
Sélectionnez le blog.
Cliquez sur Sélectionner , puis cliquez 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 vidéo, produit et 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 sembleront s’enchaîner comme une seule section.
Paramètres des sections
Les paramètres de la section collage
Paramètre
Description
Titre
Le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Disposition du bureau
Comment les blocs s'affichent sur le 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 de droite : le dernier bloc de la section s'affiche à droite et est plus grand que tous les autres blocs.
Disposition mobile
Comment les blocs s'affichent sur mobile.
Collage - Affiche les images dans une disposition de collage :
Si le grand bloc gauche est activé dans la disposition du bureau , le premier bloc de la section s'affiche en haut et est plus grand que tout autre bloc.
Si le grand bloc de droite est activé dans la disposition du bureau , le dernier bloc de la section s'affiche en bas et est plus grand que tout autre bloc.
Colonne - Affiche les images toutes de la même taille et dans une colonne.
Appliquer une superposition sur l'image
Améliore la lisibilité du texte en ajoutant une superposition sur l'image.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Blocage vidéo
Les paramètres du bloc vidéo dans la section collage
Paramètre
Description
Image de couverture
L'image qui s'affiche avant qu'un client ne joue la vidéo.
URL
Le lien YouTube ou Vimeo vers la vidéo. La vidéo doit être accessible au public.
Texte alternatif de la vidéo
Décrivez la vidéo pour la rendre accessible aux clients utilisant des lecteurs d'écran.
Titre vidéo
Le titre du bloc vidéo.
Bloc produit
Les paramètres du bloc produit dans la section collage
Paramètre
Description
Produit
Le produit que vous souhaitez afficher.
Afficher la deuxième image au survol
Lorsqu'un client passe son curseur sur l'image du produit, affiche la deuxième image du produit si le produit en a une.
Activer l'affichage rapide
Ajoute un bouton qui ouvre une fenêtre contextuelle affichant tous les détails essentiels du produit.
Bloc de collecte
Les paramètres du bloc de collection dans la section collage
Paramètre
Description
Collection
La collection que vous souhaitez afficher.
Bloc d'images
Les paramètres du bloc image dans la section collage
Paramètre
Description
Image
L'image que vous souhaitez afficher.
Titre
Le titre de la colonne.
Lien
Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent sur l’image.
Liste des collections
Vous pouvez ajouter une liste de collections que vous souhaitez mettre en valeur. Vous pouvez ajouter jusqu'à 12 blocs de collecte à une liste de collecte.
Paramètres des sections
Les paramètres de la section liste de collections
Paramètre
Description
Titre
Le titre de la section
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Rapport d'image
Le ratio d'image pour les images présentées des collections :
Adapter à l'image (par défaut) - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
Carré - Recadre les images pour utiliser un rapport 1:1.
Portrait - Recadre les images pour utiliser un rapport 2:3.
Paysage - Recadre les images pour utiliser un rapport 3:2.
Large - Recadre les images pour utiliser un rapport 16:9.
Appliquer une superposition sur l'image
Améliore la lisibilité du texte en ajoutant une superposition sur l'image.
Activez le bouton « Tout afficher » si la liste comprend moins de collections que l'ensemble du magasin
Si la liste de collections contient moins de collections que l'ensemble du magasin, cela affiche un bouton « Tout afficher » qui amène les clients à la liste des collections.
Paramètres de mise en page mobile
Les paramètres de mise en page mobile pour la section liste de collections
Paramètre
Description
Activer le balayage sur mobile
Modifie l'affichage mobile en une seule ligne, où les clients peuvent faire glisser leur doigt sur le côté pour voir plus de blocs de collecte.
Activer une colonne sur mobile
Modifie l'affichage mobile en une collection par ligne.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Choisissez des collections
Depuis votre éditeur de thème, cliquez sur le bloc Collection auquel vous souhaitez ajouter une collection.
Cliquez sur Sélectionner une collection .
Cliquez sur une collection, puis cliquez sur Sélectionner .
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 comporte les champs suivants :
Nom
Email (requis)
Commentaire
Paramètres des sections
Les paramètres de la section formulaire de contact
Paramètre
Description
Titre
Le titre de la section.
Afficher le numéro de téléphone
Affiche l'entrée du numéro de téléphone.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Contacter le bloc presse
Les paramètres du bloc contact presse dans la rubrique formulaire de contact
Paramètre
Description
Titre
Le titre de la colonne.
Sous-texte
Le texte à afficher dans le bloc.
Lien
Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent sur le texte.
Bloc d'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.
Les paramètres du bloc contact presse dans la rubrique formulaire de contact
Paramètre
Description
Titre
Le titre de la colonne.
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 de notre compte à rebours des ventes hebdomadaires pour un produit spécifique.
Paramètres des sections
Les paramètres de la section compte à rebours
Paramètre
Description
Image
L'image de la section.
Point focal de l’image
Choisissez la zone la plus importante de l’image visible.
Disposition du bureau
La disposition de la section sur le bureau :
Image en premier - Affiche l'image à gauche.
Image seconde - Affiche le texte à gauche.
Position du contenu du bureau
Définit la position verticale du contenu sur le bureau :
Haut - Affiche le contenu en haut.
Milieu - Affiche le contenu au milieu.
Bas - Affiche le texte en bas.
Alignement du contenu du bureau
Définit l'alignement du contenu sur le bureau :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur du bureau
Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
S'adapter à l'image : conserve le rapport hauteur/largeur d'origine de l'image.
450px - 450px.
550px - 550px.
650px - 650px.
750px - 750px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
Disposition mobile
La disposition de la section sur le bureau :
Image en premier - Affiche l'image en premier.
Texte en premier - Affiche le texte en premier.
Alignement du contenu mobile
Définit l'alignement du contenu sur mobile :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur mobile
Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
Auto - Le navigateur décidera en fonction de la valeur du bureau.
250px - 250px.
300px - 300px.
400px - 400px.
500px - 500px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Paramètres de couleur des sections
Les paramètres de couleur pour la section du compte à rebours
Paramètre
Description
Texte
Change la couleur de la zone de texte.
Arrière-plan
Change la couleur de l'arrière-plan de la zone de texte.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de titre
Les paramètres du bloc de titre dans la section du compte à rebours
Paramètre
Description
Titre
Grand texte pour le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Bloc de texte
Les paramètres du bloc de texte dans la section du compte à rebours
Paramètre
Description
Description
Affiche le texte de style paragraphe dans la section.
Description taille
La taille du texte de description :
Petit
Moyen
Grand
Bloc de boutons
Les paramètres du bloc de boutons dans la section du compte à rebours
Paramètre
Description
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
Bloc de compte à rebours
Les paramètres du bloc de compte à rebours dans la section du compte à rebours
Paramètre
Description
Date de fin
Tapez la date à laquelle vous souhaitez que le compte à rebours se termine. Le format doit être le suivant : mm-jj-aaaa . Par exemple, si vous souhaitez que le compte à rebours se termine le 9 octobre 2022, la valeur doit être 10-09-2022.
Taille du nombre
La taille du texte du numéro :
Petit
Moyen
Grand
Message
Vous pouvez simplement définir le message à afficher une fois que la minuterie atteint zéro.
Taille du message
La taille du message :
Petit
Moyen
Grand
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 de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Inscription par courrier électronique
Vous pouvez ajouter une section où les clients peuvent saisir leur adresse e-mail et s'abonner à votre newsletter ou marketing. Lorsqu'un client s'abonne, un compte client est créé dans votre interface administrateur Shopify.
La section est livrée avec trois blocs par défaut :
Titre
Sous-titre
Formulaire email
Paramètres des sections
Les paramètres de la section d'inscription par e-mail
Paramètre
Description
Alignement du contenu du bureau
Définit l'alignement du contenu sur le bureau :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Alignement du contenu mobile
Définit l'alignement du contenu sur mobile :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de titre
Les paramètres du bloc d'en-tête dans la section Liste de collections
Paramètre
Description
Titre
Le titre de la section.
Bloc de sous-titre
Les paramètres du bloc de sous-titres dans la section Liste de collections
Paramètre
Description
Description
La description de la section.
Formulaire email
Le bloc de formulaire de courrier électronique affiche un champ dans lequel un client peut saisir une adresse e-mail pour s'inscrire à votre marketing. Le bloc n'a pas de paramètres personnalisables.
Espace libre
Avec cette section, vous pouvez personnaliser la hauteur de l'espace vertical entre les sections, respectivement selon différents appareils.
Paramètres des sections
Les paramètres de la section de page
Paramètre
Description
Hauteur du bureau
Détermine la hauteur de l'espace vide lorsqu'il est affiché sur le bureau. Peut aller de 0 px à 200 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 à 200 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 28 px.
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
Les paramètres de la section FAQ
Paramètre
Description
Titre
Le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Rendre la section étroite
Rend son conteneur étroit.
Activer l'arrière-plan secondaire
Ajoute une couleur à l'arrière-plan. La couleur est interpolée à partir de la couleur du texte.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de texte enrichi
Utilisez ce bloc pour créer des sections de questions distinctes.
Les paramètres du bloc de texte enrichi dans la section FAQ
Paramètre
Description
Titre
Le titre du bloc.
Contenu
Le texte à afficher dans le bloc.
Bloc de questions
Utilisez ce bloc pour ajouter une boîte de réponse extensible.
Les paramètres du bloc de questions dans la section FAQ
Paramètre
Description
Question
La question pour le bloc.
Répondre
La réponse pour le bloc.
Produit en vedette
Vous pouvez ajouter une section présentant un produit spécifique.
Paramètres des sections
Les paramètres de la section produit vedette
Paramètre
Description
Produit
Le produit que vous souhaitez présenter dans la section.
Disposition du bureau
La disposition de la section sur le bureau :
Médias en premier - Affiche les médias sur la gauche.
Texte en premier - Affiche le texte à gauche.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
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 le zoom de l'image
Active la fonction de zoom pour les images principales.
Activer la boucle vidéo
Permet de relire la vidéo. Les clients doivent cliquer pour démarrer la rediffusion.
Rapport d'image
Ce paramètre est valide uniquement lorsque l' option Activer les images en couches est activée.
Le rapport d'image pour les images du produit :
S'adapter à l'image - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
Carré - Recadre les images pour utiliser un rapport 1:1.
Portrait - Recadre les images pour utiliser un rapport 2:3.
Paysage - Recadre les images pour utiliser un rapport 3:2.
Large - Recadre les images pour utiliser un rapport 16:9.
Adapter à la première image (par défaut) - Utilise le rapport hauteur/largeur de la première image pour tout le reste.
Point focal de l’image
Ce paramètre est valide uniquement lorsque l' option Activer les images en couches est activée.
Choisissez la zone la plus importante de l’image en couches visible.
Activer les images en couches
Superpose les images en position absolue. Les 4 premières images seront utilisées si le produit en contient 4 ou plus. Les autres types de médias seront ignorés.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Blocs de section
Dans Be Yours, vous pouvez ajouter les blocs suivants dans votre section Produit en vedette .
Les blocs disponibles dans la section produit vedette
Bloc
Paramètres
Texte
Saisissez le texte de votre produit vedette :
Icône : choisissez une icône SVG prédéfinie qui s'adapte à votre texte. L'option Aucun désactivera l'icône.
Texte : Accepte le texte ou la source dynamique.
Style de texte : Choisissez entre Corps , Sous-titre ou Majuscules .
Titre
Affiche le titre du produit :
Taille du titre : Choisissez entre Petit , Moyen ou Grand .
Description
Affiche la description du produit. Il n’a pas de paramètres réglables.
Prix
Affiche les informations de tarification du produit, telles que le prix et compare le prix. Il n’a pas de paramètres réglables.
Sélecteur de variantes
Affiche toutes les options de variante pour le produit :
Afficher les étiquettes des variantes : Affiche l'étiquette des variantes.
Type : Le style du sélecteur de variantes. Choisissez soit Dropdown soit Button .
Activer les échantillons de couleurs : affiche les variantes de couleurs dans les échantillons. Cela nécessite le type de sélecteur de variantes « Bouton ».
Type d'échantillon : détermine la forme d'un élément d'échantillon.
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. Si un produit est éligible, un bouton de tableau des tailles doit s'afficher avec l'option Taille. Lorsque vous cliquez dessus, il ouvre une fenêtre contextuelle contenant le contenu de la page.
Pour plus d'informations sur le tableau des tailles, veuillez consulter cet article .
Acheter des boutons
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.
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 dynamique : affiche toutes les options de paiement dynamique que vous avez activées dans vos paramètres de paiement .
Statut de l'inventaire
Affiche un message qui informe en temps opportun les clients de l'état du stock du produit :
Seuil de stock bas : Permet de définir une valeur que le stock du produit doit être au minimum pour que le message soit visible. Doit être un nombre pair. Minimum : 0. Maximum : 20. La valeur par défaut est 10.
Afficher l'avis de transfert d'inventaire : si vous avez plusieurs emplacements pour votre magasin, cela affichera un message de transfert sur la date d'expédition ou l'état du stock.
Image
Affiche une image personnalisée, idéale pour l'image du badge de confiance.
Image : Choisissez votre image.
Hauteur personnalisée : La hauteur de l'image (en pixel). De 10 px à 100 px. La valeur par défaut est de 20 px.
Lien : le lien vers lequel vous souhaitez que les clients accèdent s'ils cliquent sur l'image.
En savoir plus
Ajoute un lien qui dirige les clients vers la page détaillée du produit.
Partager
Permet aux clients de partager le produit sur leurs réseaux sociaux. Il n’a pas de paramètres réglables.
É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.
Ce bloc affiche un onglet pliable avec un titre. Lorsqu'un client clique sur le titre, l'onglet se développe pour afficher du contenu supplémentaire.
Les paramètres du bloc d'onglets pliable dans la section d'informations sur le produit
Paramètre
Description
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 l'onglet
Le contenu de l'onglet. S'affiche uniquement lorsque l'onglet est développé.
Tabuler le contenu 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.
Surgir
Ce bloc affiche un texte cliquable qui ouvre une fenêtre contextuelle lorsque vous cliquez dessus. Cette fenêtre contextuelle affiche le contenu de l'une de vos pages.
Les paramètres du bloc pop-up dans la section d'informations sur le produit
Paramètre
Description
Icône
Choisissez une icône SVG prédéfinie qui s'adapte à votre popup. L'option Aucun désactivera l'icône.
Libellé du lien
Le texte cliquable sur lequel les clients cliquent pour afficher la fenêtre contextuelle.
Page
La page dont vous souhaitez afficher le contenu dans la fenêtre contextuelle. Affiche uniquement le contenu de la page de l'éditeur de page. La fenêtre contextuelle n'affiche aucun style Liquid du modèle de page.
Espace libre
Ajoutez un espace vide avec une hauteur personnalisée entre les blocs, respectivement vers différents appareils.
Collection en vedette
Vous pouvez ajouter une section qui affiche les produits d'une seule collection.
Paramètres des sections
Les paramètres de la section Collection en vedette
Paramètre
Description
Titre
Le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Collection
De quelle collection vous souhaitez afficher les produits.
Maximum de produits à afficher
Le nombre de produits de la collection à afficher. Doit être un nombre pair. Minimum : 2. Maximum : 12.
Activez le bouton « Afficher tout » si la collection contient plus de produits que ceux affichés
Si la collection contient plus de produits que ce qui est défini dans le champ Nombre maximum de produits à afficher , un bouton « Afficher tout » s'affiche alors qui amène les clients à la page de collection.
Paramètres de mise en page mobile
Les paramètres de mise en page mobile pour la section de collection en vedette
Paramètre
Description
Activer le balayage sur mobile
Modifie l'affichage mobile en une seule ligne, où les clients peuvent faire glisser leur doigt sur le côté pour voir plus de produits.
Afficher une colonne sur mobile
Modifie l'affichage mobile en un produit par ligne.
Paramètres de la fiche produit
Les paramètres de la fiche produit pour la section de la collection en vedette
Paramètre
Description
Rapport d'image
Le rapport d'image pour les images du produit :
Adapter à l'image (par défaut) - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
Carré - Recadre les images pour utiliser un rapport 1:1.
Portrait - Recadre les images pour utiliser un rapport 2:3.
Paysage - Recadre les images pour utiliser un rapport 3:2.
Large - Recadre les images pour utiliser un rapport 16:9.
Point focal de l’image
Choisissez la zone la plus importante de l’image visible.
Afficher la deuxième image au survol
Lorsque le client passe son curseur sur l'image du produit, affiche la deuxième image du produit si le produit en a une.
Afficher le bouton d'ajout rapide au panier
Lorsque le client passe son curseur sur l'image du produit, un bouton d'ajout rapide au panier s'affiche. Si le produit comporte des variantes, le bouton renvoie vers la page de détail du produit.
Afficher le fournisseur
Affiche les fournisseurs des produits.
Afficher la note 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.
Activer l'affichage rapide
Ajoute un bouton qui ouvre une fenêtre contextuelle affichant tous les détails essentiels du produit.
Activer les échantillons de couleurs
L'affichage des échantillons vous permet de sélectionner rapidement une couleur.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Garanties
Cette section affiche vos engagements pour honorer vos clients.
Paramètres des sections
Les paramètres de la section garanties
Paramètre
Description
Titre
Le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Mise en page
C'est ainsi que les blocs s'affichent sur la section. L'option Barre latérale crée une mise en page avec l'en-tête à gauche, au lieu d'en haut dans la valeur par défaut.
Alignement des colonnes
L'alignement des images et du texte au sein des colonnes :
Gauche (par défaut) - Aligne les images et le texte à gauche.
Centre - Aligne les images et le texte au centre.
Droite - Aligne les images et le texte à droite.
Activer l'arrière-plan secondaire
Ajoute une couleur d'arrière-plan. La couleur est interpolée à partir de la couleur du texte.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de garantie
Les paramètres du bloc de garantie dans la section garanties
Paramètre
Description
Icône
Choisissez une icône SVG prédéfinie qui s'adapte à votre message. L'option Aucun désactivera l'icône.
Titre
Grand texte pour le titre de la zone de texte.
Contenu
Le texte du paragraphe dans la colonne.
Bannière d'images
La section bannière d'images prend en charge une ou deux images et une zone de texte avec des boutons. Si deux images sont utilisées, elles sont affichées côte à côte sur le bureau. Sur mobile, vous pouvez choisir si les images s'affichent côte à côte ou en colonne.
Sur le bureau, la zone de texte recouvre partiellement l'image. Sur mobile, la zone de texte s'affiche sous l'image.
Paramètres des sections
Les paramètres de la section 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, cette image s'affiche soit à gauche, soit en haut, selon que le client utilise un ordinateur ou un mobile.
Deuxième image
L'image secondaire de la bannière. Si deux images sont ajoutées à la section, cette image s'affiche soit à droite, soit en bas, selon que le client utilise un ordinateur ou un mobile.
Point focal de l’image
Choisissez la zone la plus importante de l’image visible.
Position du contenu du bureau
Positionne le contenu par rapport à la bannière d'image :
En haut à gauche - Positionne le contenu en haut verticalement et à gauche horizontalement.
Top Center - Positionne le contenu en haut verticalement et au centre horizontalement.
En haut à droite - Positionne le contenu en haut verticalement et à droite horizontalement.
Milieu gauche - Positionne le contenu au milieu verticalement et à gauche horizontalement.
Middle Center - Positionne le contenu au milieu verticalement et au centre horizontalement.
Milieu droit – Positionne le contenu au milieu verticalement et à droite horizontalement.
En bas à gauche - Positionne le contenu en bas verticalement et à gauche horizontalement.
En bas au centre - Positionne le contenu en bas verticalement et au centre horizontalement.
En bas à droite - Positionne le contenu en bas verticalement et à droite horizontalement.
Alignement du contenu du bureau
Définit l'alignement du contenu sur le bureau :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur du bureau
Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
S'adapter à l'image : conserve le rapport hauteur/largeur d'origine de l'image.
450px - 450px.
550px - 550px.
650px - 650px.
750px - 750px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Afficher le conteneur sur le bureau
Ajoute un conteneur pour les parties de texte avec un fond sombre pour plus de lisibilité.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
Paramètres de mise en page mobile
Les paramètres de mise en page mobile pour la section bannière d'image
Paramètre
Description
Alignement du contenu mobile
Définit l'alignement du contenu sur mobile :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur mobile
Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
Auto - Le navigateur décidera en fonction de la valeur du bureau.
250px - 250px.
300px - 300px.
400px - 400px.
500px - 500px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Empiler des images sur mobile
Affiche les images dans une colonne verticale sur mobile.
Afficher le texte sous les images
Le texte s'affiche sous les images, au lieu de se trouver sur les images.
Paramètres de couleur des sections
Les paramètres de couleur pour la section bannière d'image
Paramètre
Description
Texte
Change la couleur de la zone de texte.
Recouvrir
Change la couleur de la superposition.
Opacité de superposition
Atténue les images de la bannière avec une superposition. Utilisez le curseur pour définir l'opacité de la superposition. La valeur par défaut est de 30 %.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de titre
Les paramètres du bloc d'en-tête dans la section bannière d'image
Paramètre
Description
Titre
Grand texte pour le titre de la zone de texte.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Bloc de texte
Les paramètres du bloc de texte dans la section bannière d'image
Paramètre
Description
Description
Affiche le texte de style paragraphe.
Description taille
La taille du texte de description :
Petit
Moyen
Grand
Bloc de boutons
Les paramètres du bloc de boutons dans la section bannière d'image
Paramètre
Description
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
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
Les paramètres de la section image avec texte
Paramètre
Description
Image
L'image de la section.
Point focal de l’image
Choisissez la zone la plus importante de l’image visible.
Disposition du bureau
La disposition de la section sur le bureau :
Image en premier - Affiche l'image à gauche.
Texte en premier - Affiche le texte à gauche.
Position du contenu du bureau
Définit la position verticale du contenu sur le bureau :
Haut - Affiche le contenu en haut.
Milieu - Affiche le contenu au milieu.
Bas - Affiche le texte en bas.
Alignement du contenu du bureau
Définit l'alignement du contenu sur le bureau :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur du bureau
Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
S'adapter à l'image : conserve le rapport hauteur/largeur d'origine de l'image.
450px - 450px.
550px - 550px.
650px - 650px.
750px - 750px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
Alignement du contenu mobile
Définit l'alignement du contenu sur mobile :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur mobile
Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
Auto - Le navigateur décidera en fonction de la valeur du bureau.
250px - 250px.
300px - 300px.
400px - 400px.
500px - 500px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de titre
Les paramètres du bloc de titre dans la section image avec texte
Paramètre
Description
Titre
Grand texte pour le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Bloc de texte
Les paramètres du bloc de texte dans la section image avec texte
Paramètre
Description
Description
Affiche le texte de style paragraphe dans la section.
Description taille
La taille du texte de description :
Petit
Moyen
Grand
Activer la couleur secondaire
Applique une couleur un peu plus claire en fonction de la couleur du texte.
Bloc de boutons
Les paramètres du bloc de boutons dans la section image avec texte
Paramètre
Description
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
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
Les paramètres de la section image avec superposition de texte
Paramètre
Description
Image
L'image de la section.
Point focal de l’image
Choisissez la zone la plus importante de l’image visible.
Position du contenu du bureau
Définit la position verticale du contenu sur le bureau :
Haut - Affiche le contenu en haut.
Milieu - Affiche le contenu au milieu.
Bas - Affiche le texte en bas.
Alignement du contenu du bureau
Définit l'alignement du contenu sur le bureau :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur du bureau
Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
S'adapter à l'image : conserve le rapport hauteur/largeur d'origine de l'image.
450px - 450px.
550px - 550px.
650px - 650px.
750px - 750px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
Disposition mobile
La disposition de la section sur le bureau :
Image en premier - Affiche l'image au-dessus du texte.
Superposition de texte - Le texte recouvre l'image.
Alignement du contenu mobile
Définit l'alignement du contenu sur mobile :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur mobile
Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
Auto - Le navigateur décidera en fonction de la valeur du bureau.
250px - 250px.
300px - 300px.
400px - 400px.
500px - 500px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Paramètres de couleur des sections
Les paramètres de couleur pour l'image avec la section de superposition de texte
Paramètre
Description
Texte
Change la couleur de la zone de texte.
Recouvrir
Change la couleur de la superposition.
Opacité de superposition
Atténue les images de la bannière avec une superposition. Utilisez le curseur pour définir l'opacité de la superposition. La valeur par défaut est de 30 %.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de titre
Les paramètres du bloc de titre dans la section Image avec superposition de texte
Paramètre
Description
Titre
Grand texte pour le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Bloc de texte
Les paramètres du bloc de texte dans la section Image avec superposition de texte
Paramètre
Description
Description
Affiche le texte de style paragraphe dans la section.
Description taille
La taille du texte de description :
Petit
Moyen
Grand
Activer la couleur secondaire
Applique une couleur un peu plus claire en fonction de la couleur du texte.
Bloc de boutons
Les paramètres du bloc de boutons dans la section image avec superposition de texte
Paramètre
Description
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
Images superposées avec texte
Vous pouvez ajouter une section contenant quatre images et un bloc de texte avec un bouton facultatif pour lier les clients à une nouvelle page. Associez du texte à quatre images 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
Les paramètres des images superposées avec section de texte
Paramètre
Description
Première image
L'image principale de la section.
Deuxième image
L'image secondaire de la section.
Troisième image
L'image tertiaire de la section.
Quatrième image
L'image quaternaire de la section.
Rapport d'image
Le rapport d'image pour les images du produit :
Adapter à l'image (par défaut) - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
Carré - Recadre les images pour utiliser un rapport 1:1.
Portrait - Recadre les images pour utiliser un rapport 2:3.
Paysage - Recadre les images pour utiliser un rapport 3:2.
Large - Recadre les images pour utiliser un rapport 16:9.
Point focal de l’image
Choisissez la zone la plus importante des images visibles.
Disposition du bureau
La disposition de la section sur le bureau :
Images en premier - Affiche les images à gauche.
Texte en premier - Affiche le texte à gauche.
Position du contenu du bureau
Définit la position verticale du contenu sur le bureau :
Haut - Affiche le contenu en haut.
Milieu - Affiche le contenu au milieu.
Bas - Affiche le texte en bas.
Alignement du contenu du bureau
Définit l'alignement du contenu sur le bureau :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
Alignement du contenu mobile
Définit l'alignement du contenu sur mobile :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de titre
Les paramètres du bloc de titre dans les images en couches avec section de texte
Paramètre
Description
Titre
Texte en grand pour le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Bloc de texte
Les paramètres du bloc de texte dans les images superposées avec section de texte
Paramètre
Description
Description
Affiche le texte de style paragraphe dans la section.
Description taille
La taille du texte de description :
Petit
Moyen
Grand
Activer la couleur secondaire
Applique une couleur un peu plus claire en fonction de la couleur du texte.
Bloc de boutons
Les paramètres du bloc de boutons dans les images superposées avec section de texte
Paramètre
Description
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
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.
Les paramètres de la section lookbook
Paramètre
Description
Image
L'image de la section.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Regardez le bloc
Vous pouvez avoir un maximum de 6 looks dans une section.
Les paramètres du bloc de colonnes dans la section lookbook
Paramètre
Description
Produit
Le produit que vous souhaitez afficher.
Activer l'affichage rapide
Ouvre une fenêtre contextuelle affichant tous les détails essentiels du produit, au lieu de diriger les clients vers la page des détails du produit.
Couleur
Définissez la couleur du point chaud.
Position horizontale
Spécifie la distance entre le point et le bord gauche de l'image.
Position verticale
Spécifie la distance entre le point et le bord supérieur de l'image.
Carte
Cette section affiche une carte Google qui met en évidence l'emplacement de votre entreprise.
Les paramètres de la section carte
Paramètre
Description
Adresse de la carte
Google trouvera l'emplacement en fonction de cette valeur, vous devez donc fournir une adresse détaillée autant que possible.
Clé API Google Maps
Pour que la carte fonctionne, vous devez enregistrer vous-même une clé API Google Maps. Si vous n'en avez pas, veuillez suivre ces instructions pour vous inscrire, puis copiez votre clé API et collez-la ici.
Zoom sur la carte
La résolution de la vue actuelle. Les niveaux de zoom autorisés sont compris entre 12 et 20. Pour comprendre ce que cela signifie, la valeur 0 permet de voir le monde entier sur la carte.
Style de carte
Styles Google Maps standards. Pour un aperçu, veuillez consulter cet assistant de style .
Image
L'image remplacera la carte en cas d'échec du chargement de Google Maps.
Point focal de l’image
Choisissez la zone la plus importante de l’image visible.
Position du contenu du bureau
Définit la position verticale du contenu sur le bureau :
Haut - Affiche le contenu en haut.
Milieu - Affiche le contenu au milieu.
Bas - Affiche le texte en bas.
Alignement du contenu du bureau
Définit l'alignement du contenu sur le bureau :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur du bureau
Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
S'adapter à l'image : conserve le rapport hauteur/largeur d'origine de l'image.
450px - 450px.
550px - 550px.
650px - 650px.
750px - 750px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
Disposition mobile
La disposition de la section sur le bureau :
Image en premier - Affiche l'image au-dessus du texte.
Superposition de texte - Le texte recouvre l'image.
Alignement du contenu mobile
Définit l'alignement du contenu sur mobile :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur mobile
Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
Auto - Le navigateur décidera en fonction de la valeur du bureau.
250px - 250px.
300px - 300px.
400px - 400px.
500px - 500px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Paramètres de couleur des sections
Les paramètres de couleur pour l'image avec la section de superposition de texte
Paramètre
Description
Texte
Change la couleur de la zone de texte.
Recouvrir
Change la couleur de la superposition.
Opacité de superposition
Atténue les images de la bannière avec une superposition. Utilisez le curseur pour définir l'opacité de la superposition. La valeur par défaut est de 30 %.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de titre
Les paramètres du bloc de titre dans la section Image avec superposition de texte
Paramètre
Description
Titre
Grand texte pour le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Bloc de texte
Les paramètres du bloc de texte dans la section Image avec superposition de texte
Paramètre
Description
Description
Affiche le texte de style paragraphe dans la section.
Description taille
La taille du texte de description :
Petit
Moyen
Grand
Activer la couleur secondaire
Applique une couleur un peu plus claire en fonction de la couleur du texte.
Bloc de boutons
Les paramètres du bloc de boutons dans la section image avec superposition de texte
Paramètre
Description
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
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
Les paramètres de la section multicolonne
Paramètre
Description
Titre
Le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Rapport d'image
Le rapport d'image pour les images du produit :
Adapter à l'image (par défaut) - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
Carré - Recadre les images pour utiliser un rapport 1:1.
Portrait - Recadre les images pour utiliser un rapport 2:3.
Paysage - Recadre les images pour utiliser un rapport 3:2.
Large - Recadre les images pour utiliser un rapport 16:9.
Point focal de l’image
Choisissez la zone la plus importante de l’image visible.
Alignement du contenu du bureau
L'alignement des images et du texte dans les colonnes sur le bureau :
Gauche (par défaut) - Aligne les images et le texte à gauche.
Centre - Aligne les images et le texte au centre.
Droite - Aligne les images et le texte à droite.
Paramètres de mise en page mobile
Les paramètres de mise en page mobile pour la section multicolonne
Paramètre
Description
Alignement du contenu mobile
L’alignement des images et du texte au sein des colonnes sur mobile :
Gauche (par défaut) - Aligne les images et le texte à gauche.
Centre - Aligne les images et le texte au centre.
Droite - Aligne les images et le texte à droite.
Activer le balayage sur mobile
Modifie l'affichage mobile en une seule ligne, où les clients peuvent faire glisser leur doigt sur le côté pour voir plus de blocs de colonnes.
Activer une colonne sur mobile
Modifie l'affichage mobile en une colonne par ligne.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de colonnes
Vous pouvez avoir un maximum de 12 colonnes dans une section. Si vous disposez d’un, deux ou trois blocs de colonnes, ils s’affichent sur une seule ligne sur le bureau. Si vous disposez de quatre blocs de colonnes ou plus, ils s’affichent sous forme de deux colonnes.
Les paramètres du bloc de colonnes dans la section multicolonne
Paramètre
Description
Image
L'image que vous souhaitez afficher.
Titre
Le titre de la colonne.
Description
Le texte du paragraphe dans la colonne.
Etiquette du bouton
Le texte qui s'affiche sur le bouton. Si vous ne souhaitez pas inclure de bouton dans la colonne, laissez ce champ vide.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
Page
Vous pouvez choisir d'afficher le contenu d'une page personnalisée dans une section. Cela amène l'intégralité du contenu de la page dans la section, mais n'apporte aucun code Liquid d'aucun modèle.
La palette de couleurs de la section utilise les paramètres suivants :
Par défaut, le texte est de la couleur de Text . Tout style spécifique appliqué au texte de la page est transféré dans la section.
Les hyperliens sont de la couleur du bouton Plan .
Paramètres des sections
Les paramètres de la section de page
Paramètre
Description
Page
La page de votre boutique en ligne que vous souhaitez afficher.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Rendre la section étroite
Rend son conteneur étroit.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Citations
Les devis sont importants car ils permettent aux commerçants d'établir la confiance avec les clients en affichant des messages positifs de clients précédents ou de partisans de la marque.
Paramètres des sections
Les paramètres de la section citations
Paramètre
Description
Titre
Le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de devis
Utilisez ce bloc pour créer des sections de questions distinctes.
Les paramètres du bloc témoignage dans la section témoignages
Paramètre
Description
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.
Aucun
Citation
5 étoiles
4 étoiles
3 étoiles
2 étoiles
1 étoile
Citation
Votre texte personnalisé, il peut s'agir de l'avis de votre client ou du message de votre marque partenaire.
Auteur
Votre texte personnalisé, cela peut être le nom du client ou le nom de la marque partenaire.
Révéler la bannière
Cette section affiche une bannière qui masque ou révèle automatiquement son contenu en fonction du comportement de défilement.
Paramètres des sections
Les paramètres de la section de bannière de révélation
Paramètre
Description
Image
L'image de la section.
Point focal de l’image
Choisissez la zone la plus importante de l’image visible.
Alignement du contenu du bureau
Définit l'alignement du contenu sur le bureau :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur du bureau
Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
S'adapter à l'image : conserve le rapport hauteur/largeur d'origine de l'image.
450px - 450px.
550px - 550px.
650px - 650px.
750px - 750px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
Alignement du contenu mobile
Définit l'alignement du contenu sur mobile :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur mobile
Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
Auto - Le navigateur décidera en fonction de la valeur du bureau.
250px - 250px.
300px - 300px.
400px - 400px.
500px - 500px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Afficher le texte sous l'image
Fait en sorte que les parties du texte se trouvent sous l'image au lieu de se superposer sur le mobile.
Paramètres de couleur des sections
Les paramètres de couleur pour la section de la bannière de révélation
Paramètre
Description
Texte
Change la couleur de la zone de texte.
Recouvrir
Change la couleur de la superposition.
Opacité de superposition
Atténue les images de la bannière avec une superposition. Utilisez le curseur pour définir l'opacité de la superposition. La valeur par défaut est de 30 %.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de titre
Les paramètres du bloc d'en-tête dans la section de la bannière de révélation
Paramètre
Description
Titre
Ajoutez le texte principal à associer à la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Bloc de sous-titre
Les paramètres du bloc de sous-titre dans la section de la bannière de révélation
Paramètre
Description
Sous-titre
Ajoutez le texte secondaire à associer à la section.
Taille du sous-titre
La taille du texte du sous-titre :
Petit
Moyen
Grand
Bloc de boutons
Les paramètres du bloc de boutons dans la section de la bannière de révélation
Paramètre
Description
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Libellé du bouton vidéo
Le texte qui s'affiche sur le bouton vidéo.
URL de la vidéo
Le lien YouTube ou Vimeo vers la vidéo. La vidéo doit être accessible au public.
Texte alternatif de la vidéo
Décrivez la vidéo pour la rendre accessible aux clients utilisant des lecteurs d'écran.
Bloc de diapositive de texte
Le bloc de diapositive Texte apparaîtra lorsque le client fera défiler vers le bas.
Les paramètres du bloc de diapositive de texte dans la section de la bannière de révélation
Paramètre
Description
Titre
Le titre du bloc.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Description
Affiche le texte de style paragraphe dans le bloc de texte.
Description taille
La taille du texte de description :
Petit
Moyen
Grand
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
Couleur du texte
Change la couleur de la zone de texte.
Couleur de l'arrière plan
Change la couleur de l'arrière-plan de la zone de texte.
Texte riche
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
Les paramètres de la section de texte enrichi
Paramètre
Description
Alignement du contenu du bureau
Définit l'alignement du contenu sur le bureau :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Rendre la section étroite
Rend son conteneur étroit.
Alignement du contenu mobile
Définit l'alignement du contenu sur mobile :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de titre
Les paramètres du bloc de titre dans la section de texte enrichi
Paramètre
Description
Titre
Le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Bloc de texte
Le bloc Texte est un bon moyen de partager des informations sur votre marque avec vos clients. Vous pouvez décrire les avantages de vos produits, faire des annonces, accueillir des clients dans votre magasin ou parler des valeurs de votre marque.
Les 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.
Description taille
La taille du texte de description :
Petit
Moyen
Grand
Activer la couleur secondaire
Applique une couleur un peu plus claire en fonction de la couleur du texte.
Bloc de boutons
Les paramètres du bloc de boutons dans la section de texte enrichi
Paramètre
Description
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
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.
Paramètres des sections
Les paramètres de la section Diaporama
Paramètre
Description
Type de diaporama
Détermine l'apparence de votre diaporama :
Moderne : un curseur avec une animation fluide et l'image à venir apparaît à mi-chemin sur la gauche.
Legacy - Curseur classique avec images et textes activés.
Alignement du contenu du bureau
Définit l'alignement du contenu sur le bureau :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur du bureau
Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
550px - 550px.
650px - 650px.
750px - 750px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Rotation automatique des diapositives
Configurez le diaporama pour qu'il soit lu automatiquement.
Changer de diapositive tous les
Choisissez la fréquence à laquelle changer de diapositive.
Alignement du contenu mobile
Définit l'alignement du contenu sur mobile :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur mobile
Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
300px - 300px.
400px - 400px.
500px - 500px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Paramètres de couleur des sections
Les paramètres de couleur pour la section diaporama
Paramètre
Description
Texte
Change la couleur de la zone de texte.
Arrière-plan
Change la couleur de l'arrière-plan.
Recouvrir
En type Legacy , change la couleur de la superposition sur les images. En caractères modernes , change la couleur du conteneur du texte.
Opacité de superposition
En type Legacy , atténue les images de la bannière avec une superposition. En caractères modernes , assombrit le conteneur des textes.
Texte des boutons de navigation
Change la couleur des icônes fléchées sur la navigation.
Arrière-plan des boutons de navigation
Change la couleur d'arrière-plan de la navigation.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section diaporama
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de diapositive d'image
Vous pouvez avoir un maximum de 6 diapositives d’images dans une section.
Les paramètres du bloc Diapositive Image dans la section Diaporama
Paramètre
Description
Image
L'image que vous souhaitez afficher.
Image mobile
En option, vous pouvez définir une image pour mobile.
Point focal de l’image
Choisissez la zone la plus importante de l’image visible.
Position du contenu du bureau
Positionne le contenu par rapport à l'image sur le bureau :
En haut à gauche - Positionne le contenu en haut verticalement et à gauche horizontalement.
Top Center - Positionne le contenu en haut verticalement et au centre horizontalement.
En haut à droite - Positionne le contenu en haut verticalement et à droite horizontalement.
Milieu gauche - Positionne le contenu au milieu verticalement et à gauche horizontalement.
Middle Center - Positionne le contenu au milieu verticalement et au centre horizontalement.
Milieu droit – Positionne le contenu au milieu verticalement et à droite horizontalement.
En bas à gauche - Positionne le contenu en bas verticalement et à gauche horizontalement.
En bas au centre - Positionne le contenu en bas verticalement et au centre horizontalement.
En bas à droite - Positionne le contenu en bas verticalement et à droite horizontalement.
Sous-titre
Ajoutez le texte secondaire à associer à l'image. Ce texte apparaît au-dessus du texte du titre.
Taille du sous-titre
La taille du texte du sous-titre :
Petit
Moyen
Grand
Titre
Ajoutez le texte principal à associer à l'image.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Description
Ajoutez le texte du paragraphe à associer à l'image. Ce texte apparaît sous le texte du titre.
Description taille
La taille du texte de description :
Petit
Moyen
Grand
Etiquette du bouton
Le texte qui s'affiche sur le bouton. Si vous ne souhaitez pas inclure de bouton dans la section, laissez ce champ vide.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
Collage d'onglets
Vous pouvez créer un collage de vidéos, d'images, de produits et de collections sous forme d'onglets. Chaque section de collage d'onglets contient un maximum de 6 blocs.
Paramètres des sections
Les paramètres de la section de collage d'onglets
Paramètre
Description
Titre
Le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Point focal de l’image
Choisissez la zone la plus importante de l’image visible.
Disposition du bureau
La disposition de la section sur le bureau :
Image en premier - Affiche l'image à gauche.
Image seconde - Affiche l'image de droite.
Position du contenu du bureau
Définit la position verticale du contenu sur le bureau :
Haut - Affiche le contenu en haut.
Milieu - Affiche le contenu au milieu.
Bas - Affiche le texte en bas.
Alignement du contenu du bureau
Définit l'alignement du contenu sur le bureau :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur du bureau
Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
S'adapter à l'image : conserve le rapport hauteur/largeur d'origine de l'image.
450px - 450px.
550px - 550px.
650px - 650px.
750px - 750px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
Disposition mobile
La disposition de la section sur le bureau :
Image en premier - Affiche l'image en haut.
Image seconde - Affiche l'image en bas.
Alignement du contenu mobile
Définit l'alignement du contenu sur mobile :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur mobile
Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
Auto - Le navigateur décidera en fonction de la valeur du bureau.
250px - 250px.
300px - 300px.
400px - 400px.
500px - 500px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Paramètres de couleur des sections
Les paramètres de couleur pour la section de collage d'onglets
Paramètre
Description
Texte
Change la couleur de la zone de texte.
Arrière-plan
Change la couleur de l'arrière-plan de la zone de texte.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Blocage vidéo
Les paramètres du bloc vidéo dans la section collage de l'onglet
Paramètre
Description
Image de couverture
L'image qui s'affiche avant qu'un client ne joue la vidéo.
URL
Le lien YouTube ou Vimeo vers la vidéo. La vidéo doit être accessible au public.
Titre
Le titre de la colonne.
Description
La description de la colonne.
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
Bloc produit
Les paramètres du bloc produit dans la section collage des onglets
Paramètre
Description
Produit
Le produit que vous souhaitez afficher.
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
Bloc de collecte
Les paramètres du bloc de collection dans la section collage de l'onglet
Paramètre
Description
Collection
La collection que vous souhaitez afficher.
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
Bloc d'images
Les paramètres du bloc d'image dans la section Collage de l'onglet
Paramètre
Description
Image
L'image que vous souhaitez afficher.
Titre
Le titre de la colonne.
Description
La description de la colonne.
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
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.
Paramètres des sections
Les paramètres de la section témoignages
Paramètre
Description
Titre
Le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Témoignages à rotation automatique
Configurez les témoignages pour qu'ils soient lus automatiquement.
Changez les témoignages tous les
Choisissez à quelle fréquence modifier les témoignages.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de témoignage
Utilisez ce bloc pour créer des sections de questions distinctes.
Les paramètres du bloc témoignage dans la section témoignages
Paramètre
Description
Icône
Choisissez une icône prédéfinie qui s'affiche juste au-dessus du texte du témoignage. L'option Aucun désactivera l'icône.
Aucun
Citation
5 étoiles
4 étoiles
3 étoiles
2 étoiles
1 étoile
Témoignage
Votre texte personnalisé, cela pourrait être l'avis de votre client.
Image de l'auteur
Cela pourrait être l'image de votre client pour rendre le témoignage plus fiable.
Auteur
Votre texte personnalisé, cela pourrait être le nom du client.
Vidéo
Vous pouvez ajouter une section vidéo pour intégrer une vidéo de YouTube ou Vimeo sur une page de votre boutique.
Paramètres des sections
Les paramètres de la section vidéo
Paramètre
Description
Titre
Le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Image de couverture
L'image qui s'affiche avant qu'un client ne joue la vidéo.
URL
Le lien YouTube ou Vimeo vers la vidéo. La vidéo doit être accessible au public.
Texte alternatif de la vidéo
Décrivez la vidéo pour la rendre accessible aux clients utilisant des lecteurs d'écran.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Surgir
Affiche les messages sur site dans une fenêtre contextuelle pour demander à vos visiteurs/clients de souscrire un abonnement par e-mail.
La section comprend 6 blocs :
Titre
Sous-titre
Texte
Bouton
Icônes des médias sociaux
Bulletin
Barre flottante
Paramètres des sections
Les paramètres de la section popup
Paramètre
Description
Mode d'affichage
Choisissez le mode qui correspond à votre demande :
Activer - La fenêtre contextuelle fonctionne et prend en charge tous les paramètres.
Désactiver - Désactive la fenêtre contextuelle.
Mode test - La fenêtre contextuelle s'affiche toujours malgré les paramètres pertinents ou est ignorée afin que vous puissiez la consulter à tout moment. C'est idéal pour tester.
Afficher uniquement sur la page d'accueil
Affiche la fenêtre contextuelle sur la page d'accueil uniquement.
Afficher uniquement pour les visiteurs
Affiche la fenêtre contextuelle aux visiteurs uniquement. Il est masqué pour les utilisateurs enregistrés.
Retard
Le délai en secondes pour que la fenêtre contextuelle apparaisse.
Fréquence
Nombre de jours avant la réapparition d'une fenêtre contextuelle ignorée.
Largeur de la fenêtre contextuelle
La largeur en pixels de la popup.
Remplissage du contenu
L'épaisseur en pixels de l'espace intérieur de la popup.
Alignement du contenu
Définit l'alignement du contenu :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Image
L'image de la popup. Afin de respecter les directives interstitielles de Google pour un meilleur référencement, l'image n'apparaît pas sur mobile.
Poste de bureau
La position de l'image par rapport au contenu du popup :
Haut : l'image se trouve au-dessus du contenu de la fenêtre contextuelle.
Gauche : l'image se trouve à gauche du contenu de la fenêtre contextuelle.
Droite : l'image se trouve à droite du contenu de la fenêtre contextuelle.
En bas : l'image se trouve sous le contenu de la fenêtre contextuelle.
Couleur : Texte
Change la couleur des textes.
Couleur: Bordures
Modifie la couleur des bordures, y compris les bordures des boutons et les soulignements.
Couleur: Fond
Change la couleur de l'arrière-plan du popup.
Bloc de titre
Les paramètres du bloc d'en-tête dans la section contextuelle
Paramètre
Description
Titre
Le titre de la section
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Bloc de sous-titre
Les paramètres du bloc de sous-titre dans la section contextuelle
Paramètre
Description
Sous-titre
Le titre de la section
Taille du sous-titre
La taille du texte du sous-titre :
Petit
Moyen
Grand
Bloc de texte
Les paramètres du bloc de texte dans la section contextuelle
Paramètre
Description
Description
Affiche le texte de style paragraphe dans la section.
Description taille
La taille du texte de description :
Petit
Moyen
Grand
Activer la couleur secondaire
Applique une couleur un peu plus claire en fonction de la couleur du texte.
Bloc de boutons
Les paramètres du bloc de boutons dans la section popup
Paramètre
Description
Etiquette du bouton
Le texte qui s'affiche sur le bouton. Laissez l'étiquette vide pour masquer le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.
Utiliser le style de bouton souligné
Utilise le style de soulignement pour le bouton.
Bloc d'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. Il n’a pas de paramètres réglables.
Bloc newsletter
Le bloc newsletter affiche un champ dans lequel un client peut saisir une adresse e-mail pour s'inscrire à votre marketing.
Les paramètres du bloc newsletter dans la section popup
Paramètre
Description
Description
Affiche le texte de style paragraphe dans la section.
Utiliser le style du bouton de contour
Utilise le style de contour pour le bouton.
Créer un bouton sur toute la largeur
Agrandit le bouton sur toute la largeur de la fenêtre contextuelle au lieu de le placer à côté de la zone de texte.
Bloc de barre flottant
Le bloc de barre flottante affiche une barre verticale collante à gauche ou à droite de l'écran qui permet à vos acheteurs d'ouvrir la popup en cliquant sur la barre.
Les paramètres du bloc de la barre d'outils dans la section popup
Paramètre
Description
Titre
Le titre du bar. Il est cliquable pour ouvrir la fenêtre contextuelle.
Afficher les icônes des réseaux sociaux
Inclut des icônes pour toutes les plateformes de médias sociaux pour lesquelles vous avez saisi un lien de profil dans les paramètres de votre thème.
Position du contenu
Définit la position de la barre d'outils :
Gauche - Affiche la barre d'outils sur le côté gauche.
Droite - Affiche la barre d'outils sur le côté droit.
Couleur
Modifie la couleur du titre et des icônes des réseaux sociaux.
Désactiver sur mobile
Fait apparaître la barre d'outils sur le bureau uniquement.
Derniers produits consultés
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
Les paramètres de la section Produits récemment consultés
Paramètre
Description
Titre
Le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Paramètres de mise en page mobile
Les paramètres de mise en page mobile pour la section Produits récemment consultés
Paramètre
Description
Activer le balayage sur mobile
Modifie l'affichage mobile en une seule ligne, où les clients peuvent faire glisser leur doigt sur le côté pour voir plus de produits.
Afficher une colonne sur mobile
Modifie l'affichage mobile en un produit par ligne.
Paramètres de la fiche produit
Les paramètres de la fiche produit pour la section Produits récemment consultés
Paramètre
Description
Rapport d'image
Le rapport d'image pour les images du produit :
Adapter à l'image (par défaut) - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
Carré - Recadre les images pour utiliser un rapport 1:1.
Portrait - Recadre les images pour utiliser un rapport 2:3.
Paysage - Recadre les images pour utiliser un rapport 3:2.
Large - Recadre les images pour utiliser un rapport 16:9.
Point focal de l’image
Choisissez la zone la plus importante de l’image visible.
Afficher la deuxième image au survol
Lorsque le client passe son curseur sur l'image du produit, affiche la deuxième image du produit si le produit en a une.
Afficher le bouton d'ajout rapide au panier
Lorsque le client passe son curseur sur l'image du produit, un bouton d'ajout rapide au panier s'affiche. Si le produit comporte des variantes, le bouton renvoie vers la page de détail du produit.
Afficher le fournisseur
Affiche les fournisseurs des produits.
Afficher la note 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.
Activer l'affichage rapide
Ajoute un bouton qui ouvre une fenêtre contextuelle affichant tous les détails essentiels du produit.
Activer les échantillons de couleurs
L'affichage des échantillons vous permet de sélectionner rapidement une couleur.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section Produits récemment consultés
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
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
Les paramètres de la section Héros vidéo
Paramètre
Description
URL
Le lien YouTube ou Vimeo vers la vidéo. La vidéo doit être accessible au public. Vous pouvez également mettre le lien direct vers votre fichier vidéo MP4.
Position du contenu du bureau
Positionne le contenu par rapport à la bannière d'image :
En haut à gauche - Positionne le contenu en haut verticalement et à gauche horizontalement.
Top Center - Positionne le contenu en haut verticalement et au centre horizontalement.
En haut à droite - Positionne le contenu en haut verticalement et à droite horizontalement.
Milieu gauche - Positionne le contenu au milieu verticalement et à gauche horizontalement.
Middle Center - Positionne le contenu au milieu verticalement et au centre horizontalement.
Milieu droit – Positionne le contenu au milieu verticalement et à droite horizontalement.
En bas à gauche - Positionne le contenu en bas verticalement et à gauche horizontalement.
En bas au centre - Positionne le contenu en bas verticalement et au centre horizontalement.
En bas à droite - Positionne le contenu en bas verticalement et à droite horizontalement.
Alignement du contenu du bureau
Définit l'alignement du contenu sur le bureau :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur du bureau
Détermine la hauteur de la vidéo lorsqu'elle est visualisée sur un ordinateur :
450px - 450px.
550px - 550px.
650px - 650px.
750px - 750px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Afficher le conteneur sur le bureau
Sur le bureau, réduit la superposition vidéo pour devenir le conteneur du contenu textuel pour plus de lisibilité.
Faire une section pleine largeur
Rend la section sur toute la largeur de la fenêtre du navigateur.
Paramètres de mise en page mobile
Les paramètres de mise en page mobile pour la section Héros vidéo
Paramètre
Description
Alignement du contenu mobile
Définit l'alignement du contenu sur mobile :
Gauche - Aligne le contenu à gauche.
Centre - Aligne le contenu au centre.
Droite - Aligne le contenu à droite.
Hauteur mobile
Détermine la hauteur de la vidéo lorsqu'elle est visionnée sur mobile :
Auto - Le navigateur décidera en fonction de la valeur du bureau.
250px - 250px.
300px - 300px.
400px - 400px.
500px - 500px.
Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Afficher le texte sous les images
Le texte s'affiche sous la vidéo, au lieu de s'y trouver.
Paramètres de couleur des sections
Les paramètres de couleur de la section Héros vidéo
Paramètre
Description
Texte
Change la couleur de la zone de texte.
Recouvrir
Change la couleur de la superposition.
Opacité de superposition
Définit l'opacité de la superposition.
Paramètres de remplissage de section
Les paramètres de remplissage pour la section Héros vidéo
Paramètre
Description
Rembourrage supérieur
Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur
Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Bloc de titre
Les paramètres du bloc d'en-tête de la section Héros vidéo
Paramètre
Description
Titre
Grand texte pour le titre de la section.
Taille du titre
La taille du texte du titre :
Petit
Moyen
Grand
Bloc de texte
Les paramètres du bloc de texte de la section Héros vidéo
Paramètre
Description
Description
Affiche le texte de style paragraphe dans la section.
Description taille
La taille du texte de description :
Petit
Moyen
Grand
Activer la couleur secondaire
Applique une couleur un peu plus claire en fonction de la couleur du texte.
Bloc de boutons
Les paramètres du bloc de boutons de la section Video hero
Paramètre
Description
Etiquette du bouton
Le texte qui s'affiche sur le bouton.
Lien du bouton
L'URL vers laquelle vous souhaitez que le bouton soit lié.