La section Informations produit est la partie principale de votre page produit. Elle affiche les images du produit d'un côté et les détails du produit (nom, description et formulaire de commande) de l'autre. Elle est obligatoire sur la page produit : vous pouvez la styliser, mais pas la supprimer.
Où la trouver
- Ouvrez le constructeur et choisissez Page produit dans l'onglet Pages.
- Choisissez un produit pour l'aperçu. Cela ne change que ce qu'affiche l'aperçu : votre design s'applique à tous les produits en même temps.
- Cliquez sur Informations produit dans l'aperçu ou dans l'onglet Sections.
La section a deux parties fixes, Médias et Détails. Vous ne pouvez ni les retirer ni les déplacer, seulement les configurer. Sur téléphone, elles s'empilent : d'abord les images, puis les détails.
Réglages de la section
- Largeur de la section : Page garde le contenu dans la largeur de votre page, Complet va d'un bord à l'autre.
- Colonnes égales : activé, les images et les détails prennent chacun la moitié de la largeur. Désactivé, chaque colonne prend la place dont elle a besoin.
- Schéma de couleurs, Espacement (espace entre les deux colonnes), marge intérieure et CSS personnalisé.
Médias : la galerie d'images
Affiche les photos et les vidéos que vous avez ajoutées au produit.
- Mode : Carrousel (une image à la fois) ou Grille (toutes les images en même temps).
- Épinglé : Désactivé, Ordinateur de bureau, Mobile ou Les deux. Une galerie épinglée reste visible pendant que les clients font défiler les détails.
- Grille : Colonnes (1 ou 2), Espacement et Pleine largeur d'abord (la première image occupe les deux colonnes).
- Carrousel : Icônes de navigation (Flèches, Chevrons ou Aucune), Arrière-plan de l'icône, Pagination sur bureau (Points, Compteur, Miniatures) et Pagination sur mobile (Points, Compteur, Indice, Miniatures). Indice laisse apercevoir un bout de l'image suivante.
- Miniatures : avec des miniatures sur ordinateur, réglez Position sur bureau (Gauche, Bas, Droite) et Taille sur bureau. Sur téléphone, elles sont toujours sous l'image.
- Rapport d'aspect : Automatique garde la forme d'origine de chaque image. Avec Portrait, Carré ou Paysage, Ajustement du média propose Couvrir (remplir et rogner) ou Contenir (montrer toute l'image).
- Activer le zoom : les clients cliquent ou appuient sur une image pour la voir en plein écran.
Détails : les blocs à côté des images
Détails a un Espacement et Fixe sur ordinateur (la colonne reste visible pendant que les clients font défiler les images). Sélectionnez-le et cliquez sur Ajouter un nouveau bloc pour ajouter des blocs, puis faites-les glisser dans l'ordre voulu.
- Titre : le nom du produit, une fois par page. Réglez Largeur, Alignement, Préréglage, Hauteur de ligne et Espacement des lettres. Afficher au-dessus de l'image sur mobile place le nom (avec sa note) au-dessus de la galerie sur téléphone. Afficher les avis au-dessus du titre place les étoiles au-dessus du nom.
- Description : le texte de votre produit. Réglez la hauteur de ligne et l'espacement des lettres. Avec Cliquez sur l'image pour défiler activé, un clic dans la description fait défiler jusqu'au formulaire de commande quand aucun formulaire n'est à l'écran. Les liens fonctionnent toujours.
- Formulaire : le prix, les variantes et le bouton d'achat. Ses options se trouvent dans Comment configurer la section d'informations de la page de destination et le formulaire de commande (boutons, compte à rebours, WhatsApp) ?
- Séparateur : jusqu'à 2 lignes entre les blocs.
- Éléments dépliables, Chronologie de livraison, Guide des tailles, Badges et Avant et après : voir Comment ajouter des onglets dépliables, des dates de livraison, un guide des tailles, des badges ou des images avant/après à ma page produit ?
Formulaire et Description sont obligatoires : vous pouvez les déplacer, mais pas les supprimer.
Bouton fixe
Garde un moyen d'acheter à l'écran dès que les clients s'éloignent du formulaire de commande. Il se cache de nouveau quand un formulaire est visible. Mode :
- Aucun : pas d'élément fixe.
- Barre : une barre en bas avec le prix, la quantité et le bouton d'achat.
- Bouton : un bouton flottant qui fait défiler jusqu'au formulaire. Réglez Étiquette (vide, il reprend le texte de votre bouton d'achat), Style (Primaire ou Secondaire), Position (Début, Centre, Fin) et Animation (Pulsation, Battement, Secousse, Rebond, Lueur, Onde, Frétillement ou Aucune).
- Image : une image flottante de votre choix qui fait défiler jusqu'au formulaire, avec Position et Animation.
Dans le constructeur, l'élément fixe s'affiche tant que la section est sélectionnée, pour que vous puissiez le styliser.