Indstillingen Height styrer, hvor tyk announcement-baren fremstår. Den tilbyder tre muligheder: Slim, Normal og Thick. Slim holder draweren mere kompakt og giver plads til kurvens indhold — særligt nyttigt på mindre skærme. Normal ligger midt imellem de to. Thick giver større visuel vægt og hjælper dit budskab med at skille sig ud for kunderne.
Hvis du vil have annonceringen til at udløbe efter en bestemt tid, skal du angive en nedtælling i feltet Timer duration. Det tager MM:SS — 05:00 for fem minutter, 00:30 for tredive sekunder. Sekunder skal være 00–59; feltet afviser alt højere.Nedtællingen kører kun, hvis din annonceringstekst indeholder timer-variablen. Når den løber ud, fjernes hele announcement-baren automatisk fra kurven.
Den indbyggede nedtællingstimer er sessionsbaseret og tæller ned fra et bestemt antal minutter. Den understøtter ikke tilbagevendende eller daglige nedtællinger, der nulstilles på et bestemt tidspunkt (for eksempel at tælle ned til kl. 14:00 hver dag). Denne funktionalitet er i øjeblikket ikke tilgængelig i Upcart.
I denne sektion kan du indtaste og formatere den besked, der vises i announcement-banneret. Du kan style bestemte dele af teksten med formateringsbaren over inputfeltet, som indeholder muligheder for fed, kursiv, understregning og farve.
Feltet Announcement Text understøtter ikke hyperlinks — der er ingen link- eller URL-knap i formateringsværktøjslinjen, og indsatte <a>-tags eller Markdown-links fjernes, når du gemmer. For at gøre annonceringen klikbar eller inkludere et link skal du i stedet bruge modulet Custom HTML (se nedenfor).
Da det indbyggede Announcement Text-felt ikke renderer hyperlinks, kan du enten erstatte eller supplere announcement-baren ved at indsætte et link med Custom HTML:
Gå til Upcart > Cart Editor > Settings > Custom HTML.
Sæt HTML Location til Above announcements/rewards (for at blive vist over announcement-baren) eller Below header/announcements/rewards (for at blive vist lige under den).
Indsæt et kodestykke med dit link, for eksempel:
<div style="text-align: center; padding: 8px;"> <a href="https://yourstore.com/sale" style="color: #ffffff; text-decoration: underline;"> Shop the sale → </a></div>
Klik på Save, og test derefter i din live kurv.
For mere om Custom HTML-placeringer og styling, se Custom HTML og Custom CSS. Upcarts supportteam skriver eller fejlfinder ikke brugerdefineret kode — kontakt en Shopify Expert, hvis du har brug for hjælp til at bygge det.Hvis du bruger nedtællingsfunktionen, skal du indsætte timer-variablen direkte i din besked. Brug {{timer}} til V2-kurve eller {TIMER} til V1-kurve.
Sørg for at skrive timer-variablen manuelt ({{timer}} for V2, {TIMER} for V1) i stedet for at kopiere og indsætte den. Det undgår skjulte formateringsproblemer, der kan forhindre timeren i at blive vist korrekt i din live kurv.
Du kan styre størrelsen på annonceringsteksten med skyderen, med muligheder fra 10px til 24px. Det hjælper med at sikre læsbarhed på både mobil og desktop.
Background Color giver dig mulighed for at definere announcement-barens overordnede fyldfarve. Border Color lader dig justere de vandrette linjer over og under banneret for et stylet container-look.
For yderligere funktionalitet kan JavaScript bruges til at tilpasse nedtællingstimeren. Tilføj dit script i sektionen “Scripts (Before Load)” i stedet for Custom HTML-modulet. Dette er et krav om indlæsningstidspunkt, ikke en sikkerhedsbegrænsning — Custom HTML eksekverer godt nok scripts, men de kører for sent til pålideligt at kunne koble sig på kurvens load-event. Sektionen “Scripts (Before Load)” kører din kode, før kurven indlæses, så callbacks som upcartSubscribeCartLoaded udløses korrekt. Eksempelkode:
<script> window.upcartSubscribeCartLoaded(function(event) { // Your countdown timer code here // event.cart contains the cart object with .items[], .total, .currency });</script>
Bemærkning om ældre versioner: window.upcartOnCartLoaded fungerer stadig, men er udfaset og logger en advarsel i konsollen. Brug upcartSubscribeCartLoaded til alle nye scripts.Sørg for at teste placeringen og syntaksen af din kode omhyggeligt. Nogle platformsbegrænsninger kan stadig påvirke, hvordan scripts behandles.
Var denne side nyttig?
⌘I
Assistant
Responses are generated using AI and may contain mistakes.
