What are the responsibilities and job description for the Smart Favicon position at mypresta.rocks?
A shopper who opens four shops at once comes back to a row of identical grey tabs, and the one holding their cart is a guess. Smart Favicon gives that tab a light and a dark icon, the cart count drawn on the icon itself and a title that greets a returning visitor by name.
A large share of your visitors browse in dark mode, where a dark logo on a dark tab strip simply disappears. Smart Favicon lets you upload a light-scheme and a dark-scheme icon and serves the right one automatically – declaratively in the page head, plus a JavaScript fallback that swaps the icon live the moment the visitor’s system switches theme.
Upload only one icon and the other scheme gracefully keeps your shop’s native favicon; upload none and nothing is touched at all. ICO, PNG, SVG and WebP are supported, with live previews in the back office – and from a PNG or WebP upload the module also generates the complete sized icon set, web manifest and multi-size favicon.ico that search engines and app icons ask for.
Your cart count, visible on the tab itself
The moment a product lands in the cart, a colored bubble with the count is drawn onto the favicon – corner, background and text color are configurable, large counts collapse to “9 ”, and the bubble vanishes when the cart empties. Because it reacts to PrestaShop’s own cart events, it stays correct through every AJAX add, remove and quantity change, without a page reload.
Shoppers compare, open tabs, and wander. A small number on your tab is the anchor that pulls them back – the same pattern that makes web apps feel alive, now working for your store alongside the other free PrestaShop modules in your toolkit.
Nudges that bring shoppers back – politely
When the tab loses focus and the cart is not empty, the tab title starts rotating through your own messages – “🛒 Still thinking it over?”, “Your items are waiting” – in the visitor’s language, at the pace you choose. The instant the visitor returns, the exact original title is restored, to the character. You can also prefix the title with the live count, like “(2) Your Shop”.
Everything is deliberately conservative: the server-rendered title element that search engines index is never modified, nothing changes during page load, and known bots and crawlers are excluded – the nudges exist only in a real visitor’s browser.
One clean settings page, an API for everything else
Both icons upload with instant previews on a single settings page: badge corner and colors, the count cap, the title format, your nudge messages per language and the rotation interval. Every count source has its own toggle – turn the cart off, keep the rest. The back office gets its own favicon too, and one switch publishes the generated favicon.ico to your shop root with a clean backup-and-restore.
For developers, the badge is a hub: register any counter with one line of JavaScript, or expose it through the actionRegisterFaviconBadge hook so it appears in the back office with its own toggle – wishlist items, unread support replies, stock alerts. Sum all sources or promote a single priority one, and pair it with the other free conversion boosters to keep momentum in the cart.
- Light & dark favicon. Upload one icon per scheme; the right one is served declaratively via media queries, with a JavaScript fallback for browsers that ignore them, and switches live when the visitor’s system theme changes.
- Live cart badge. The cart count is drawn onto the favicon on a crisp 64px canvas – corner, bubble color and text color are yours; counts above your cap collapse to “9 ”, the bubble disappears at zero, and PrestaShop’s cart events keep it correct through every AJAX add or remove, no reload.
- Tab attention nudges. When the tab loses focus with items in the cart, the title rotates through your own messages – per language, at your interval – restores the exact original title on return, and an optional “(2) Your Shop” count prefix works while browsing too.
- Search-engine-ready icon set. One PNG upload becomes 16/32/48 px link icons, a 180 px Apple touch icon, 192/512 px web-app icons, a web manifest and a multi-size favicon.ico – with an optional switch that writes it to the shop root, the very file Bing, DuckDuckGo, Yahoo and Google’s result-icon fetchers read (the original is backed up and restored on disable).
- Back-office favicon. Give the admin its own tab icon – a dedicated upload or your light icon – so a merchant with several back offices open can finally tell them apart.
- Pluggable count sources. A one-line JavaScript API plus the actionRegisterFaviconBadge PHP hook let any module feed the badge – sum every source or promote one priority source, each with its own toggle.
- SEO-safe by design. The server-rendered title and favicon markup are never touched; every change is JavaScript-only after load, fully reverted on focus, and skipped for bots and crawlers.
- Light and universal. Dependency-free vanilla JavaScript, non-render-blocking, theme-agnostic – PrestaShop 1.6 to 9, PHP 7.1 , and completely free.
A large share of your visitors browse in dark mode, where a dark logo on a dark tab strip simply disappears. Smart Favicon lets you upload a light-scheme and a dark-scheme icon and serves the right one automatically – declaratively in the page head, plus a JavaScript fallback that swaps the icon live the moment the visitor’s system switches theme.
Upload only one icon and the other scheme gracefully keeps your shop’s native favicon; upload none and nothing is touched at all. ICO, PNG, SVG and WebP are supported, with live previews in the back office – and from a PNG or WebP upload the module also generates the complete sized icon set, web manifest and multi-size favicon.ico that search engines and app icons ask for.
Your cart count, visible on the tab itself
The moment a product lands in the cart, a colored bubble with the count is drawn onto the favicon – corner, background and text color are configurable, large counts collapse to “9 ”, and the bubble vanishes when the cart empties. Because it reacts to PrestaShop’s own cart events, it stays correct through every AJAX add, remove and quantity change, without a page reload.
Shoppers compare, open tabs, and wander. A small number on your tab is the anchor that pulls them back – the same pattern that makes web apps feel alive, now working for your store alongside the other free PrestaShop modules in your toolkit.
Nudges that bring shoppers back – politely
When the tab loses focus and the cart is not empty, the tab title starts rotating through your own messages – “🛒 Still thinking it over?”, “Your items are waiting” – in the visitor’s language, at the pace you choose. The instant the visitor returns, the exact original title is restored, to the character. You can also prefix the title with the live count, like “(2) Your Shop”.
Everything is deliberately conservative: the server-rendered title element that search engines index is never modified, nothing changes during page load, and known bots and crawlers are excluded – the nudges exist only in a real visitor’s browser.
One clean settings page, an API for everything else
Both icons upload with instant previews on a single settings page: badge corner and colors, the count cap, the title format, your nudge messages per language and the rotation interval. Every count source has its own toggle – turn the cart off, keep the rest. The back office gets its own favicon too, and one switch publishes the generated favicon.ico to your shop root with a clean backup-and-restore.
For developers, the badge is a hub: register any counter with one line of JavaScript, or expose it through the actionRegisterFaviconBadge hook so it appears in the back office with its own toggle – wishlist items, unread support replies, stock alerts. Sum all sources or promote a single priority one, and pair it with the other free conversion boosters to keep momentum in the cart.