Smart Favicon - Dunkles und helles Favicon mit Live-Warenkorbzähler für PrestaShop
Ihr Shop lebt in einem Browser-Tab – und in einer Leiste mit zwanzig Tabs entscheidet das Favicon, ob jemand zurückfindet. Ein blasses Icon, das im dunklen Theme verschwindet, oder ein Tab, der aussieht wie jeder andere, kostet still und leise Rückkehrer und unvollendete Warenkörbe.
Smart Favicon gibt Ihrem Shop echte Tab-Präsenz: ein helles und ein dunkles Favicon, passend zum Farbschema des Besuchers ausgeliefert, ein Live-Warenkorb-Badge direkt auf dem Icon und dezente Titel-Hinweise – „🛒 Noch am Überlegen?“ –, die Käufer zurückholen, sobald sie zu einem anderen Tab abdriften. Beim Zurückkehren wird der exakte Original-Titel sofort wiederhergestellt.
Das Modul ist konstruktionsbedingt SEO-sicher: Titel und Favicon-Markup, die Suchmaschinen erhalten, werden nie verändert – alles passiert nach dem Laden, nur im Browser des Besuchers, Bots sind komplett ausgenommen. Vanilla JavaScript, kein jQuery, nichts blockiert das Rendering, jedes Theme. Und aus einem PNG-Upload wird jetzt das komplette Icon-Set – Link-Icons in allen Größen, Apple-Touch-Icon, Web-Manifest und eine mehrstufige favicon.ico für genau die Icons, die Suchmaschinen tatsächlich abrufen.
Und es ist erweiterbar gebaut: Jedes Modul kann das Badge über eine kleine API speisen – ungelesene Nachrichten, Wunschlisten-Artikel, Support-Antworten – summiert oder priorisiert, jedes mit eigenem Schalter.
- Helles & dunkles Favicon. Ein Icon pro Schema hochladen; das richtige wird deklarativ per Media Query ausgeliefert, mit JavaScript-Fallback für Browser, die sie ignorieren – und wechselt live, wenn das System-Theme umschaltet.
- Live-Warenkorb-Badge. Der Warenkorbzähler wird auf einem scharfen 64px-Canvas direkt aufs Favicon gezeichnet – Ecke, Blasen- und Textfarbe frei wählbar; Werte über dem Limit werden zu „9+“, bei null verschwindet die Blase, und PrestaShops Warenkorb-Events halten den Wert bei jedem AJAX-Vorgang aktuell, ganz ohne Reload.
- Aufmerksamkeits-Hinweise im Tab. Verliert der Tab den Fokus, während Artikel im Warenkorb liegen, rotiert der Titel durch Ihre eigenen Botschaften – pro Sprache, in Ihrem Takt –, stellt beim Zurückkehren den exakten Original-Titel wieder her, und ein optionales Zähler-Präfix „(2) Ihr Shop“ arbeitet auch beim Stöbern.
- Suchmaschinen-fertiges Icon-Set. Aus einem PNG-Upload werden 16/32/48-px-Link-Icons, ein 180-px-Apple-Touch-Icon, 192/512-px-Web-App-Icons, ein Web-Manifest und eine mehrstufige favicon.ico – mit optionalem Schalter, der sie ins Shop-Root schreibt: genau die Datei, die Bing, DuckDuckGo, Yahoo und Googles Ergebnis-Icon-Abrufe lesen (das Original wird gesichert und beim Deaktivieren wiederhergestellt).
- Backoffice-Favicon. Geben Sie dem Admin ein eigenes Tab-Icon – dedizierter Upload oder Ihr helles Icon –, damit Händler mit mehreren offenen Backoffices sie endlich auseinanderhalten.
- Erweiterbare Zählquellen. Eine Ein-Zeilen-JavaScript-API plus der PHP-Hook actionRegisterFaviconBadge lassen jedes Modul das Badge speisen – alle Quellen summieren oder eine Prioritätsquelle bestimmen, jede mit eigenem Schalter.
- SEO-sicher per Konstruktion. Server-gerenderter Titel und Favicon-Markup bleiben unangetastet; jede Änderung ist reines JavaScript nach dem Laden, wird beim Fokus vollständig zurückgenommen und für Bots übersprungen.
- Leicht und universell. Abhängigkeitsfreies Vanilla JavaScript, nicht render-blockierend, theme-agnostisch – PrestaShop 1.6 bis 9, PHP 7.1+, komplett kostenlos.
Ein Favicon, das zum Theme jedes Besuchers passt
Ein großer Teil Ihrer Besucher surft im Dark Mode – dort verschwindet ein dunkles Logo auf der dunklen Tab-Leiste einfach. Mit Smart Favicon laden Sie ein Icon für helles und eines für dunkles Schema hoch; das richtige wird automatisch ausgeliefert – deklarativ im Seitenkopf, plus JavaScript-Fallback, der das Icon live tauscht, sobald das System-Theme wechselt.
Laden Sie nur ein Icon hoch, behält das andere Schema elegant das native Favicon Ihres Shops; laden Sie keines hoch, wird gar nichts angefasst. ICO, PNG, SVG und WebP werden unterstützt, mit Live-Vorschau im Backoffice – und aus einem PNG- oder WebP-Upload erzeugt das Modul zusätzlich das komplette Icon-Set samt Web-Manifest und mehrstufiger favicon.ico, nach denen Suchmaschinen und App-Icons fragen.
Ihr Warenkorbzähler, sichtbar direkt auf dem Tab
Sobald ein Produkt im Warenkorb landet, wird eine farbige Blase mit dem Zähler aufs Favicon gezeichnet – Ecke, Hintergrund- und Textfarbe konfigurierbar, große Werte werden zu „9+“, und bei leerem Warenkorb verschwindet die Blase. Da das Modul auf PrestaShops eigene Warenkorb-Events reagiert, bleibt der Wert bei jedem AJAX-Hinzufügen, -Entfernen und jeder Mengenänderung korrekt – ohne Reload.
Kunden vergleichen, öffnen Tabs, schweifen ab. Eine kleine Zahl auf Ihrem Tab ist der Anker, der sie zurückzieht – dasselbe Muster, das Web-Apps lebendig wirken lässt, jetzt für Ihren Shop, neben den anderen kostenlosen PrestaShop-Modulen in Ihrem Werkzeugkasten.
Hinweise, die Käufer zurückholen – höflich
Verliert der Tab den Fokus und der Warenkorb ist nicht leer, rotiert der Tab-Titel durch Ihre eigenen Botschaften – „🛒 Noch am Überlegen?“, „Ihre Artikel warten auf Sie“ – in der Sprache des Besuchers, im Takt Ihrer Wahl. Kehrt der Besucher zurück, wird der exakte Original-Titel zeichengenau wiederhergestellt. Optional stellen Sie dem Titel den Live-Zähler voran, etwa „(2) Ihr Shop“.
Alles ist bewusst konservativ: Das server-gerenderte Titel-Element, das Suchmaschinen indexieren, wird nie verändert, während des Seitenladens ändert sich nichts, und bekannte Bots und Crawler sind ausgenommen – die Hinweise existieren nur im Browser eines echten Besuchers.
Eine aufgeräumte Einstellungsseite, eine API für alles Weitere
Beide Icons laden Sie mit Sofort-Vorschau auf einer einzigen Einstellungsseite hoch: Badge-Ecke und -Farben, das Zähler-Limit, das Titelformat, Ihre Hinweis-Botschaften pro Sprache und das Rotationsintervall. Jede Zählquelle hat ihren eigenen Schalter – Warenkorb aus, Rest an, ganz wie Sie wollen. Auch das Backoffice bekommt ein eigenes Favicon, und ein Schalter veröffentlicht die generierte favicon.ico mit sauberem Backup-und-Restore im Shop-Root.
Für Entwickler ist das Badge ein Hub: Registrieren Sie einen Zähler mit einer Zeile JavaScript oder über den Hook actionRegisterFaviconBadge, damit er im Backoffice mit eigenem Schalter erscheint – Wunschlisten-Artikel, ungelesene Support-Antworten, Bestandsalarme. Alle Quellen summieren oder eine priorisieren – und mit den anderen kostenlosen Conversion-Boostern kombinieren.
-
Referenzmprfavicon
-
Auf Lager2147483647 Artikel
Was unsere Kunden über uns sagen
Unternehmensbewertungen
5.0
★
★
★
★
★
(4 Bewertungen)
Kundenbewertungen werden geladen...
Noch keine Produktbewertungen
Teilen Sie als Erste/r Ihre Erfahrung mit diesem Modul.
Bewertung schreiben
Installation
Laden Sie das Modul-ZIP unter Module → Modul-Manager → Modul hochladen hoch und installieren Sie es. Unter Design erscheint der Eintrag Smart Favicon. Das Modul funktioniert sofort: Badge und Tab-Titel-Funktionen sind aktiv und nutzen das vorhandene Shop-Favicon, bis Sie eigene Icons hochladen.
Haben Sie eine Frage zu diesem Produkt?
Unsere Experten helfen Ihnen gerne. Fragen Sie uns zu Installation, Kompatibilität oder technischen Daten.
1288
Fragen
9
Kategorien
2014
Modulbau seit
1.6–9
PrestaShop-Versionen
v1.1.1
- Hardening: multistore-safe favicon.ico override with merchant-file protection and verified backup/restore.
- Per-shop icon-set files and a grace period for cached manifests.
- PHP 7.1 WebP compatibility and scheme-qualified sized icon links (192 px link, 256 px ICO entry).
Vollständiges Changelog wird geladen...
Passt gut zu Smart Favicon
Module, die unser Team wirklich mit diesem kombiniert – und warum jedes davon in dasselbe Setup gehört.
Complement
Smart Favicons Aufgabe endet im Moment der Wahrheit: Es bringt den Kunden mit Live-Warenkorbzähler und höflichem Hinweis zurück zum Tab. Was dann passiert, ist das Revier von Checkout Revolution – ein Checkout, der die zurückgewonnene Aufmerksamkeit nicht verspielt.
Die meisten „zurückgeholten“ Besucher gehen ein zweites Mal verloren – an Reibung: Kontozwang, Überraschungsschritte, ein Warenkorb ohne Zustand. Der schlanke Ablauf von Checkout Revolution macht aus der Rückkehr eine abgeschlossene Bestellung statt eines zweiten Abbruchs.
Zusammen schließen sie die Zögern-Schleife: Das Badge hält den Warenkorb über zwanzig Tabs präsent, der Hinweis lädt zur Rückkehr ein, und der Checkout macht das Abschließen schneller als das erneute Gehen.
Complement
Das Beispiel in der Entwickler-Doku von Smart Favicon ist buchstäblich dieses Paar: ungelesene Support-Antworten als Badge-Quelle. Wer eine Vorverkaufsfrage gestellt hat, aktualisiert selten Ihre Ticketseite – er öffnet andere Tabs und vergisst.
Support Revolution führt genau die Gespräche, für die sich das Zurückkommen lohnt: Tickets, Antworten, Zufriedenheits-Nachfassen. Der Zähler ungelesener Antworten ist eine Zahl mit echter Absicht dahinter – jemand wartet auf eine erbetene Antwort.
Über den Hook actionRegisterFaviconBadge registriert, landet dieser Zähler mit eigenem Schalter im Backoffice auf dem Favicon. Der Kunde sieht die „1“ auf Ihrem Tab, kehrt zurück, liest die Antwort – und das Vorverkaufsgespräch konvertiert tatsächlich.
Complement
Beide Module arbeiten am selben Nerv – Aufmerksamkeit – auf entgegengesetzten Seiten des Tabs. Live Sales Notifications erzeugt Dringlichkeit auf der Seite mit echten Kauf-Popups; Smart Favicon arbeitet weiter, nachdem der Kunde den Tab verlassen hat – mit Warenkorb-Badge und höflich rotierendem Titel.
Aufmerksamkeit scheitert an zwei Stellen: auf der Seite, wo Zögern den Schwung tötet, und außerhalb, wo zwanzig andere Tabs Sie begraben. Dieses Duo deckt beide ab – ganz ohne E-Mail oder Push-Erlaubnis.
Der Kunde sieht, dass andere kaufen, legt in den Warenkorb, driftet zum Vergleichen ab – und der Tab selbst holt ihn zurück: „🛒 Noch am Überlegen?“ mit der Zahl direkt auf dem Icon.
Complement
Smart Favicon bringt den Warenkorb als eingebauten Zähler mit, doch sein Badge ist ein offener Hub: Jede Zahl kann die Blase auf dem Tab-Icon speisen. Gemerkte Wunschlisten-Artikel sind die natürlichste zweite Quelle – ein leises Signal, dass etwas aus Ihrem Shop noch im Kopf des Kunden ist.
Wishlist schafft dieses Merk-Verhalten überhaupt erst: elegante Listen, Gast-Wunschlisten, einfaches Teilen. Jedes gemerkte Produkt ist ein aufgeschobener, kein abgelehnter Kauf – genau die Zahl, die man zeigen sollte.
Über die Badge-Quellen-API verbunden, zeigt das Tab-Icon Warenkorb und Merkliste in einer Zahl – wer drei Produkte geparkt hat, sieht die sanfte Erinnerung genau auf dem Tab, den er offen gelassen hat.
Funktionswünsche werden geladen...
30 Tage Rückgaberecht
Einfache Rückgabe – keine Fragen
Plug & Play Module
Installieren, einrichten und profitieren
Support an erster Stelle
Priorität für Hilfe & Zufriedenheit
Vielleicht gefällt Ihnen auch