Comment afficher des produits sur une page
Vous pouvez afficher des produits sur une page de deux façons :
- Utiliser une section produit prédéfinie
- Utiliser un composant pour afficher des produits et créer une section personnalisée
Comment afficher des produits avec une section prédéfinie
Pour afficher des produits dans une section :
- Cliquez sur Éditer le site web dans Site Admin > Website Builder.
- Ouvrez l’onglet Pages dans la barre latérale gauche, puis sélectionnez une page existante ou créez-en une nouvelle pour afficher les produits.
- Cliquez sur Ajouter une section pour insérer une section dédiée aux produits.
- Choisissez un modèle dans la catégorie Élément de boutique unique pour afficher un seul produit, ou dans Plusieurs éléments de boutique pour en afficher plusieurs. Survolez la mise en page sélectionnée et cliquez sur son bouton Ajouter une section.
- Cliquez sur le composant produit dans la section ajoutée, puis sur l’icône Modifier dans la barre d’outils au-dessus.
- Dans la fenêtre pop-up qui s’ouvre à droite : Ouvrez l’onglet Source de données pour définir quels produits afficher. Vous pouvez afficher des produits par marque ou catégorie, ou sélectionner manuellement des produits spécifiques. Vous pouvez également choisir d’afficher des informations comme les prix, les étiquettes de marque, les avis, etc.
- Dans cette même fenêtre, ouvrez l’onglet Général pour ajuster les paramètres d’apparence globale.
- Pour modifier l’apparence de la section, survolez-la et cliquez sur Modifier la section dans la barre d’outils à droite.
- Dans la fenêtre pop-up qui s’affiche, ouvrez l’onglet Général pour modifier la marge intérieure de la section ou l’espacement entre les colonnes et les lignes.
- Ouvrez l’onglet Design pour modifier la palette de couleurs et la couleur d’arrière-plan, ou pour sélectionner une image d’arrière-plan.
Comment afficher des produits avec un composant
Vous pouvez également afficher des produits en ajoutant un composant boutique dans une section nouvelle ou existante.
- Accédez à la section où vous souhaitez ajouter un composant et cliquez sur Ajouter en haut à gauche.
- Dans la fenêtre Ajouter un composant, ouvrez l’onglet Boutique et choisissez l’une des options suivantes :
- Plusieurs articles : affiche plusieurs produits
- Un seul article : affiche un seul produit
- Carrousel de produits : affiche les produits dans un carrousel
- Une fois le composant ajouté, cliquez dessus puis appuyez sur l’icône Modifier dans la barre d’outils située en haut. Dans la fenêtre de paramètres qui s’ouvre à droite, ouvrez l’onglet Source de données et assurez-vous que Produit est sélectionné dans le menu déroulant. À partir de là, vous pouvez choisir d’afficher des produits d’une catégorie ou d’une marque spécifique, montrer les produits les plus récents ou sélectionner des produits individuellement. Vous pouvez également choisir d’afficher les prix, les étiquettes et configurer divers autres paramètres.
- Dans l’onglet Général, vous pouvez ajuster l’apparence globale du composant. Pour les composants Articles multiples et Carrousel de produits, vous pouvez également définir le nombre de produits affichés.
