Skip to main content

Overzicht

Deze aanpassing voorkomt dat meerdere upsells tegelijk worden toegevoegd door de upsell-sectie te verbergen zodra één upsell is geaccepteerd. Zodra de upsell wordt verwijderd, verschijnt de module weer. Dit is handig als je wilt:
  • De cartervaring vereenvoudigen
  • Keuzestress verminderen
  • Exclusiviteit rond bepaalde aanbiedingen behouden

Hoe het werkt

  • Wanneer een klant een upsell accepteert, wordt de upsell-sectie verborgen
  • Als het upsell-artikel wordt verwijderd, wordt de upsell-sectie weer zichtbaar
  • Werkt met zowel door AI aanbevolen als handmatige upsells

Waar je de code toevoegt

  1. Ga naar Upcart > Cart Editor > Settings > Custom HTML
De onderstaande selector is alleen voor Versie 1. .upcart-upsells-module staat op de V1-upsellcarrousel. Als je Upsells-module op Versie 2 staat, vervang deze dan door .upcart-public-upsell in alle drie de handlers — de rest van het script blijft ongewijzigd. Zie de V2 CSS-selectorbibliotheek.
  1. Plak de volgende code in de locatie Above announcements/rewards

HTML-script om te kopiëren

Legacy-opmerking: window.upcartOnItemRemoved-, window.upcartOnAddUpsell- en window.upcartOnCartLoaded-callbacks werken nog steeds, maar zijn verouderd en loggen consolewaarschuwingen. Gebruik upcartSubscribeItemRemoved, upcartSubscribeUpsellsAddedToCart en upcartSubscribeCartLoaded voor alle nieuwe scripts.

Resultaat

Zodra deze aanpassing is toegevoegd:
  • Zien klanten alleen upsells als ze er nog geen hebben geaccepteerd
  • Wordt de upsell-module verborgen zodra een upsell is toegevoegd
  • Verschijnt de module automatisch weer als het upsell-artikel wordt verwijderd
  • Hoef je geen product-ID’s of tags te configureren
Zo blijft je upsell-ervaring gericht, overzichtelijk en gemakkelijk voor klanten om mee te werken.

Nog steeds hulp nodig?

Voor geavanceerdere aanpassingen raden we aan om samen te werken met een Shopify Expert. Zij kunnen helpen met HTML, CSS en JavaScript in je cart drawer. Bekijk Shopify Experts