Module BCFavicon

Récemment, nous avons eu un client dont le site n'avait pas de favicon correct sur mobile — pas d'icône pour « Ajouter à l'écran d'accueil », pas d'icône cohérente d'un navigateur à l'autre, juste l'icône d'onglet vierge par défaut partout.

PrestaShop ne gère pas très bien les favicons dès le départ, et plus vous souhaitez couvrir d'appareils et de navigateurs correctement, plus vous devez produire et téléverser vous-même de tailles d'icônes différentes.

Par exemple, pour obtenir un favicon qui fonctionne partout, voici ce qu'il faut faire :
Ouvrir un logiciel de retouche d'image, redimensionner votre logo en 16x16px, l'enregistrer, le redimensionner à nouveau en 32x32px, l'enregistrer, puis le redimensionner en 44x44px, ensuite en 180x180px pour les appareils Apple, puis en 192x192px et 512x512px pour Android/PWA — enregistrer chaque fichier séparément, puis téléverser chacun d'eux au bon endroit dans votre thème.

Il faut répéter ce processus de redimensionnement et de téléversement à chaque fois que vous souhaitez mettre à jour votre logo.

Parce que la création d'un favicon couvrant toutes les tailles requises par les différents navigateurs et appareils nécessite normalement de redimensionner l'image manuellement, taille par taille, dans un logiciel de retouche d'image, puis de téléverser chaque fichier séparément dans le thème — ce qui prend beaucoup de temps.

• Le problème de devoir redimensionner l'image manuellement en plusieurs tailles.
• Le problème des anciens fichiers de favicon perdus ou corrompus lors du remplacement de l'image.
• Le problème du site qui ne prend pas correctement en charge la fonction « Ajouter à l'écran d'accueil » sur mobile.

1. L'administrateur téléverse l'image source via la page de configuration dans le back-office.
2. Le module vérifie/convertit le fichier en PNG, puis le redimensionne pour créer les fichiers selon les tailles prédéfinies.
3. Avant d'écraser les anciens fichiers, le système en copie une sauvegarde dans un dossier dédié, permettant une restauration ultérieure.
4. Il crée/met à jour le fichier manifest.json à partir des valeurs configurées (nom de l'application, nom court, couleur du thème, couleur de fond, mode d'affichage).