Oversigt

Hvis du ønsker et renere førstehåndsindtryk, eller hvis dit forsidelayout er i konflikt med sticky cart-knappen, kan du skjule knappen specifikt på forsiden med et simpelt kodestykke. Denne opsætning tjekker kundens aktuelle side og fjerner sticky cart-knappen, hvis de er på forsiden.

Hvornår du skal bruge dette

For at undgå visuelt rod på din forside
Når du bruger en brugerdefineret hero-sektion eller et layout, der overlapper med sticky cart-knappen
For at holde kurvknappen fokuseret på produktsider eller kollektioner

Trin 1: Tilføj scriptet

Gå til Upcart > Cart Editor > Settings > Custom HTML
I dropdown-menuen HTML Location skal du vælge Scripts (Before Load)
Indsæt følgende JavaScript:

<script>  
  var stickyCartButton = document.querySelector("#upCartStickyButton");  
  
  if (  
    stickyCartButton &&  
    (document.location.pathname === "/" + Shopify.locale ||  
     document.location.pathname === "/")  
  ) {  
    stickyCartButton.classList.add("hide-sticky-cart-button");  
  }  
</script>

Dette script tjekker den aktuelle sides sti og anvender en klasse, der skjuler sticky-knappen, hvis kunden er på forsiden.

Trin 2: Tilføj brugerdefineret CSS

Gå til Upcart > Sticky Cart > Custom CSS (bemærk, at dette er Sticky Cart, ikke Cart Editor)
Indsæt følgende CSS:

.hide-sticky-cart-button {     
  display: none;   
}

Slutresultat

Sticky cart-knappen skjules, når en kunde besøger forsiden (/ eller /[locale])
Knappen forbliver synlig på alle andre sider

Kom godt i gang

Kurvmoduler

Kurvindstillinger

Fastgjort kurvknap

Multicart

Tilpasninger

Analyser

Integrationer og kompatibilitet

Fakturering og konto

Fejlfinding

Skjul sticky cart-knappen på forsiden

Oversigt

Hvornår du skal bruge dette

Trin 1: Tilføj scriptet

Trin 2: Tilføj brugerdefineret CSS

Slutresultat

​Oversigt

​Hvornår du skal bruge dette

​Trin 1: Tilføj scriptet

​Trin 2: Tilføj brugerdefineret CSS

​Slutresultat

Oversigt

Hvornår du skal bruge dette

Trin 1: Tilføj scriptet

Trin 2: Tilføj brugerdefineret CSS

Slutresultat