Favicon in xt Commerce einbinden

Das Favicon – Dem kleinen Icon vor der URL wird oft nicht genug Bedeutung beigemessen. Ich stelle immer wieder bei mir selber fest, dass es ein wichtiger Bestandteil beim Wiedererkennungswert einer Internetseite ist.

Es wird an folgenden Stellen angezeigt:

• Vor der Internetadresse in der Navigationsleiste
• Vor dem Seitentitle in den “Tabs”
• In den Lesezeichen / Favoriten vor der Beschriftung

Gerade wenn ich meine Favoriten nach einer bestimmten Seite durchsuche halte ich oft nach dem Firmen-, Blog- bzw. Shoplogo ausschau. Eine Seite anhand der Lesezeichenbeschriftung zu identifizieren ist einfach zeitaufwendiger.

Änderungen am Shop

Die Änderungen welche dazu am xt Commerce Template vorgenommen werden müssen sind eher marginal. Zuerst müssen in die Datei SHOP/includes/header.php, nach der Zeile (ca 34. Zeile):

Folgende Zeilen Code eingefügt werden:

1

<link rel="Favicon" href="<?php echo 'templates/'.CURRENT_TEMPLATE.'/img/favicon.ico' ?>" type="image/x-icon" />

Erstellen der Grafik

Nachdem der Code eingefügt ist sieht man erstmal keine Änderung am Icon, weil die Bilddatei natürlich noch fehlt.

Also: Logo erstellen mit der Größe 32 x 32 px und speichern es als .bmp Datei (z.B. mit Photoshop)

Nun muss die .bmp-Datei noch in eine .ico Datei umgewandelt werden, hierfür gibt es diverse Tools hier gibts eine kleine Auflistung.

Die Datei muss als “favicon.ico” gespeichert und mit einem FTP-Client in den xt Commerce Ordner. (SHOP/templates/TEMPLATE_NAME/favicon.ico) auf den Server geladen werden.