Pages de la boutique
Panier
Le tiroir panier et la page panier : lignes, quantités, totaux, note de commande et paiement.
Sur cette page
Le panier existe sous deux formes : un tiroir qui s’ouvre par-dessus la page et une page à l’adresse /cart. Le choix se fait dans Paramètres du thème > Panier ; la page panier reste toujours disponible.
Page panier
- Nom dans l’éditeur
- Panier (EN : Cart)
- Où l’ajouter
- Modèle Panier uniquement
- Blocs acceptés
- Service
- Nombre de blocs
- 6 au maximum
| Réglage | Valeurs | À quoi il sert |
|---|---|---|
| Palette de couleursEN : Color scheme | Palette de couleursPar défaut : Palette 1 | — |
La page panier affiche :
- les articles, avec leur image, leurs options (« Taille : M »), leurs propriétés personnalisées, leur plan d’abonnement, leur prix unitaire et leurs remises ;
- un récapitulatif : sous-total, remises appliquées au panier, livraison (« Calculée à l’étape du paiement », ou « Offerte » une fois le seuil de livraison offerte atteint), total et mention des taxes ;
- une note de commande repliable (« Ajouter une note de commande »), enregistrée automatiquement pendant la saisie ;
- le message Shop Pay Installments, s’il est activé ;
- le bouton Payer, qui rappelle le total, et les boutons de paiement accéléré (Shop Pay, Apple Pay, Google Pay…) activés dans vos paramètres de paiement ;
- les engagements de service, un par bloc Service de la section (voir Engagements de service).
Tiroir panier
- Nom dans l’éditeur
- Tiroir panier (EN : Cart drawer)
- Où l’ajouter
- Groupe En-tête (actif si le type de panier est Tiroir)
- Instances
- 1 par page au maximum
Le tiroir n’a pas de réglage. Il affiche le nombre d’articles, les articles, le total, la mention des taxes et de la livraison, le bouton Payer et un lien Voir le panier, avec la barre de livraison offerte quand un seuil est défini. Il n’affiche le sous-total que lorsqu’une remise au niveau du panier s’applique, au-dessus de cette remise. La note de commande, la ligne livraison, les boutons de paiement accéléré et les engagements de service sont réservés à la page panier. Voir Panier.
Modifier les quantités
Sur chaque ligne, le sélecteur de quantité enregistre les changements immédiatement, sans rechargement ; Retirer supprime la ligne. Si la quantité demandée n’est pas disponible, la ligne garde ce qui a pu être conservé et affiche la raison donnée par Shopify.
Les règles de quantité de Shopify (minimum, maximum, multiples, disponibles avec les catalogues B2B) sont respectées et rappelées sous la ligne : « Minimum 2 », « Vendu par multiples de 6 », « Maximum 10 ».
Sans JavaScript, chaque ligne garde un champ de quantité et un bouton Mettre à jour.
Engagements de service
La page panier peut afficher jusqu’à six courts engagements sous le récapitulatif, chacun avec une icône facultative. Chaque engagement est un bloc Service de la section Panier. Le modèle panier en contient un : Paiement sécurisé, avec l’icône Cadenas. Les autres engagements standard (Livraison offerte, Échanges et retours gratuits, Retrait en boutique) sont des options du réglage Engagement du bloc.
Pour les gérer, ouvrez le modèle Panier dans l’éditeur de thème, puis :
- Ajouter un engagement : cliquez sur Ajouter un bloc dans la section Panier et choisissez Service. La section en accepte six au plus.
- Supprimer un engagement : sélectionnez son bloc et supprimez-le. Sans bloc Service, la page panier n’affiche aucun engagement.
- Réordonner les engagements : faites glisser les blocs dans la barre latérale.
- Modifier un engagement : sélectionnez son bloc. Engagement propose les quatre engagements standard et Personnalisé. Avec Personnalisé, écrivez votre propre texte dans Texte ; un bloc personnalisé dont le texte est vide ne s’affiche pas. Icône choisit l’icône placée devant le texte (Coche, Cadenas, Livraison, Retour, Boutique, Cadeau, Conversation), ou Aucune.
Les quatre engagements standard sont des textes du thème, affichés dans la langue de l’acheteur. Pour reformuler l’un d’eux dans tous les blocs qui l’utilisent : dans Boutique en ligneThèmes, menu … de Faubourg, Modifier le contenu de thème par défaut, puis recherchez « Livraison offerte » (ou cart.services pour afficher les quatre textes). Modifiez-les dans chaque langue publiée. Un texte Personnalisé se saisit dans le bloc : traduisez-le avec l’application Translate & Adapt.
Panier vide
Le panier vide affiche « Votre panier est vide. », une invitation à découvrir la collection et un bouton Poursuivre la visite vers /collections/all. Sur la page panier, les engagements de service restent affichés.
Barre de livraison offerte
Saisissez le montant de votre propre tarif de livraison gratuite dans Seuil de livraison offerte, dans Paramètres du thèmePanier, en unités entières de la devise de la boutique. Le tiroir et la page panier indiquent alors ce qu’il reste à dépenser pour la livraison offerte (« Plus que 40,00 € et la livraison vous est offerte. »), réductions déduites. Une fois le seuil atteint, la barre laisse place à une coche devant « La livraison vous est offerte. », la ligne livraison de la page panier indique « Offerte » et la mention sous le total ne renvoie plus la livraison à l’étape du paiement. Le thème ne peut pas lire vos tarifs d’expédition : gardez ce montant en accord avec eux. La barre ne s’affiche qu’aux clients qui paient dans la devise de la boutique. Laissez le champ vide pour ne rien afficher.
Ce que le panier ne propose pas
- Codes de réduction : ils se saisissent à l’étape du paiement de Shopify. Les réductions automatiques apparaissent en revanche dans le panier.
- Ventes additionnelles et estimation des frais de port : ajoutez-les avec une application si besoin.
Emballage cadeau
Un emballage ajouté avec le bloc Emballage cadeau s’affiche sous son article, avec son prix, son message cadeau entre guillemets et son propre lien Retirer. Retirer l’article retire aussi son emballage.
Cartes-cadeaux envoyées à un destinataire
Quand un acheteur envoie une carte-cadeau à quelqu’un, la ligne du panier rappelle l’e-mail du destinataire, son nom, le message et la date d’envoi. Voir Carte-cadeau.
Faubourg 1.1.0