Blocs produit

Les blocs produit composent le module d’achat de la page produit et de la section Produit en vedette. Ils affichent toujours le produit de la section qui les contient : il n’y a pas de produit à choisir dans le bloc.

Titre

Cet élément n’a aucun réglage.

Le nom du produit. Sur la page produit, c’est le titre principal de la page (h1).

Fournisseur

Cet élément n’a aucun réglage.

Affiche le fournisseur renseigné sur le produit dans l’administration Shopify, en petit texte d’interface atténué, qui suit le réglage Casse de l’interface. Masqué quand le produit n’a pas de fournisseur. Le bloc ne figure pas dans le modèle livré : ajoutez-le où vous voulez, par exemple au-dessus du titre du produit.

Note

Cet élément n’a aucun réglage.

Affiche la note du produit : cinq étoiles remplies jusqu’à la note, la note, et le nombre d’avis entre parenthèses, par exemple « 4.6 (12) ». Les lecteurs d’écran entendent la phrase complète (« Noté 4.6 sur 5, sur 12 avis »). Le bloc n’a pas de réglages propres ; le modèle livré le place sous le titre du produit.

Le thème ne recueille pas d’avis. Le bloc lit les métachamps standard de note produit de Shopify, reviews.rating et reviews.rating_count, que remplit une application d’avis : vérifiez dans les réglages de votre application qu’elle y enregistre ses notes. Un produit sans note n’affiche rien et ne garde aucune place, dans l’éditeur de thème aussi. Pour afficher la même note sur les fiches produit, voir Afficher les notes sur les fiches produit dans Paramètres du thème > Produit.

Prix

Cet élément n’a aucun réglage.

Le bloc n’a pas de réglages propres.

• En solde, le prix barré (prix comparé) s’affiche à côté du prix.
• Le prix unitaire s’affiche quand la variante en a un (par exemple « 2,50 € par 100 ml »).
• Avec un plan d’abonnement choisi, le prix de l’abonnement s’affiche et le prix d’un achat unique est barré.
• La mention des taxes et de la livraison sous le prix (« Taxes incluses. Frais d’expédition calculés à l’étape du paiement. ») se règle pour toute la boutique avec Afficher la mention taxes et livraison dans Paramètres du thème > Produit.

Sélecteur de variante

Cet élément n’a aucun réglage.

Chaque option s’affiche en pastilles, en vignettes d’images, en texte, en boîtes ou en liste déroulante selon son contenu et le réglage Style des options. Une option en texte ou en boîtes qui compte plus de valeurs que Passer en liste déroulante au-delà de, dans les mêmes paramètres du thème, devient une liste déroulante (les pastilles ne sont jamais concernées). Voir Choix des variantes.

Plan de vente

Cet élément n’a aucun réglage.

Affiche les options d’achat d’un produit vendu par abonnement (plans de vente créés par une application d’abonnement comme Shopify Subscriptions) : « Achat unique » et chaque plan avec son prix. Le bloc ne s’affiche que pour les produits qui ont des plans de vente ; « Achat unique » n’est pas proposé si le produit exige un abonnement.

Boutons d’achat

Cet élément n’a aucun réglage.

Le sélecteur de quantité, les boutons de paiement dynamique et la barre d’achat sur téléphone se règlent pour toute la boutique, dans Paramètres du thème > Produit : ils s’appliquent d’un coup à toutes les pages produit, à tous les produits en vedette et à l’ajout rapide.

• Le sélecteur de quantité se place au-dessus du bouton Ajouter au panier et respecte les règles de quantité de la variante (minimum, maximum, multiple) : la valeur de départ est le minimum. Son bouton moins est indisponible au minimum, et son bouton plus au maximum.
• Le bouton Ajouter au panier occupe toute la largeur de la colonne. Il indique « Ajout en cours » pendant l’ajout, puis ouvre le tiroir ou la page panier selon Paramètres du thème > Panier.
• Les boutons de paiement dynamique (Shop Pay, Apple Pay, PayPal…) dépendent des moyens de paiement activés. Ils prennent la hauteur et la forme des contrôles du thème. Ils sont masqués pour les cartes-cadeaux.
• Pour une carte-cadeau, le bloc ajoute le formulaire « Envoyer en cadeau ». Voir Carte-cadeau.
• Pour une variante épuisée, le bloc affiche « Cette sélection est épuisée. » et un bouton Découvrir la collection, qui mène à tous vos produits. Pour n’afficher que la mention, par exemple pour laisser la place au bloc d’une application d’alerte de stock, décochez Proposer la collection en cas de rupture dans Paramètres du thème > Produit.
• Le message Shop Pay Installments s’affiche dans ce bloc quand il est activé.

Disponibilité en retrait

Cet élément n’a aucun réglage.

Pour les boutiques qui proposent le retrait en magasin (ParamètresExpédition et livraisonRetrait en magasin). Le bloc indique si la variante peut être retirée dans le premier point de retrait (« Retrait disponible à … », avec le délai de préparation). S’il existe plusieurs points de retrait, un lien Voir les autres boutiques ouvre un tiroir qui liste chaque lieu, sa disponibilité et son adresse. Le bloc suit le changement de variante et ne s’affiche pas si le retrait n’est possible nulle part.

UGS

Cet élément n’a aucun réglage.

Affiche la référence (UGS / SKU) de la variante choisie, en petits caractères. Masqué quand la variante n’a pas de référence.

Description

Cet élément n’a aucun réglage.

Affiche la description complète du produit, sous un filet. Masqué quand la description est vide. Pour une description repliée sur quelques lignes, utilisez plutôt le bloc Texte dépliant relié à la description du produit, comme dans le modèle livré.

Produits associés

Des pièces que vous choisissez vous-même, affichées dans le module d’achat : choisissez-les dans Produits, et réglez leur nombre avec Nombre de produits à afficher (de 2 à 10, 4 par défaut). Le produit en cours d’achat n’est jamais proposé. Chaque pièce s’affiche en ligne compacte (une petite photo, son nom et son prix) avec un bouton d’ajout rapide. Le titre par défaut est « Pièces associées ». Tant que vous n’avez pas choisi de produits, le bloc affiche deux lignes d’exemple, y compris sur votre boutique en ligne.

À ne pas confondre avec la section Recommandations de produits, dont Shopify calcule automatiquement les produits associés.

Produits complémentaires

Affiche les produits complémentaires que vous avez associés au produit dans l’application Search & Discovery de Shopify, dans les mêmes lignes compactes que les produits associés, jusqu’à Nombre de produits à afficher (de 2 à 10, 4 par défaut). Le titre par défaut est « Pièces complémentaires ». Le modèle livré place ce bloc à la fin du module d’achat. Quand le produit n’a pas de produits complémentaires, ou sans JavaScript, le bloc ne garde aucune place sur votre boutique en ligne ; dans l’éditeur de thème, il affiche une ligne d’exemple pour que vous puissiez le trouver et le sélectionner. Voir Recommandations de produits pour définir les associations.

Vente croisée

Une pièce que vous choisissez dans Produit, proposée en ligne compacte avec un bouton d’ajout rapide : une ceinture assortie, un nécessaire d’entretien. Le titre par défaut est « Se marie avec ». Tant que vous n’avez pas choisi de produit, le bloc affiche une ligne d’exemple, y compris sur votre boutique en ligne.

Emballage cadeau

Propose un emballage cadeau avec le produit : une case avec son prix. Créez l’emballage comme un produit à part entière et choisissez-le dans Produit d’emballage ; gardez-le hors de vos collections et de la recherche, pour qu’il ne s’achète qu’ici. Le libellé de la case est le réglage Texte, « Ajouter un emballage cadeau » par défaut, quel que soit le nom du produit d’emballage ; si vous le videz, c’est le titre du produit d’emballage qui s’affiche.

• Quand l’acheteur coche la case, l’emballage est ajouté d’un seul geste avec le produit, et s’affiche sous son article dans le panier, avec son prix et son propre lien Retirer. Retirer l’article retire aussi son emballage.
• Avec Proposer un message cadeau, un champ « Message cadeau » (200 caractères) s’affiche sous la case. Le message accompagne l’emballage et s’affiche sous lui dans le panier.
• La case n’est pas proposée pour une carte-cadeau, quand l’emballage est épuisé, ni si le produit d’emballage est le produit lui-même. Sur un produit à plusieurs variantes, elle demande JavaScript ; sans lui, le produit est ajouté seul.
• Tant que vous n’avez pas choisi de produit d’emballage, le bloc affiche une case d’exemple avec votre Texte, y compris sur votre boutique en ligne.

Groupe produit

Un conteneur qui dispose plusieurs blocs en colonne ou en ligne dans le module d’achat. Deux préréglages : Colonne produit et Ligne de produits.

Contrairement au bloc Groupe, le groupe produit accepte tous les blocs du thème, blocs produit compris : par exemple une Ligne de produits avec le prix à gauche et la référence à droite. Les blocs d’application ne peuvent pas y être placés.