How to Add Favicon to Shopify?

Wie füge ich ein Favicon zu Shopify hinzu?

Diese Anleitung zeigt Ihnen, wie Sie das Favicon in wenigen einfachen Schritten zu Ihrem Shopify-Shop hinzufügen können.

1. Erstellen Sie ein 16x16 Pixel oder 32x32 Pixel großes Bild, das Sie als Favicon verwenden möchten. Das Bild sollte im .ico-Format vorliegen. Wenn Sie keine .ico-Datei haben, können Sie einen Online-Konverter verwenden, um Ihr Bild in das .ico-Format zu konvertieren.

2. Gehen Sie zu Ihrem Shopify-Admin-Dashboard und klicken Sie auf die Registerkarte „Online-Shop“.

3. Klicken Sie im linken Menü auf die Option „Themes“ unter dem Feld „Online-Shop“.

4. Klicken Sie auf das Dropdown-Menü „Aktionen“ und wählen Sie die Option „Code bearbeiten“.

5. Klicken Sie im linken Menü auf den Ordner „Layout“ und dann auf die Datei „theme.liquid“.

6. Scrollen Sie zum Ende der Datei und suchen Sie den Abschnitt „head“.

7. Fügen Sie im Abschnitt „head“ den folgenden Code ein:

<link rel="shortcut icon" type="image/x-icon" href="{{ 'favicon.ico' | asset_url }}">

8. Ersetzen Sie „favicon.ico“ durch den Namen Ihrer .ico-Datei.

9. Klicken Sie im rechten Menü auf die Schaltfläche „Datei hochladen“ und wählen Sie Ihre Favicon-Datei aus.

10. Klicken Sie auf die Schaltfläche „Speichern“, um Ihre Änderungen zu speichern.

Ihr Favicon sollte nun im Browser-Tab Ihres Shopify-Shops angezeigt werden.

Wenn Sie diese Schritte befolgt haben und das Favicon immer noch nicht angezeigt wird, liegt möglicherweise ein Problem mit der Datei selbst vor. Stellen Sie sicher, dass die Datei im richtigen Format und in den richtigen Abmessungen vorliegt. Wenn das Problem weiterhin besteht, versuchen Sie es mit einem anderen Browser oder Gerät, um festzustellen, ob das Problem spezifisch für einen bestimmten Browser oder ein bestimmtes Gerät ist. Wenn das Problem in mehreren Browsern und auf mehreren Geräten weiterhin besteht, liegt möglicherweise ein Problem mit der Implementierung des Favicons in Ihrem Shop vor. Möglicherweise möchten Sie einen Shopify-Experten oder das Shopify-Support-Team um weitere Unterstützung bitten.