Personnaliser la section d’informations sur le produit

La section Informations sur le produit est le générateur flexible de pages produit du thème Pops. Elle combine deux zones fixes — la galerie multimédia du produit et les détails du produit — que vous remplissez avec des blocs de produit, mettez en forme comme une carte et prévisualisez sur ordinateur et mobile avant d’enregistrer le modèle.

Ajouter la section Informations sur le produit

La section Informations sur le produit est disponible uniquement sur les modèles de produit. Ouvrez le modèle de produit dans l’éditeur de thème, puis sélectionnez la section pour la configurer.

1. Dans Boutique en ligne → Thèmes → Personnaliser, ouvrez le modèle de produit.

2. Sélectionnez la section Informations sur le produit.

La section contient deux zones fixes : la galerie multimédia du produit et les détails du produit. Sur les écrans d’au moins 60 em de large, elles sont placées côte à côte en deux colonnes ; en dessous de cette largeur, elles s’empilent sur une seule colonne.

Configurer la galerie multimédia

Définissez l’affichage des contenus multimédias du produit — la disposition de la galerie, la position des miniatures et le zoom — dans le bloc Galerie multimédia du produit.

1. Sélectionnez la section Informations sur le produit et ouvrez le bloc Galerie multimédia du produit.

2. Sous Type de disposition, choisissez Carrousel ou Empilé.

3. Sous Disposition des miniatures, choisissez À gauche du contenu multimédia ou Sous le contenu multimédia. Consultez Choisir une disposition pour les miniatures des images de produit pour découvrir le comportement de chaque option sur ordinateur et mobile.

4. Activez Activer le zoom pour ouvrir une fenêtre modale avec une image haute résolution lorsqu’un client effectue un zoom sur une image de produit.

Ajouter et organiser les blocs de détails du produit

La zone Détails du produit contient les blocs qui apparaissent à côté de la galerie. Son ordre par défaut est Produit (titre), Produit (prix), Produit (sélecteur de variantes), Produit (sélection de la quantité), Produit (boutons d’achat), puis Produit (description).

1. Sélectionnez la section Informations sur le produit et ouvrez le bloc Détails du produit.

2. Ajoutez ou supprimez des blocs pour créer la disposition souhaitée.

3. Faites glisser les blocs pour les placer dans l’ordre dans lequel ils doivent apparaître.

Les blocs disponibles comprennent les blocs texte, icône, bouton, contenu multimédia, groupe, accordéon, Produit (titre), Prix, Produit (sélecteur de variantes), Produit (sélection de la quantité), Boutons d’achat, Produit (description) et Afficher tous les détails.

Configurer les options et les informations de prix

Définissez la manière dont les clients choisissent une variante et l’affichage du prix, des promotions et des textes relatifs aux taxes ou à la livraison.

1. Ouvrez le bloc Produit (sélecteur de variantes). Sous Type de sélecteur, choisissez Pastilles ou Menu déroulant, puis activez Activer les pastilles pour afficher les options sous forme de pastilles de couleur ou d’image lorsque les données correspondantes sont disponibles. Consultez Afficher des pastilles de couleur et d’image pour les variantes de produit pour configurer ces données.

2. Ouvrez le bloc Produit (prix). Laissez Utiliser la variante sélectionnée activé afin que le prix corresponde à la variante sélectionnée, et activez Afficher les badges pour afficher les badges de promotion et de rupture de stock.

Les textes relatifs aux taxes et à la livraison s’affichent uniquement dans les conditions appropriées : le texte indiquant que les taxes sont incluses s’affiche lorsque votre boutique inclut les taxes dans les prix, et le texte indiquant que les frais de livraison sont calculés lors du paiement s’affiche lorsque vous avez défini une politique de livraison.

Appliquer le style de carte

Encadrez le contenu de la section dans une carte et contrôlez sa palette de couleurs ainsi que l’arrondi de ses angles depuis les paramètres de la section.

1. Sélectionnez la section Informations sur le produit.

2. Activez Afficher le contenu sur une carte pour placer le contenu sur une carte.

3. Sous Schéma d’arrondi des angles, choisissez le schéma 1, 2 ou 3 pour définir l’arrondi des angles de la carte.

4. Sous Palette de couleurs, choisissez la palette de couleurs appliquée à la section.

L’option Schéma d’arrondi des angles apparaît uniquement lorsque l’option Afficher le contenu sur une carte est activée.

Prévisualiser sur ordinateur et mobile avant d’enregistrer

Vérifiez la disposition sur les deux tailles d’écran, puis enregistrez le modèle.

1. Prévisualisez la page produit sur ordinateur et vérifiez la disposition en deux colonnes, la galerie et l’ordre des blocs.

2. Passez à l’aperçu mobile et vérifiez que la galerie et les détails s’empilent sur une seule colonne.

3. Sélectionnez une variante pour vérifier que le contenu multimédia, le prix et l’état de l’ajout au panier sont mis à jour.

4. Enregistrez le modèle.

FAQ