Favicon für Alle Plattformen hinzufügen

Topic summary

Favicon wird im Browser erkannt, fehlt jedoch auf anderen Geräten (z. B. Smartphone). Der Shop-Link (blessedisland.de) wurde geteilt; mehrere Teilnehmer sehen auf Laptop und Handy gar kein Favicon (Screenshots belegen dies).

Analyse des Quellcodes zeigt konkrete Fehler: ein fehlplatzierter Code-Block sollte entfernt werden; die href-Pfade verweisen auf nicht vorhandene Dateien; vermutlich fehlt der Liquid-Filter asset_url (erstellt korrekte URLs zu Theme-Assets). Aufgrund dieser Fehler kann das Favicon aktuell nicht funktionieren (mehrere Code-Screenshots maßgeblich).

Klärungen/Fragen: Wurde die Shopify-Anleitung zum Hinzufügen des Favicons befolgt? Ist das Favicon ggf. deaktiviert? Welche Grafik wird genutzt – nur das rote „BI“? Hinweis: Das vollständige Logo ist zu detailliert für ein kleines Symbol.

Empfohlene Schritte:

  • Anleitung von Shopify befolgen und Theme-Code bereinigen (fehlplatzierten Block entfernen).
  • Favicon-Dateien korrekt hochladen und über asset_url referenzieren.
  • Ein vereinfachtes, klar erkennbares Icon wählen.

Status: Noch keine Lösung; Umsetzung der Code-Korrekturen steht aus.

Summarized with AI on February 8. AI used: gpt-5.

Hallo,

Ich habe bereits einen Favicon hinzugefügt, und den kann man auf dem browser sehr gut erkennen, jedoch nicht auf anderen Geräten oder PLattformen wie Smartphone etc.

Kann mir jemand bitte sagen wie man es hinzufügen kann, und wo und wie genau da ich sehr viele Videos angeschaut habe, jedoch nicht weiter kam.

und danke

@Blessed-island hast Du einen Link zu Deinem Store für uns? Den Artikel zum Hinzufügen eines Favicons zu deinem Shop wirst Du wahrscheinlich schon gesehen haben?

LG, Mario

Hier bitte blessedisland.de

Hi Blessed-Island,

vielen Dank für den Link zu deinem Shopify Shop.

Leider kann ich bei diesem weder auf dem Laptop noch dem Handy ein Favicon sehen:

Screenshot 2022-09-22 22.49.16.png

Hast du beim Hinzufügen der Anleitung gefolgt, die R8r bereits gepostet hat? Oder hast du das Favicon momentan deaktiviert?

Und was genau hast du als Favicon ausgewählt? Nur das rote BI? Denn dein Logo insgesamt mit der Schrift und dem Kranz ist sehr detailliert für so ein kleines Symbol.

@Blessed-island hier ein Ausschnitt aus dem Quelltext Deiner Seite:

  • Das eingekreiste Codefragment ist fehl am Platz und gehört weg.
  • Die Pfade, auf die die href-Attribute verweisen, führen zu Dateien, die es nicht gibt. Ich vermute, dass hier der asset_url-Filter im Code fehlt.

Insofern kann das mit dem Favicon aktuell gar nicht funktionieren – diese Fehler müssten erst behoben werden.

LG, Mario