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.
Sur cette page
- Barre d'annonce
- Entête
- Bas de page
- Articles de blog
- Collage
- Liste des collections
- Formulaire de contact
- Compte à rebours
- Liquide personnalisé
- Inscription par courrier électronique
- Espace libre
- FAQ
- Produit en vedette
- Collection en vedette
- Garanties
- Bannière d'images
- Image avec texte
- Image avec superposition de texte
- Images superposées avec texte
- Lookbook
- Carte
- Multicolonne
- Page
- Citations
- Révéler la bannière
- Texte riche
- Diaporama
- Témoignages
- Collage d'onglets
- Vidéo
- Surgir
- Derniers produits consultés
- Héros vidéo
Barre d'annonce
La barre d'annonce vous permet de communiquer des informations importantes à vos clients depuis n'importe quelle page. Vous pouvez personnaliser jusqu'à 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
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
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
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
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
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.
|
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
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
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
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
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
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.
Paramètre | Description |
---|---|
Titre | Le titre du bloc. |
Sous-texte | Le texte à afficher dans le bloc. |
Bloc d'images
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 :
|
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
Paramètre | Description |
---|---|
Titre | Le titre de la section. |
Taille du titre | La taille du texte du titre :
|
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
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
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 :
|
Point focal de l’image | Choisissez la zone la plus importante de l’image visible. |
Paramètres de remplissage de 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é
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
Paramètre | Description |
---|---|
Titre | Le titre de la section. |
Taille du titre | La taille du texte du titre :
|
Disposition du bureau | Comment les blocs s'affichent sur le bureau.
|
Disposition mobile | Comment les blocs s'affichent sur mobile.
|
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
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
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
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
Paramètre | Description |
---|---|
Collection | La collection que vous souhaitez afficher. |
Bloc d'images
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
Paramètre | Description |
---|---|
Titre | Le titre de la section |
Taille du titre | La taille du texte du titre :
|
Rapport d'image | Le ratio d'image pour les images présentées des collections :
|
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
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
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
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
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
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.
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
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 :
|
Position du contenu du bureau | Définit la position verticale du contenu sur le bureau :
|
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
|
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
|
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 :
|
Alignement du contenu mobile | Définit l'alignement du contenu sur mobile :
|
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
|
Paramètres de couleur des sections
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
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
Paramètre | Description |
---|---|
Titre | Grand texte pour le titre de la section. |
Taille du titre | La taille du texte du titre :
|
Bloc de texte
Paramètre | Description |
---|---|
Description | Affiche le texte de style paragraphe dans la section. |
Description taille | La taille du texte de description :
|
Bloc de boutons
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
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 :
|
Message | Vous pouvez simplement définir le message à afficher une fois que la minuterie atteint zéro. |
Taille du message | La taille du message :
|
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
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
Paramètre | Description |
---|---|
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
|
Alignement du contenu mobile | Définit l'alignement du contenu sur mobile :
|
Faire une section pleine largeur | Rend la section sur toute la largeur de la fenêtre du navigateur. |
Paramètres de remplissage de 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
Paramètre | Description |
---|---|
Titre | Le titre de la section. |
Bloc de sous-titre
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
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
Paramètre | Description |
---|---|
Titre | Le titre de la section. |
Taille du titre | La taille du texte du titre :
|
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
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.
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.
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
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 :
|
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 :
|
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
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 .
Bloc | Paramètres | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
Texte | Saisissez le texte de votre produit vedette :
| ||||||||||
Titre | Affiche le titre du produit :
| ||||||||||
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 :
| ||||||||||
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.
| ||||||||||
Statut de l'inventaire | Affiche un message qui informe en temps opportun les clients de l'état du stock du produit :
| ||||||||||
Image | Affiche une image personnalisée, idéale pour l'image du badge de confiance.
| ||||||||||
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. | ||||||||||
Liquide personnalisé | Ajoutez du code liquide ou HTML personnalisé . | ||||||||||
Onglet pliable | 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.
| ||||||||||
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.
| ||||||||||
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
Paramètre | Description |
---|---|
Titre | Le titre de la section. |
Taille du titre | La taille du texte du titre :
|
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
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
Paramètre | Description |
---|---|
Rapport d'image | Le rapport d'image pour les images du produit :
|
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
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
Paramètre | Description |
---|---|
Titre | Le titre de la section. |
Taille du titre | La taille du texte du titre :
|
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 :
|
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
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
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
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 :
|
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
|
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
|
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
Paramètre | Description |
---|---|
Alignement du contenu mobile | Définit l'alignement du contenu sur mobile :
|
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
|
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
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
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
Paramètre | Description |
---|---|
Titre | Grand texte pour le titre de la zone de texte. |
Taille du titre | La taille du texte du titre :
|
Bloc de texte
Paramètre | Description |
---|---|
Description | Affiche le texte de style paragraphe. |
Description taille | La taille du texte de description :
|
Bloc de boutons
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
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 :
|
Position du contenu du bureau | Définit la position verticale du contenu sur le bureau :
|
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
|
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
|
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 :
|
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
|
Paramètres de remplissage de 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
Paramètre | Description |
---|---|
Titre | Grand texte pour le titre de la section. |
Taille du titre | La taille du texte du titre :
|
Bloc de texte
Paramètre | Description |
---|---|
Description | Affiche le texte de style paragraphe dans la section. |
Description taille | La taille du texte de description :
|
Activer la couleur secondaire | Applique une couleur un peu plus claire en fonction de la couleur du texte. |
Bloc de boutons
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
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 :
|
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
|
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
|
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 :
|
Alignement du contenu mobile | Définit l'alignement du contenu sur mobile :
|
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
|
Paramètres de couleur des sections
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
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
Paramètre | Description |
---|---|
Titre | Grand texte pour le titre de la section. |
Taille du titre | La taille du texte du titre :
|
Bloc de texte
Paramètre | Description |
---|---|
Description | Affiche le texte de style paragraphe dans la section. |
Description taille | La taille du texte de description :
|
Activer la couleur secondaire | Applique une couleur un peu plus claire en fonction de la couleur du texte. |
Bloc de boutons
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
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 :
|
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 :
|
Position du contenu du bureau | Définit la position verticale du contenu sur le bureau :
|
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
|
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 :
|
Paramètres de remplissage de 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
Paramètre | Description |
---|---|
Titre | Texte en grand pour le titre de la section. |
Taille du titre | La taille du texte du titre :
|
Bloc de texte
Paramètre | Description |
---|---|
Description | Affiche le texte de style paragraphe dans la section. |
Description taille | La taille du texte de description :
|
Activer la couleur secondaire | Applique une couleur un peu plus claire en fonction de la couleur du texte. |
Bloc de boutons
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.
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
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.
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.
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 :
|
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
|
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
|
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 :
|
Alignement du contenu mobile | Définit l'alignement du contenu sur mobile :
|
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
|
Paramètres de couleur des sections
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
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
Paramètre | Description |
---|---|
Titre | Grand texte pour le titre de la section. |
Taille du titre | La taille du texte du titre :
|
Bloc de texte
Paramètre | Description |
---|---|
Description | Affiche le texte de style paragraphe dans la section. |
Description taille | La taille du texte de description :
|
Activer la couleur secondaire | Applique une couleur un peu plus claire en fonction de la couleur du texte. |
Bloc de boutons
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
Paramètre | Description |
---|---|
Titre | Le titre de la section. |
Taille du titre | La taille du texte du titre :
|
Rapport d'image | Le rapport d'image pour les images du produit :
|
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 :
|
Paramètres de mise en page mobile
Paramètre | Description |
---|---|
Alignement du contenu mobile | L’alignement des images et du texte au sein des colonnes sur mobile :
|
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
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.
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
Paramètre | Description |
---|---|
Page | La page de votre boutique en ligne que vous souhaitez afficher. |
Taille du titre | La taille du texte du titre :
|
Rendre la section étroite | Rend son conteneur étroit. |
Paramètres de remplissage de 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
Paramètre | Description |
---|---|
Titre | Le titre de la section. |
Taille du titre | La taille du texte du titre :
|
Paramètres de remplissage de 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.
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.
|
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
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 :
|
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
|
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 :
|
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
|
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
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
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
Paramètre | Description |
---|---|
Titre | Ajoutez le texte principal à associer à la section. |
Taille du titre | La taille du texte du titre :
|
Bloc de sous-titre
Paramètre | Description |
---|---|
Sous-titre | Ajoutez le texte secondaire à associer à la section. |
Taille du sous-titre | La taille du texte du sous-titre :
|
Bloc de boutons
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.
Paramètre | Description |
---|---|
Titre | Le titre du bloc. |
Taille du titre | La taille du texte du titre :
|
Description | Affiche le texte de style paragraphe dans le bloc de texte. |
Description taille | La taille du texte de 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. |
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
Paramètre | Description |
---|---|
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
|
Rendre la section étroite | Rend son conteneur étroit. |
Alignement du contenu mobile | Définit l'alignement du contenu sur mobile :
|
Paramètres de remplissage de 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
Paramètre | Description |
---|---|
Titre | Le titre de la section. |
Taille du titre | La taille du texte du titre :
|
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.
Paramètre | Description |
---|---|
Description | Texte de style paragraphe pour le contenu principal de la section. |
Description taille | La taille du texte de description :
|
Activer la couleur secondaire | Applique une couleur un peu plus claire en fonction de la couleur du texte. |
Bloc de boutons
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
Paramètre | Description |
---|---|
Type de diaporama | Détermine l'apparence de votre diaporama :
|
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
|
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
|
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 :
|
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
|
Paramètres de couleur des sections
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
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.
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 :
|
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 :
|
Titre | Ajoutez le texte principal à associer à l'image. |
Taille du titre | La taille du texte du titre :
|
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 :
|
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
Paramètre | Description |
---|---|
Titre | Le titre de la section. |
Taille du titre | La taille du texte du titre :
|
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 :
|
Position du contenu du bureau | Définit la position verticale du contenu sur le bureau :
|
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
|
Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
|
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 :
|
Alignement du contenu mobile | Définit l'alignement du contenu sur mobile :
|
Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
|
Paramètres de couleur des sections
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
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
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
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
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
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
Paramètre | Description |
---|---|
Titre | Le titre de la section. |
Taille du titre | La taille du texte du titre :
|
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
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.
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.
|
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
Paramètre | Description |
---|---|
Titre | Le titre de la section. |
Taille du titre | La taille du texte du titre :
|
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
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
Paramètre | Description |
---|---|
Mode d'affichage | Choisissez le mode qui correspond à votre demande :
|
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 :
|
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 :
|
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
Paramètre | Description |
---|---|
Titre | Le titre de la section |
Taille du titre | La taille du texte du titre :
|
Bloc de sous-titre
Paramètre | Description |
---|---|
Sous-titre | Le titre de la section |
Taille du sous-titre | La taille du texte du sous-titre :
|
Bloc de texte
Paramètre | Description |
---|---|
Description | Affiche le texte de style paragraphe dans la section. |
Description taille | La taille du texte de description :
|
Activer la couleur secondaire | Applique une couleur un peu plus claire en fonction de la couleur du texte. |
Bloc de boutons
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.
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.
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 :
|
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
Paramètre | Description |
---|---|
Titre | Le titre de la section. |
Taille du titre | La taille du texte du titre :
|
Paramètres de mise en page mobile
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
Paramètre | Description |
---|---|
Rapport d'image | Le rapport d'image pour les images du produit :
|
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
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
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 :
|
Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
|
Hauteur du bureau | Détermine la hauteur de la vidéo lorsqu'elle est visualisée sur un ordinateur :
|
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
Paramètre | Description |
---|---|
Alignement du contenu mobile | Définit l'alignement du contenu sur mobile :
|
Hauteur mobile | Détermine la hauteur de la vidéo lorsqu'elle est visionnée sur mobile :
|
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
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
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
Paramètre | Description |
---|---|
Titre | Grand texte pour le titre de la section. |
Taille du titre | La taille du texte du titre :
|
Bloc de texte
Paramètre | Description |
---|---|
Description | Affiche le texte de style paragraphe dans la section. |
Description taille | La taille du texte de description :
|
Activer la couleur secondaire | Applique une couleur un peu plus claire en fonction de la couleur du texte. |
Bloc de boutons
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. |
Share:
Types de pages disponibles dans Be Yours
Activer l'en-tête transparent sur les pages personnalisées