Personnaliser la section d’informations sur le produit

La section Informations sur le produit est le créateur flexible de pages produit du thème Pops. Elle combine deux zones fixes — la galerie de médias du produit et les détails du produit — que vous remplissez avec des blocs de produit, stylisez 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 dans 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 de médias du produit et les détails du produit. Sur les écrans d’au moins 60em de largeur, elles sont côte à côte dans deux colonnes ; en dessous de cette largeur, elles s’empilent dans une seule colonne.

Configurer la galerie de médias

Définissez l’affichage des médias du produit — la mise en page de la galerie, la position des miniatures et le zoom — dans le bloc Galerie de médias du produit.

1. Sélectionnez la section Informations sur le produit et ouvrez le bloc Galerie de médias du produit.

2. Sous Type de mise en page, choisissez Carrousel ou Empilé.

3. Sous Mise en page des miniatures, choisissez À gauche des médias ou Sous les médias. Consultez Choisir une mise en page pour les miniatures des images 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 zoome sur une image 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 variante), Produit (sélecteur de 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 mise en page souhaitée.

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

Les blocs disponibles comprennent le texte, l’icône, le bouton, le média, le groupe, l’accordéon, Produit (titre), Prix, Produit (sélecteur de variante), Produit (sélecteur de quantité), Boutons d’achat, Produit (description) et Afficher tous les détails.

Configurer les options et les informations sur les prix

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

1. Ouvrez le bloc Produit (sélecteur de variante). 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 les données des pastilles.

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

Le texte relatif aux taxes et à la livraison s’affiche 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 à la caisse s’affiche lorsque vous avez 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 et 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 s’affiche uniquement lorsque l’option Afficher le contenu sur une carte est activée.

Prévisualiser sur ordinateur et mobile avant l’enregistrement

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

1. Prévisualisez la page produit sur ordinateur et vérifiez la mise en page à 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 dans une seule colonne.

3. Sélectionnez une variante pour vérifier que les médias, le prix et l’état du bouton d’ajout au panier sont mis à jour.

4. Enregistrez le modèle.