Ankarlänkar – Att länka inom en sida

Med hjälp av ankarlänkar (anchor links) kan man göra så att en länk länkar inom en sida. Om man redan är på sidan skrollar då webbläsaren till ankaret som satts på sidan istället för att ladda en ny sida. Den här länken är till exempel en ankarlänk som leder till steg 9 denna guide.

Ankarlänkar kan används till exempel för att ha ett index överst på en innehållssida som länkar till olika stycken på sidan. Man kan även ifrån en annan sida länka till en ankarlänk på en sida. Efter länkens URL lägger man då #ankarnamnet där ankarnamnet kan vara valfritt ord du väljer när du skapar ankaret. Till exempel kan man utifrån länka till https://e37system.zendesk.com/hc/sv/articles/212095949#steg9 för att komma till steg 9 i denna guide.

Gör så här i admin:

1. Ankarlänkar går lägga in i layoutat innehåll. Öppna därför sidan eller widgethållaren där du har ett layoutat innehåll du vill länka inom. Typiskt kommer detta vara widgeten Layoutat innehåll på en innehållssida, med detta fungerar på alla platser där du har layoutat innehåll.
2. Här har vi en lång text där vi vill att de två punkterna under "Index" ska ha ankarlänkar.
   
3. Vi högerklickar på innehållet och väljer Visa källkod.
   
4. I källkoden hittar vi nu den första rubriken dit vi vill att första index-länken ska leda. Innan <h2>-taggen för rubriken lägger vi in följande kod,
   <a id="forsta_rubriken"></a>
   där forsta_rubriken kan bytas ut mot valfritt namn.
5. Klicka på knappen Ok.
6. I editorn för layoutat innehåll ser du nu en ankar-ikon där du la in koden.
   
7. Markera texten du vill ska bli länkande, i vårt fall texten efter översta punkten under "index". 
8. Klicka på knappen Infoga länk.
   
9. Som Url väljer vi adressen till sidan med start på språkkoden (för svenska /sv/) och avslutar med #forsta_rubriken (eller vilket ankarnamn vi nu valde i steg 4.) 
   
   

   Kan jag inte bara skriva #ankarnamn som Url? Beroende på vilken konfiguration din butik har så kanske en sådan länkning inte fungerar. Om det inte fungerar så kommer sådana länkar istället leda till din butiks startsida. Om en sådan länk fungerar för dig så har du rätt konfiguration och alla sådana ankarlänkar kommer att fungera. Denna typ av ankarlänkar fungerar endast med en konfiguration som en del av våra butiker saknar. Vi rekommenderar därför inte att nyttja den utan att kontrollera att denna typ av länkning pekar rätt för just din butik.

10. Klicka på knappen Ok.
11. Upprepa steg 3 till 10 igen för att göra övriga delar i indexet länkande.