Favicon – få dit eget i shoppen

Alle informationer er baseret på Magento version 1.5.1.0

Jeg ser en del shops der kører med Magento’s eget Favicon.ico eller fx. favicon fra deres hosting firma.
Dette virker ikke særlig professionelt. Så lad os ændre dette til at matche dit firma.

Hvis du ikke ved hvad Favicon er, så er det det lille Icon som er til venstre for www.adresse-feltet i din internet browser.

For at ændre et favicon skal du gøre følgende:

  • Have et favicon.ico tilgængeligt.
  • Erstatte alle favicon.ico filer på din server.
  • Tømme” cachen” i din Magento administration.

Du har følgende muligheder:

Designe et favicon

Enten kan du selv lave det eller få din designer til det. Hvis du vil lave det selv, kan du prøve at kigge på en Online Favicon Generator, som denne her. Med denne service, kan du selv designe et favicon på kort tid.

Erstatte favicon filer på serveren.

Log ind på din server. Jeg bruger Filezilla som FTP program, og dette er gratis at downloade og bruge.
Når du er logget ind vil du se strukturen på dit magentohotel.
Find public_html mappen og dobbelt klik på denne for at få vist fil strukturen.

Bruger du Filezilla

TIP: Hvis du bruger Filezilla – så foretag en søgning efter favicon.ico -> Marker public_html og tryk F3

Nu får du vist søgefeltet. Huskede du at markere public_html inden du trykkede F3, så skal du blot skrive favicon.ico i feltet ved siden af “Filnavn” Og “Indeholder” og tryk derefter på søg.

Glemte du at markere public_html. Skal du selv lige skrive dette ind i feltet”Søg i mappe” og derefter skrive som ovenfor anført.
Filezilla vil nu søge alle mapperne igennem efter favicon.ico og vise dig resultaterne i det store vindue i boksen.

Note: Alt afhængig af internet hastighed og antal filer på serveren kan dette tage tid. Lav en kop kaffe imens.
Nu bliver du præsenteret for alle fundne resultater og du kan nu se alle de steder hvor favicon.ico optræder.

TIP: Noter alle stierne ned på et stykke papir, så har du alle data lige ved hånden.
Nu ved vi hvor alle filerne så er det blot at erstatte dit eget favicon.ico med dem på serveren.

Så det du gør er at finde stien til de enkelte filer på serveren. Dette gøres ved at klikke dig frem, fx. public_html/app/frontend/default/default/favicon.ico – denne placering skal du så finde og erstatte filen med din egen favicon fil.

Når du har erstattet alle filerne, så kan du logge ud af dit FTP program.

Tømme cachen i din Magento Backend

Gå til admin området på din webshop, tilføj din admin url til slutningen af webshoppens url.
Typisk vil det se ud som følgende: http://www.din-webshop-adresse.dk/admin
Indtast dit brugernavn og kodeord, og klik på Login.
magento-login-screen

Cache Management

I topmenuen finder du System, og når denne folder ud, vælger du Cache Management.
Magento_cache
Marker alle felterne og klik på Gennemfør.

NU skulle du meget gerne kunne se dit nye favicon for shoppen.
Er dette ikke tilfældet, så tøm alle caches i den pågældende browser.

Alle informationer er baseret på Magento version 1.5.1.0

Comments

  1. says

    Hej Kent
    Nu er jeg helt ny i Magento, så derfor vil jeg høre om der slet ikke er mulighed for at tilgå filstrukturen i magento, fx stylesheets, uden at skulle igennem fx Filezilla..?
    Har du evt. et par gode tutorials eller andet du kan henvise til?
    Mvh. Christina

     

  2. says

    Hej Kent
    Er det ikke nemmer at indsætte Favicon ved:
    System – Konfiguration – Design – HTML Head – Favicon
    jeg har gjort det og det ser ud til at virke – kan det give problemer med noget at gøre det på denne måde ?
    Vh. Kristian
     
     

  3. Kent says

    Hej Kristian,

    Tusind tak for kommentaren. Som vi talte om, så er der sket meget i Magento, siden jeg skrev dette indlæg. Alle oplysninger i dette indlæg er baseret på Magento 1.5. og siden Magento har lanceret Magento 1.7.0.2 kan du gøre dette via backenden.

    Jeg vil se om jeg ikke lige kan få tid til at vise dette i et nyt indlæg, så er begge metoder beskrevet :)
    /Kent

Leave a Reply

Your email address will not be published. Required fields are marked *