⚠️ Vigtig meddelelse Denne tilpasning virker kun med version 1 af Upcart-kurvmodulerne. Hvis du for nylig har opgraderet din kurv til version 2, virker disse tilpasninger muligvis ikke. Du skal bruge de nye selektorer til version 2, som findes i migreringsguiden. Hvis dine tilpasninger ikke virker som forventet, kan du selv rulle kurven tilbage til version 1: i Cart Editoren skal du bruge rullemenuen Cart version øverst i venstremenuen og vælge V1.0 (Legacy). Rullemenuen vises, når alle moduler i kurven er på V2. Vi arbejder i øjeblikket på nye tilpasningsskabeloner til version 2 af modulerne, og de vil snart være tilgængelige.

Introduktion

Velkommen til denne CSS-vejledning, hvor vi viser dig, hvordan du sætter din mobilkurvs bredde til nul, medmindre den udløses af Upcart. Det er en praktisk måde at holde din kurv skjult på og strømline mobilshoppingoplevelsen, indtil dine kunder er klar til at se den. Denne guide er designet til butiksejere eller udviklere med grundlæggende CSS-kendskab. Ved at bruge denne tilpasning kan du holde din kurv ude af syne og forbedre sidelayoutet, reducere distraktioner og hjælpe dine kunder med at fokusere på at handle. Det er en lille justering, der kan gøre en stor forskel for din butiks mobiloplevelse. Lad os komme i gang og få din mobilkurv til at arbejde smartere, ikke hårdere!

Adgang til indstillinger for brugerdefineret CSS

For at begynde at tilpasse CSS for din Upcart skal du følge disse trin:

Åbn Upcart-appen i dit dashboard.
Navigér til Cart Editor.
Åbn Settings, og vælg fanen Custom CSS (bag More settings, hvis fanerækken løber over).
Kopiér og indsæt derefter koden i CSS-inputområdet
Når du er færdig, skal du klikke på “Save” og opdatere din webshopside for at se resultaterne live.

Her er CSS-koden, du skal kopiere og indsætte i CSS-sektionen:

@media (max-width: 440px) {  
    .upcartPopupShow [class*="styles_CartPreview__right__"] {  
        width: 100%;  
        max-width: 440px;  
    }  
  
    [class*="styles_CartPreview__right__"] {  
        width: 0px;  
	max-width: 440px;  
    }  
}

Konklusion

Og det var det! Du har nu lært, hvordan du ændrer din mobilkurvs bredde til nul, indtil den udløses af Upcart, hvilket skaber en renere og mere fokuseret shoppingoplevelse.

🚧 Support til tilpasninger

Upcarts supportteam kan ikke hjælpe med at implementere brugerdefinerede CSS- eller HTML-løsninger i din kurv. Hvis du har brug for hjælp til at designe eller style noget brugerdefineret, anbefaler vi at rådføre dig med en Shopify Expert: Se Shopify Experts

Kom godt i gang

Kurvmoduler

Kurvindstillinger

Fastgjort kurvknap

Multicart

Tilpasninger

Analyser

Integrationer og kompatibilitet

Fakturering og konto

Fejlfinding

Sæt mobilkurvens bredde til nul, indtil den udløses af Upcart, med CSS

Introduktion

Adgang til indstillinger for brugerdefineret CSS

Her er CSS-koden, du skal kopiere og indsætte i CSS-sektionen:

Konklusion

🚧 Support til tilpasninger

​Introduktion

​Adgang til indstillinger for brugerdefineret CSS

​Her er CSS-koden, du skal kopiere og indsætte i CSS-sektionen:

​Konklusion

​🚧 Support til tilpasninger

Introduktion

Adgang til indstillinger for brugerdefineret CSS

Her er CSS-koden, du skal kopiere og indsætte i CSS-sektionen:

Konklusion

🚧 Support til tilpasninger