Skip to main content
Het Shipping protection-block biedt een opt-in verzendbeschermings-add-on die shoppers in de winkelwagen kunnen aanzetten, waarmee ze bescherming kunnen toevoegen tegen schade, verlies of diefstal tijdens de verzending en die keuze op de bestelling wordt vastgelegd voor je fulfilment- of claimstools.

Gedrag

  • Bescherming toevoegen doet twee dingen: het voegt een echte Shopify-productregel toe voor het beschermingsproduct, en het zet een _shipping_protected-winkelwagenattribuut op true.
  • Dat attribuut overleeft de checkout en belandt op de bestelling als order note attribute (_shipping_protected), zodat je fulfilment- of claimstools kunnen zien welke bestellingen beschermd zijn.
  • Shoppers kunnen bescherming zowel toevoegen als verwijderen met de control, welk weergavetype je ook kiest.
  • Als er geen bruikbare beschermingsvariant bestaat, rendert het block niets in plaats van een control te tonen die bij een klik een fout zou geven.

Instellingen

Plaatsing en limieten

  • Regio: body of bottom.
  • Maximum: 1 per winkelwagenstatus.
  • Status: alleen gevulde winkelwagen.
  • Niet standaard toegevoegd. Niet vergrendeld — je kunt het verwijderen of verbergen.

Custom template

Ondersteunt een custom template vanaf zijn Code-tabblad, dat de ingebouwde markup van dit block vervangt door jouw JSX. Dit zijn de props die het ontvangt.
format bepaalt welke handler van toepassing is: handleAdd voor button, handleToggle voor checkbox en toggle. De verkeerde aansluiten laat de control inert voor merchants die het andere formaat kozen.

Design

Style dit block met zijn Design-sectie in het instellingenpaneel. Dit zijn overrides per block die bovenop je globale design komen en erop terugvallen wanneer ze leeg zijn.

Text

De sectie Text in Design regelt de typografie van drie elementen. Gebruik de kiezer Text element om ertussen te wisselen. Title — de kop van de bescherming. Ondersteunt ook een aangepaste font family. Vet en tekstkleur stel je in de Rich Text Editor hierboven in (op het tabblad Settings), niet hier. Price — de prijsregel. Vet en tekstkleur stel je in de Rich Text Editor hierboven in. Description — de ondersteunende tekst. Vet en tekstkleur stel je in de Rich Text Editor hierboven in.
Als je in de winkelwagenvoorvertoning direct op een tekstelement klikt, wordt dat element gemarkeerd en worden de bedieningsopties automatisch in het paneel geopend.
Wat zijn design settings? Lees er hier meer over: Design settings.