Skip to main content
Din carts layout er en stak af blokke: konfigurerbare dele, du tilføjer, omarrangerer, styler og tilpasser i cart-editoren. Hvilke blokke du inkluderer, og i hvilken rækkefølge, er den cart, kunderne ser. For hvordan blokke sidder inde i tilstande og sektioner, se Hvordan fungerer carts?.

​
Blokke og under-blokke

Der er to slags blokke:
  • Blokke sidder direkte i carten, i en af tre sektioner: Header, Body eller Footer. Hver sektion tilbyder et forskelligt sæt blokke.
  • Under-blokke er indlejret i en anden blok. I dag er det kun Cart items, der rummer under-blokke: Product-rækken (selve linjevare-rækken), Subscription upgrade og Custom code.

​
Tilføjelse, omarrangering og fjernelse af blokke

  • Tilføj en blok med Add block-vælgeren. En blok er nedtonet, hvis den ikke kan placeres der, hvor du tilføjer den, eller hvis du har nået dens grænse (vælgeren viser et count/max-badge).
  • Omarrangér ved at trække en blok inden for dens sektion.
  • Fjern med skraldespandsikonet, undtagen låste blokke (nedenfor).
  • Vis/skjul de fleste blokke med øje-knappen, som skjuler en blok for kunder uden at slette den. Nogle få strukturelle blokke kan ikke skjules: Cart items, Checkout button og Product-rækken.

​
Låste blokke

Nogle blokke kan omarrangeres, men ikke slettes, så central cart-adfærd (for eksempel at gå til checkout) ikke kan fjernes ved et uheld:
  • Cart items
  • Checkout button

​
Standardblokke

Nye carts starter med et fungerende standardlayout:
  • Fyldt cart: Header, Banner, Cart items, Summary, Checkout button
  • Tom cart: Header, Empty cart-blok
Tilstanden tom cart er hele det tomme layout. Empty cart-blokken er én blok inde i den. Se Hvordan fungerer carts? for forskellen.

​
Hvor mange af hver blok du kan tilføje

Grænser tælles pr. cart-tilstand, ikke pr. cart. Den fyldte cart og den tomme cart har hver deres egen kvote, så en cart kan indeholde tre bannere i sit fyldte layout og tre mere i sit tomme layout. De fleste blokke er begrænset til én pr. tilstand. Undtagelserne:

​
Content, Design og Code

Hver blok konfigureres gennem op til tre flader i editoren:
  • Content: blokkens indstillinger (tekst, produktvalg, tærskler og så videre). Custom code-blokken er den ene undtagelse: den har intet Content-panel, fordi blokken er koden.
  • Design: styling pr. blok, der lægges oven på dine globale Designindstillinger. Alle blokke har én undtagen Custom code, som slet ikke har noget indstillingspanel.
  • Code: tilsidesæt blokkens indbyggede rendering med en tilpasset skabelon. De fleste blokke understøtter dette; et par stykker gør ikke.

​
Vis eller skjul efter marked, land eller valuta

Nogle blokke kan vise forskellige indstillinger eller skjules helt baseret på, hvem køberen er. Det er adskilt fra sidebarens øje-knap, som slår en blok til eller fra for alle. Understøttede betingelsestyper i dag: Shopify-marked, kundens land og kundens valuta (hver med In eller Not in). Cart-total og cart-indhold er ikke betingelsestyper. Brug Rewards-trintærskler til fremdrift i forbrug/antal, eller Cart SDK, når du har brug for en regel, editoren ikke kan udtrykke. Betingelser er en ordnet liste: den første matchende betingelse vinder. Placér specifikke regler over en All buyers-opsamlingsregel. Hvis intet matcher, viser blokken intet for den kunde. I editoren i dag leveres den fulde Conditions-UI på Rewards-blokken: forskellige trinsæt pr. marked, land eller valuta. Andre blokke bruger enten en enkelt “all buyers”-konfiguration eller deltager endnu ikke i dette system. Editorens forhåndsvisning evaluerer ikke den faktiske køber. Vælg en betingelse i panelet for at forhåndsvise den variant.

​
Alle blokke

Struktur
  • Header: titel, vareantal, logo og luk-kontrol, fastgjort til toppen.
  • Cart items: de varer, kunder lægger i kurven; gentages pr. linje.
  • Subscription upgrade: under-blok, der tilbyder at konvertere en linje til et abonnement.
  • Summary: totaler, besparelser og anvendte rabatter.
  • Checkout button: det primære call-to-action til checkout.
  • Empty cart: indholdet, der vises, når carten er tom.
  • Express payments: accelererede checkout-knapper (Shop Pay, PayPal og så videre) inde i carten.
Merchandising
  • Upsells: strategiudvalgte produktanbefalinger.
  • Product add-on: et enkelt specifikt produkt tilbudt som add-on.
  • Rewards: trinvise belønninger såsom gratis fragt eller gaver.
  • Shipping protection: et tilvalgs-add-on til forsendelsesbeskyttelse.
Kundeinput Indhold
  • Banner: et beskedbanner, med en valgfri nedtællingstimer.
  • Image: et enkelt billede eller et hostet forudindstillet valg såsom betalingsikoner.
  • Custom code: tilpasset HTML eller React hvor som helst i carten.
Udvidelse
  • Custom templates: tilsidesæt, hvordan enhver blok renderes, fra dens Code-fane.

​
Blokke tilgængelige i hver sektion

Hver sektion har et forskelligt sæt tilgængelige blokke. Det holder layoutet fokuseret og reducerer rod. Nogle af disse blokke er tilstandsspecifikke (for eksempel Empty cart kun i den tomme tilstand). Se Hvordan fungerer carts?.

​
Blok-valideringsfejl

Hvis en bloks indstillinger indeholder en ugyldig værdi, vises en lille rød prik ved siden af blokkens navn i sidebaren. Prikken bliver, indtil du løser problemet. Det er ikke en notifikation, der kan afvises. Mens en blok har en fejl, er gemning blokeret. Save-knappen forbliver klikbar, men at vælge den viser en fejl-toast (“Fix the errors in your cart blocks before saving”) og springer til den første blok med et problem og åbner dens indstillinger, så du kan rette det fremhævede felt. Publish kræver derudover, at der ikke er ugemte ændringer, så den forbliver utilgængelig, indtil en ren gemning lykkes. Når det ugyldige felt er rettet, forsvinder prikken af sig selv, og gemning fortsætter normalt.
Skjulte blokke valideres stadig. En blok, du har skjult, kan indeholde en ugyldig indstilling, vise en fejlprik og blokere gemning præcis som en synlig blok, så hvis gemning er blokeret, og alle synlige blokke ser fine ud, så tjek dine skjulte blokke.