Personnaliser la section des informations sur le produit

La section Informations sur le produit est le constructeur 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 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èmes, 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 large, elles sont côte à côte dans deux colonnes ; en dessous de cette largeur, elles s’empilent sur une seule colonne.

Configurer la galerie de médias

Définissez l’affichage des médias du produit — la disposition 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 disposition, choisissez Carrousel ou Empilée.

3. Sous Disposition des miniatures, choisissez À gauche des médias ou Sous les médias. Consultez Choisir une disposition 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 présentant 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. Par défaut, ils sont dans l’ordre suivant : Produit (titre), Produit (prix), Produit (sélecteur de variantes), 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 disposition souhaitée.

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

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

Configurer les options et les informations de prix

Définissez la façon dont les clients choisissent une variante ainsi que l’affichage du prix, des promotions et du texte relatif 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 échantillons pour afficher les options sous forme d’échantillons de couleur ou d’image lorsque les données correspondantes sont disponibles. Consultez Afficher des échantillons de couleur et d’image pour les variantes de produit pour configurer les données des échantillons.

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.

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 au paiement s’affiche lorsque vous disposez d’une politique de livraison.

Appliquer un style de carte

Entourez le contenu de la section d’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 bordures, 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.

Schéma d’arrondi des bordures 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 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 les médias, le prix et l’état du bouton d’ajout au panier sont mis à jour.

4. Enregistrez le modèle.