Back to the top-knapp

En tillbaka till toppen knapp finns ju längst ner på sidorna men ibland är man bara halvvägs när man vill upp igen och scrolla tar ju tid för kunden, går det att lösa så att knappen är flytande vid sidan istället? Det är väl fler än jag som har hundratals artiklar i samma artikelgrupp och behöver den här funktionen?

2 gillningar

Mycket bra förslag! Vi saknar också en sådan funktion.

1 gillning

**OBS - funkar inte längre **

Hej!

Det finns nu en CSS-kod för detta:

/* ----- Back to top ----- */
.azalea–back-to-top {
position: fixed;
right: 15px;
bottom: 0px;
margin: 0px;
z-index: 1000;
background: transparent;
}
.azalea–back-to-top-link-text {
font-size: 0px;
}
.azalea–back-to-top-link-text:after {
font-size: 35px;
content: ‘\f106’;
font-family: FontAwesome;
background: rgba(0,0,0,0.5);
padding: 0px 5px;
border: solid 3px;
}
.azalea–back-to-top-link {
color: #fff;
}
.azalea–back-to-top-link:hover {
color: #fff;
text-decoration: none;
}
/ * ----- END Back to top ----- */

För att använda denna kod i Fabrikk, byter ni ut ordet “azalea” mot “fabrikk” i varje del.
Vet ni inte hur ni lägger till detta under Egen CSS, kan ni kontakta oss på supporten :slight_smile:

Med vänliga hälsningar.

Den funkar bra, kommer att underlätta för kunderna.
Ibland krockar den med chattrutan på mobilen (om man använder det) men det behöver inte vara knappens fel utan chattrutans och man kan ju lägga chatten någon annanstans.

Hej

Jag får inte denna att funka i fabrikk. Den verkar inte vilja reagera alls på koden jag lägger in. Något förslag?

Har du bytt ut “azalea” mot “fabrikk”, det är på flera ställen.

Japp. Nu fick jag det att funka när jag inte kopierade utan skrev allt på nytt själv istället. Skumt.

@danielrunn hur har du fått den fina pilen istället för texten?

Lägg upp den live på din sida så jag ser hur den ser ut nu, din godkänn-cookie ligger fel, den gör att sidan blir för bred för min skärm och jag har en bred skärm :slight_smile:

Ibland när man lägger in text så går det inte att klistra in den, har haft strul med det på andra ställen på både css och head.

Du har en pil med men den ligger bakom chatten.

Flytta upp pilen eller in chatten :slight_smile:

Nu tror jag att jag fick till det.

Nu fick jag även till cookies tror jag.

Tack för hjälpen @danielrunn

Nu ser det bra ut :slight_smile:

Går de flytta back to top knappen eller måste den vara i hörnet där oftast chatten är?

Jag kan inte flytta på chatten tyvärr.

Du kan flytta på den med css tex om du har bountiful så är koden

.bountiful–back-to-top {
position: fixed;
bottom: 55px;
right: 10px;
z-index: 1000;
}

Tack Jag har azalea. Går de i den med?

Borde funka på samma sätt där.