Skip to main content
⚠️ Vigtig meddelelse Tema-snippet’et nedenfor gælder for begge versioner af Upcarts kurvmoduler — det får Shopify til at rendere knapperne til accelereret checkout på siden, hvilket er det, Upcart har brug for, uanset modulversion. Selektoren .additional-checkout-buttons nedenfor er Shopifys egen klasse på containeren til accelereret checkout, ikke en Upcart-modulklasse, så den er den samme på begge kurvversioner.

​
Oversigt

Nogle gange kan ekspres-checkout-knapper ikke klikkes eller vises ikke i Upcart. Det er et almindeligt problem, der skyldes, hvordan Shopify styrer renderingen af ekspresbetalingsknapper i temaer. Denne guide forklarer, hvorfor det sker, og hvad du kan gøre for at løse det.

​
Påkrævet opsætning for det nye modul

⚠️ Vigtigt: Disse trin gælder for det nye Express Payments-modul i Upcart, ikke den ældre version. For at få ekspres-checkout-knapper til at fungere korrekt i Upcart skal du tilføje et lille kodestykke til dit Shopify-tema. Uden dette snippet vil Shopify ikke indlæse betalingsknapperne korrekt i din cart drawer. Før du foretager disse ændringer, skal du kontrollere, at de relevante betalingsmetoder (f.eks. Shop Pay, PayPal, Apple Pay, Google Pay) er aktiveret i dine kontoindstillinger i Shopify Admin. Uden at aktivere disse metoder vil knapperne ikke være synlige. Sørg desuden for, at snippet’et er placeret direkte under det åbnende <body>-tag i din temafil (f.eks. <body class="...">). Hvis det er placeret forkert, som efter det lukkende </body>-tag, fungerer ekspres-checkout-knapperne muligvis ikke korrekt.

​
Sådan løser du det

  1. Gå til din Shopify Admin.
  2. Gå til Online Store > Themes > Edit Code.
  3. Åbn layout/theme.liquid, find linjen med <body>, og tilføj snippet’et nedenfor på en ny linje direkte under den. Det skal placeres der — ikke i cart-drawer.liquid eller andre steder — fordi knapperne skal findes på alle sider, hvor kurven kan åbne.
  1. Gem dine ændringer, og opdater din webshop.
  2. Åbn din cart drawer igen for at bekræfte, at ekspres-checkout-knapperne (såsom Shop Pay, PayPal, Apple Pay eller Google Pay) nu vises og kan klikkes.
Se guiden til Express Payments-modulet for den fulde opsætningsvejledning.

​
Hvorfor det sker

Ekspresbetalingsknapper styres fuldt ud af Shopify, ikke Upcart. Det betyder:
  • Upcart renderer ikke sine egne knapper. Den kloner Shopifys knapper til accelereret checkout fra siden ind i din cart drawer, hvilket er grunden til, at de overhovedet skal være til stede på siden — det er det, tema-snippet’et ovenfor garanterer.
  • Apple Pay vises kun på Apple-enheder, hvor Apple Pay er sat op.
  • Upcart styrer ikke, hvilke ekspresknapper der vises, da indholdet og funktionaliteten håndteres af Shopify.
🎨 Bemærk:
Knapperne i Upcart fungerer som visuelle containere, mens Shopify styrer deres visning og adfærd. Upcart kan ikke ændre deres udseende eller funktion.

​
Almindelige problemer og løsninger

​
1. Knapperne renderes ikke på siden

Dette er den mest almindelige årsag. Upcart kloner Shopifys knapper fra siden, så hvis siden ikke renderer dem, er der intet at klone, og kurven viser et tomt område. Hvad du skal gøre:
  • Tilføj tema-snippet’et fra Sådan løser du det ovenfor direkte under <body>-linjen i layout/theme.liquid.
Fjern ikke dit temas egne ekspresknapper for at “undgå en konflikt”. Upcart er afhængig af, at de er til stede. At fjerne dem fra temaet eller slå dem fra i temaindstillingerne fjerner den kilde, Upcart kloner fra — hvilket gør problemet værre, ikke bedre.

​
3. CSS blokerer knapperne

Nogle temaer skjuler ekspresknapper som standard med CSS. For eksempel:
Hvad du skal gøre:
  • Gennemgå dit temas CSS.
  • Bed din temaudvikler om at sikre, at ingen CSS-regler skjuler eller deaktiverer knapperne i Upcart-draweren.

​
4. Ældre indstillinger forstyrrer

Hvis du har brugt den ældre version af Express Payments-modulet, kan gemte indstillinger være i konflikt med den nye opsætning. Hvad du skal gøre:
  • Åbn det gamle Express Payments-modul (hvis det stadig er synligt).
  • Fjern markeringen af eventuelle tidligere valgmuligheder, og gem.
  • Test igen med det nye modul.

​
Har du stadig problemer?

​
Deaktivér Shadow DOM i Upcart

I nogle tilfælde kan ekspresbetalingsknapperne ikke indlæses eller opdateres, fordi Shadow DOM er aktiveret i Upcart. Hvad er Shadow DOM?
Shadow DOM isolerer Upcart fra resten af din butiks kode for at forbedre stabiliteten. I sjældne tilfælde kan denne adskillelse dog forhindre Shopifys ekspresknapper i at opdatere korrekt. Sådan deaktiverer du Shadow DOM:
  1. Gå til Upcart > Cart Editor > Settings > Cart settings, og fold Advanced Settings ud.
  2. Fjern markeringen af Render Cart in Shadow DOM.
  3. Gem, og test igen.
⚠️ Vigtigt:
Test altid din kurv efter at have slået Shadow DOM fra, da det kan påvirke, hvordan andre apps eller temaelementer interagerer med Upcart. 💡 Bemærk: Deaktivering af Shadow DOM kan løse dette problem, men kan introducere CSS-konflikter med dit tema. Se dokumentet om Shadow DOM-indstillingen for den fulde afvejning.

​
Brug for mere hjælp?

Hvis problemet fortsætter efter at have gennemført disse trin:
  • Kontakt din temaudvikler for at få hjælp til at fjerne kode eller indstillinger, der skaber konflikter.
  • Du kan også kontakte en Shopify Expert for avancerede temaredigeringer eller integrationshjælp.

​
Referencer

  • Shopify Hjælp – Accelerated Checkouts
  • Shopify Dev Docs – Express Payment Buttons