Aperçu

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

Comment ça fonctionne

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

Où ajouter le code

Allez dans Upcart > Cart Editor > Settings > Custom HTML

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.

Collez le code suivant dans l’emplacement Above announcements/rewards

Script HTML à copier

<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>

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.

Résultat

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.

Besoin d’aide supplémentaire ?

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

Getting Started

Cart Modules

Cart Settings

Sticky Cart Button

Multicart

Customizations

Analytics

Integrations & Compatibility

Billing & Account

Troubleshooting

Limiter le panier à une seule vente incitative à la fois

Aperçu

Comment ça fonctionne

Où ajouter le code

Script HTML à copier

Résultat

Besoin d’aide supplémentaire ?

​Aperçu

​Comment ça fonctionne

​Où ajouter le code

​Script HTML à copier

​Résultat

​Besoin d’aide supplémentaire ?

Aperçu

Comment ça fonctionne

Où ajouter le code

Script HTML à copier

Résultat

Besoin d’aide supplémentaire ?