> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Limiter le panier à une seule vente incitative à la fois

> Utilisez du HTML personnalisé pour masquer le module de vente incitative après l'ajout d'une seule vente incitative au panier.

<div id="overview">
  # Aperçu
</div>

Cette personnalisation empêche l'ajout de plusieurs ventes incitatives à la fois en masquant la section des ventes incitatives dès qu'une vente incitative est acceptée. Une fois la vente incitative supprimée, le module réapparaît.

C'est utile si vous souhaitez :

* Simplifier l'expérience du panier
* Réduire la fatigue décisionnelle
* Préserver l'exclusivité de certaines offres

***

<div id="how-it-works">
  ## Comment ça fonctionne
</div>

* Lorsqu'un client accepte une vente incitative, la section des ventes incitatives est masquée
* Si l'article de la vente incitative est supprimé, la section des ventes incitatives redevient visible
* Fonctionne à la fois avec les ventes incitatives recommandées par l'IA et les ventes incitatives manuelles

***

<div id="where-to-add-the-code">
  ## Où ajouter le code
</div>

1. Allez dans **Upcart > Cart Editor > Settings > Custom HTML**

<Warning>
  **Le sélecteur ci-dessous concerne uniquement la Version 1.** `.upcart-upsells-module` s'applique au carrousel de ventes incitatives V1. Si votre module de ventes incitatives est en **Version 2**, remplacez-le par `.upcart-public-upsell` dans les trois gestionnaires — le reste du script reste inchangé. Consultez la [bibliothèque de sélecteurs CSS V2](/fr/upcart/upcart_css_selector_library_v2).
</Warning>

2. Collez le code suivant dans l'emplacement **Above announcements/rewards**

***

<div id="html-script-to-copy">
  ## Script HTML à copier
</div>

```
<script>  
  // Show upsells again when upsells are removed  
  window.upcartSubscribeItemRemoved((event) => {  
    if (event.item?.properties?.__upcartUpsell) {  
      const upsells = window.upcartDocumentOrShadowRoot.querySelector(".upcart-upsells-module");  
      if (upsells) upsells.style.display = "block";  
    }  
  });  
  
  // Hide upsells once one is added  
  window.upcartSubscribeUpsellsAddedToCart(() => {  
    const upsells = window.upcartDocumentOrShadowRoot.querySelector(".upcart-upsells-module");  
    if (upsells) upsells.style.display = "none";  
  });  
  
  // Check for upsell in cart when it loads  
  window.upcartSubscribeCartLoaded((event) => {  
    const upsells = window.upcartDocumentOrShadowRoot.querySelector(".upcart-upsells-module");  
    const items = event.cart.items || [];  
    const hasUpsell = items.some(item => item?.properties?.__upcartUpsell);  
    if (upsells && hasUpsell) {  
      upsells.style.display = "none";  
    }  
  });  
</script>
```

<Note>
  **Remarque sur l'API héritée :** les rappels `window.upcartOnItemRemoved`, `window.upcartOnAddUpsell` et `window.upcartOnCartLoaded` fonctionnent toujours mais sont obsolètes et affichent des avertissements dans la console. Utilisez `upcartSubscribeItemRemoved`, `upcartSubscribeUpsellsAddedToCart` et `upcartSubscribeCartLoaded` pour tous les nouveaux scripts.
</Note>

***

<div id="result">
  ## Résultat
</div>

Une fois cette personnalisation ajoutée :

* Les clients ne voient les ventes incitatives que s'ils n'en ont pas déjà accepté une
* Le module de vente incitative est masqué dès qu'une vente incitative est ajoutée
* Le module réapparaît automatiquement si l'article de la vente incitative est supprimé
* Aucun besoin de configurer des identifiants de produits ou des balises

Cela permet de garder votre expérience de vente incitative ciblée, épurée et facile à utiliser pour les clients.

***

<div id="still-need-help">
  ## Besoin d'aide supplémentaire ?
</div>

Pour des personnalisations plus avancées, nous vous recommandons de travailler avec un **expert Shopify**. Il pourra vous aider avec le HTML, le CSS et le JavaScript dans votre tiroir de panier.

[Voir les experts Shopify](https://www.shopify.com/partners/directory)