Par défaut, l'icône de panier s'affiche sous la forme d'un panier dans l'en-tête du site.

Pour activer et personnaliser l’icône Panier :

1. Cliquez sur Modifier en haut à gauche de l’aperçu de votre site.
2. Survolez l’en-tête et cliquez sur Modifier l’en-tête du site.
3. Cliquez sur Ajouter des éléments.
4. Activez le bouton Panier.
5. Cliquez n’importe où en dehors de l’éditeur.
6. Cliquez sur l’icône Panier dans votre en-tête, puis sur celle en forme de crayon.
7. Sélectionnez le style.
   • Si vous choisissez Icône, sélectionnez une icône de panier, chariot ou sac à afficher dans votre en-tête, puis cliquez sur Retour pour définir la taille de l’icône.
   • Si vous choisissez Texte, du texte personnalisé de 10 caractères maximum apparaît à la place d'une icône, correspondant à vos styles de liens de navigation.
8. Sous Bordure, vous pouvez ajouter une bordure qui entoure l’icône. Choisissez la forme de la bordure, puis sélectionnez Contour ou Plein(e) pour en modifier le design. Si vous choisissez Contour, définissez l’épaisseur du contour.
9. Pour afficher 0 à côté du panier avant que les clients n’ajoutent un article, activez le bouton Afficher « 0 » dans le panier.
10. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.

Icône de panier sous forme de texte sur les appareils mobiles

Lorsque l’icône de votre panier est définie sur Texte, elle affiche le nombre d’articles qui se trouvent dans le panier. Au départ, l’icône du panier sera représentée par « (0) » dans l’en-tête du site. La modification de l’option Afficher « 0 » dans le panier n’a aucune incidence sur la façon dont elle s’affiche sur les appareils mobiles.

L'affichage de l'icône de panier dépend de votre template. Gardez à l'esprit que :

• Dans la plupart des templates, une fois qu'un client a ajouté un article à son panier, l'icône de panier apparaît automatiquement sur toutes les pages.
• Dans certains templates, l'icône s'affiche de manière permanente dans l'en-tête.
• Le panier ne s'affiche pas si l'option Paiement express est activée.
• Si vous ne voyez pas le panier, consultez nos conseils de résolution des problèmes.

Affichage par template

Ces familles de templates sont dotées du bouton classique :

• Adirondack
• Avenue
• Aviator
• Bedford : mais il s’affiche sous les éléments d’en-tête
• Five
• Flatiron : mais il s’affiche sous l’en-tête
• Forte : mais il s'affiche en haut à droite
• Galapagos
• Ishimoto
• Momentum : mais il s'affiche en haut à gauche si la barre de navigation est située en bas, ou en bas à gauche si la barre de navigation est située en haut.
• Montauk
• Native
• Pacific : mais il s'agit d'un rectangle dont vous pouvez définir les couleurs et la police. Le bouton est identique sur version mobile (pas de barre de navigation).
• Supply : mais il s'agit d'un rectangle.
• Wells : mais il s'agit d'un rectangle.
• Wexley

Ces familles de templates proposent des options avancées :

• Brine
• Skye
• Tremont
• Farro
• York

Astuce : vous pouvez personnaliser d’autres éléments, comme le bouton Ajouter au panier, la page Boutique et le bouton Poursuivre vos achats.

Bouton classique

La plupart des templates prennent en charge le bouton classique, qui affiche l’icône de panier dans un bouton noir en forme de pilule situé en haut à droite. Il apparaît automatiquement sur toutes les pages une fois que le client a ajouté un article à son panier. Il n’a pas d’options de style.

Sur mobile, le bouton classique apparaît sous forme d'une barre de navigation en bas de l'écran :

Options de style avancées

Vous pouvez personnaliser le style du panier dans le panneau Styles du site pour les familles de templates suivantes :

Pour masquer l'icône sur l'en-tête de votre site :

1. Cliquez sur Modifier en haut à gauche de l’aperçu de votre site.
2. Survolez l’en-tête et cliquez sur Modifier l’en-tête du site.
3. Cliquez sur Ajouter des éléments.
4. Désactivez le bouton Panier.
5. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.

Si vous masquez l'icône du panier, une icône de panier apparaît en bas de la page lorsque quelqu'un ajoute un produit à son panier. Pour modifier la couleur de l'icône :

1. Lorsque vous modifiez une page, ouvrez Styles du site, puis cliquez sur Couleurs.
2. Sous Bouton, définissez les couleurs d’arrière-plan et de texte. Le panier suit le thème de couleurs par défaut de votre site.
3. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.

Il n'est pas possible de désactiver l'icône ou de modifier sa taille et sa forme.

Sans l'icône de panier, les clients ne pourront pas trouver la page de paiement par leurs propres moyens. Vous ne devez la masquer que si vous utilisez l'option de paiement express ou que vous ne vendez que des produits par abonnement. Dans de tels cas de figure, les clients seront automatiquement redirigés vers la page de paiement après avoir sélectionné un produit.

Vous pouvez utiliser l’ajustement du panneau Styles du site mentionné ci-dessous pour masquer ou afficher le panier dans les familles de templates suivantes :

• Brine : position du panier
• Farro : position du panier
• Tremont : affichage du lien de panier
• York : position du panier