Skip to main content
📝 Bemærk V1-selektorer er rettet mod modulerne i den ældre cart drawer. Hvis du har opgraderet til V2, matcher modulselektorerne på denne side ikke længere — se V2 CSS-selektorbiblioteket for aktuelle selektorer. To undtagelser er værd at kende: .upcart-cart og .upcart-cart-body sidder på selve drawer-skallen og ikke på et modul, så de gælder stadig på V2. Layoutrettelser, der er rettet mod draweren som helhed (begrænsning af bredden, stop af horisontalt overflow), virker fortsat efter en opgradering.

​
Oversigt

Hvis du vil ændre kurvens udseende, som at skjule en pris, justere tekststørrelsen eller flytte en knap, er det her, du skal begynde. Dette CSS-selektorbibliotek giver dig de værktøjer, du skal bruge til at lave de ændringer med din egen tilpassede kode. Alle tilgængelige CSS-selektorer er grupperet i denne artikel sammen med links til nyttige ressourcer til at skrive og teste dine styles.

​
Bemærk

Selvom vi stiller dette bibliotek til rådighed, kan Upcarts supportteam ikke hjælpe med at bygge eller rette tilpasset kode. Det er en del af vores tilpasningspolitik. Vi anbefaler at rådføre dig med en Shopify Expert til tilpassede kodeløsninger. Se Shopify Experts

​
Sådan bruger du Upcarts CSS-selektorer

Denne artikel er et bibliotek af CSS-selektorer, du kan bruge til at style og tilpasse din Upcart cart drawer. Hver selektor er rettet mod en bestemt del af kurven — som headeren, produktrækker, upsells, rewards-modulet og mere. Du kan bruge disse selektorer til at:
  • Skjule eller omstyle elementer
  • Ændre afstande, skrifttyper eller farver
  • Justere layoutet efter din butiks branding
For at anvende din CSS skal du åbne Cart Editor, gå til Settings, vælge fanen Custom CSS og indsætte dine styles i editoren.

​
Hvad du bør vide, før du tilføjer CSS

Før du kaster dig over dine tilpassede styles, er her et par tips til at få det til at gå glat. De gør det nemmere at teste ændringer, undgå overraskelser og opnå det ønskede look uden at ødelægge noget i din kurv.

​
Tjekliste til CSS-tilpasning:

  • Test i et sikkert miljø: Brug en forhåndsvisning eller et ikke-publiceret tema, når det er muligt, før du går live.
  • Start i det små: Lav én ændring ad gangen, så det er nemmere at spore, hvad der virkede eller ikke virkede.
  • Indsæt styles det rigtige sted: Brug feltet Upcart Editor > Settings > Custom CSS til at tilføje din kode.
  • Brug inspektionsværktøjet: Højreklik på elementer i din browser, og vælg Inspect for at finde og teste selektorer live.
  • Undgå antagelser: Ikke alle elementer vises i alle kurve — test med forskellige kurve (med/uden rewards, upsells osv.).

​
CSS-selektorbibliotek

Nedenfor er en liste over alle CSS-selektorer, der er tilgængelige i Upcart. De er grupperet efter modul (som header, produkter, upsells osv.) for at gøre det nemmere for dig at finde det, du vil tilpasse. Brug den som reference, når du skriver dine egne styles.

​
Generelle indstillinger

​
Design-modul

​
Header-modul

​
Body-indstillinger

​
Announcements-modul

​
Rewards-modul

​
Recommendations-modul

​
Subscription Upgrades-modul

​
Upsells-modul

​
Produktindstillinger

​
Add-ons-modul

​
Discount Codes-modul

​
Besparelsesrække

​
Express Payments-modul

​
Bemærk

Express Payments-knapperne i Upcart fungerer som visuelle containere, mens indholdet og funktionaliteten i dem styres fuldstændigt af Shopify. Derfor kan vi ikke ændre deres adfærd eller udseende. Se guiden Express Payments-modul for mere information.

​
Trust Badges-modul

​
Additional Notes-modul

​
Upcart Settings-modul

​
Skeleton-selektorer

​
Nyttige ressourcer til at komme i gang: