Skip to main content

Oversigt

Upcarts sticky cart-knap kan ændres i størrelse og flyttes med brugerdefineret CSS. Det giver dig mulighed for bedre at matche din butiks branding eller præferencer for brugeroplevelsen på både desktop og mobil. Der er to tilgange tilgængelige, afhængigt af hvor meget kontrol du ønsker.

Mulighed 1: Skaleret størrelsesændring (enkel opsætning)

Denne metode bruger en enkelt skaleringsfaktor til at formindske eller forstørre knappen og ikonet proportionalt. Det er den nemmeste måde at justere knapstørrelsen på med minimal kode.

Her skal du tilføje det

Gå til Upcart > Sticky Cart > Custom CSS, og indsæt koden nedenfor.

Sådan tilpasser du

  • Ændr transform for at ændre knappens størrelse (f.eks. 0.8, 0.6, 1.25 osv.)

Mulighed 2: Pixelspecifik størrelsesændring (avanceret kontrol)

Denne metode giver dig mulighed for at styre hvert elements dimensioner individuelt med px-værdier. Brug den, når du ønsker præcise justeringer, der ikke er afhængige af skalering.

Sådan tilpasser du

  • Justér variablerne i :root for at gøre hvert element større eller mindre
  • Finjustér left- og top-værdierne i selektorerne for visuelt at centrere ikonet og badget

Brug for hjælp?

Hvis du er usikker på, hvilken metode der er den rigtige for dig, eller har brug for hjælp til at skrive brugerdefineret CSS, anbefaler vi, at du kontakter en Shopify Expert. Upcart-support hjælper ikke direkte med CSS-implementering. Se Shopify Experts