Skip to main content
Het design van de Aftersell Cart werkt op twee niveaus: globale instellingen die de hele cart stylen, en per-blok overrides die een individueel blok verfijnen.

​
Globale designinstellingen

Open Cart settings via de zijbalk van de editor om het globale design van de cart te bereiken. De instellingen zijn gegroepeerd in Design, Buttons en Layout.

​
Design

​
Buttons

​
Layout

​
Design-overrides per blok

Elk blok behalve Custom code heeft zijn eigen design-overrides per blok onderaan het instellingenpaneel — met de kop Design bij elk blok behalve Express payments, waarvan de overrides in naamloze secties Style en Spacing staan. (Custom code heeft helemaal geen instellingenpaneel — het blok is de code, dus het toont alleen een tabblad Code.) Ze regelen zaken als stijl, spacing en andere blokspecifieke designinstellingen. Deze designinstellingen per blok vallen, wanneer ze leeg zijn, terug op de globale instelling voor die eigenschap. Veel blokken bevatten ook een sectie Text in hun Design-paneel, waarmee je de typografie kunt instellen voor specifieke tekstelementen in dat blok — font family, grootte, regelhoogte en letterspatiëring. Blokken met meerdere tekstelementen (zoals Notes en Empty cart) tonen een Text element-kiezer, zodat je elk element afzonderlijk kunt stylen.
Geanimeerde voorvertoning van het per-blok Design-instellingenpaneel in de cart-editor

​
Lettertypen en drawer-positie

  • Lettertypen: de cart neemt standaard het lettertype van je thema over. Je kunt een aangepaste font family instellen voor bepaalde tekstelementen (zoals de producttitel en de upsells-heading) via de sectie Text in de Design-instellingen van elk blok — zie Cart items-blok en Upsells-blok voor details.
  • Drawer-positie: de breedte van de drawer is instelbaar (Desktop width, hierboven); er is geen instelling voor links/rechts-positie.

​
Gedragsinstellingen

Naast styling bevat Cart settings ook gedragsopties — de drawer openen bij toevoegen aan de cart, en de thema-selectors die je storefront synchroon houden. Zie Cart-instellingen.

​
Wanneer je beter aangepaste CSS gebruikt

De ingebouwde instellingen dekken de gangbare gevallen. Voor alles daarbuiten — een specifiek element targeten, aangepaste spacing, responsieve aanpassingen — gebruik je Aangepaste CSS.