Comparez les différentes manières d’afficher les produits sur votre site.

Vous pouvez afficher des produits sur votre site en utilisant les pages Boutique et les blocs Produit. C’est avec les pages Boutique que vous pourrez ajouter des produits et créer la disposition de votre boutique. Les blocs Produit, quant à eux, mettent en valeur certains produits des pages Boutique existantes dans des zones telles que les billets de blog et les pages Disposition. Quelle que soit l’option choisie, en cliquant sur un produit, la page Informations sur le produit s’affichera, contenant les détails, les dimensions, les images et les variantes.

Nous recevons souvent des questions sur les différences entre les pages Boutique et les blocs Produit. Ce guide présente les principales différences, les bonnes pratiques à adopter et les éléments à prendre en compte lorsque vous ajoutez l’un ou l’autre à votre site.

Pages Boutique

Pour ajouter et modifier des produits dans votre boutique, utilisez les pages Boutique. Celles-ci vous permettent de mettre en page les articles de manière cohérente. Cette disposition dépend du template utilisé et comprend généralement des options de navigation par catégorie, des effets de survol et une navigation automatique depuis la page d’un produit vers la page Boutique principale.

Vous pouvez ajouter plusieurs pages Boutique ainsi que des tags et des catégories afin d’organiser vos produits dans différentes collections. Vous pouvez également personnaliser vos pages Boutique dans le panneau Styles du site. 

Voici un exemple de la page Boutique du template Supply :

Cliquez sur n’importe quel produit pour afficher sa Page d’informations. Cette page contient des informations supplémentaires, des menus déroulants avec des variantes du produit, un bouton Ajouter au panier, etc.

Bloc Produit

Pour afficher des produits existants sur une page, un billet de blog ou une autre zone de contenu, utilisez les Blocs Produits. Chaque bloc présente un seul produit. Les Blocs Produits sont parfaits si vous souhaitez promouvoir certains articles, de nouveaux articles ou des articles en promotion sur votre site.

Les blocs Produit ne vous permettent pas de créer de nouveaux produits. Leur rôle est d’extraire des informations de produits existants ayant été ajoutés aux pages Boutique. Cela signifie que si vous souhaitez utiliser les blocs Produit, vous devez d’abord ajouter les produits concernés aux pages Boutique.

Vous pouvez associer les blocs Produit à d’autres blocs afin de créer une disposition plus personnalisée que le design de page Boutique proposé dans votre template. Par exemple, pour créer une disposition qui n’existe pas dans votre template, vous pouvez utiliser plusieurs blocs Produit sur une page et déplacer les pages Boutique d’où proviennent ces blocs vers la section Hors navigation, afin qu’ils n’apparaissent pas dans les menus de navigation. 

Vous pouvez personnaliser les informations qui apparaîtront dans le bloc, en affichant ou masquant l'image, le titre, la description, le prix du produit ainsi que le bouton Ajouter au panier.

Voici un exemple de Bloc Produits dans un billet de blog :