Favicon – få dit eget i shoppen (Magento 1.5.0)

Favicon – få dit eget i shoppen (Magento 1.5.0)

Jeg ser en del shops der kører med Magento’s eget Favicon.ico eller fx. faviconet fra deres hosting firma.
Dette virker ikke særlig professionelt. Så lad os ændre dette til dit eget, så det matcher 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 faviconet skal vi gennemføre 3 steps:

  1. Du skal have et favicon.ico tilgængeligt.
  2. Du skal erstatte alle favicon.ico filer på din server.
  3. Du skal tømme” chash’en” i din Magento Backend.

 

1. 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.

 

2. 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.

 

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.

 

3. Tømme cachen i din Magento Backend

 

Log ind i dit administrationmodul på shoppen.

Gå derefter til topmenuen:

System -> Administration af cachelager

Vælg alle akfrydsningsfelter og tryk derefter på Gennemfør. (Handlinger skal stå til “Opdater”)

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

 

Endvidere husk at teste først – inden du laver noget på en live shop… Alt er på eget ansvar.

Kunne du bruge artiklen til noget ? eller har du en kommentar hører jeg meget gerne fra dig :-)

3 Comments

  1. 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

     

    Reply
  2. 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
     
     

    Reply
  3. 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

    Reply

Submit a Comment

Din e-mail-adresse vil ikke blive offentliggjort. Krævede felter er markeret med *

Disse HTML koder og attributter er tilladte: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>