Passer au contenu principal

Les paramètres du slide cart expliqués

Un tour rapide de chaque section des paramètres du slide cart : à quoi elle sert et où la trouver.

Écrit par Tina

Ouvrez Candy Rack > Slide cart dans votre admin Shopify. Le menu de gauche est divisé en quatre groupes : General, Essentials, Offers et Features. L'aperçu en direct à droite se met à jour à chaque modification.

Un point vert à côté d'un élément du menu signifie qu'il est activé (ou, pour les offres, qu'il y a au moins une offre active). Un point gris signifie qu'il est désactivé.

General

Design

L'apparence générale de votre slide cart.

  • Desktop cart width

  • Background color, Text color et Error message color

  • Corner radius

  • Footer : couleur de fond et ligne de séparation facultative.

  • Custom CSS : pour tout ce qui va au-delà des paramètres intégrés, comme des polices personnalisées. Voir Slide cart CSS customization.

Layout

Glissez-déposez les blocs pour changer leur ordre dans le Body et le Footer.

  • Body : Announcement bar, Reward bar, Cart items et Custom block. Cart items, Line item offers et Cart block offers forment un seul groupe et se déplacent toujours ensemble.

  • Footer : Total, Custom text, Discounts, Custom block, Terms and conditions et Checkout buttons.

Chaque bloc indique s'il est actuellement On ou Off.

Empty cart

Ce que voient les clients lorsque leur panier est vide.

  • Title et taille de police

  • Button action : Stay on page (ferme le panier) ou Custom link.

  • Button label

Astuce : redirigez le bouton vers votre collection de meilleures ventes pour que les clients continuent leurs achats.

Essentials

Top bar

L'en-tête du panier.

  • Title : utilisez {{item_quantity}} pour afficher le nombre d'articles, par ex. Cart (2).

  • Font size

  • Sticky top bar : l'en-tête reste visible pendant le défilement.

Cart items

L'affichage des produits dans le panier.

  • Image ratio et Image width

  • Product name font size

  • Variant and price font size

Discounts

Permettez aux clients d'appliquer un code de réduction directement dans le panier. Les codes valides mettent à jour le total instantanément.

  • Collapsible discount field : le champ reste masqué sous un petit titre « Discount + » jusqu'au clic.

  • Title, Input placeholder et Button label

  • Error message : affiché lorsqu'un code ne peut pas être appliqué.

  • Tailles de police et couleurs du bouton.

Total

  • Total title (par ex. Estimated total) et taille de police.

  • Show subtotal and discounts : ajoute un détail au-dessus du total, avec son propre titre et sa taille de police.

  • Show order discount in preview : montre le rendu des réductions directement dans l'aperçu de l'admin.

Checkout buttons

Primary button

  • Button action : Go to checkout ou Go to cart page.

  • Button label : utilisez {{subtotal}} pour afficher la valeur du panier sur le bouton.

  • Taille de police, couleurs de fond et de texte (par défaut et au survol) et bordure facultative.

Secondary button

Un second bouton facultatif sous le bouton principal, par ex. « Continue shopping ».

  • Style

  • Button action : Stay on page (ferme le panier), Go to cart page ou Custom link.

  • Button label

  • Couleurs de fond et de texte (par défaut et au survol).

  • Show border : avec largeur et couleurs de bordure (par défaut et au survol).

Offers

Cart block

Une section d'offres dédiée dans le panier, par ex. « Get extras for your product ».

  • Layout : List (empilées) ou Carousel (ligne défilante).

  • Title et subtitle facultatif

  • Offer card style : Standard ou Card.

  • Largeur d'image, tailles de police et style du bouton.

Line item

Des offres affichées directement sous l'article du panier auquel elles se rapportent. Elles sont retirées automatiquement si le produit associé est retiré du panier.

  • Layout : Checkbox (le client coche l'offre pour l'ajouter) ou Button.

  • Background color, Show image et largeur d'image.

  • Tailles de police pour le badge, le nom du produit, et le prix et la description.

  • Show line item offers in preview

Utilisez Manage offers dans chacune des sections pour accéder aux offres utilisant cet emplacement. En savoir plus dans Enable slide cart with upsells.

Features

Announcement bar

Un court message tout en haut du panier, pour des promotions ou des messages de confiance.

  • Text (gras, italique, liens)

  • Font size, Background color et Text color

  • Sticky announcement bar

Reward bar

Une barre de progression qui indique aux clients combien il leur reste à dépenser pour débloquer une récompense, comme la livraison gratuite. Les seuils peuvent varier selon le marché Shopify. Consultez l'article Rewards bar pour la configuration complète.

Custom text

Une courte ligne au-dessus du bouton de paiement, par ex. « Taxes et frais de livraison calculés au paiement ».

  • Text (jusqu'à 100 caractères) et Font size

Terms and conditions

Demandez le consentement avant le paiement.

  • Text : votre message de consentement, avec un lien vers vos CGV.

  • Required consent : lorsqu'il est activé, les clients doivent cocher une case au-dessus du bouton Checkout avant de continuer, et vous pouvez définir un Error message s'ils ne le font pas. Lorsqu'il est désactivé, le texte s'affiche comme une simple mention, sans case à cocher.

  • Font size

Custom block (body / footer)

Ajoutez vos propres widgets en HTML et CSS, comme des logos de paiement, des comptes à rebours ou un champ de note de commande. Le bloc du corps peut être rendu sticky. Consultez Add a custom block in your slide cart pour des exemples à copier-coller.

Besoin d'aide ?

Contactez-nous via le chat de l'application ou à [email protected].

Avez-vous trouvé la réponse à votre question ?