Le meilleur module de gestion des images photos pour PrestaShop
Il ne s'agit pas pour cet article de revenir sur les fonctionnalités déjà connues de Sitolog Merlin Backoffice concernant les photos, mais uniquement de présenter 10 nouvelles fonctionnalités essentielles autour de la photographie, qui méritent vraiment d'être connues tant elles vont vous faire gagner du temps.
Avant propos :
Si Merlin Backoffice est nouveau pour vous, ou ne l'avez pas encore utilisé pour télécharger les images, on vous invite à voir ou revoir le tuto N°17 de cette page consacré à l'administration des photos via ce module.
Et si vous êtes nouveau dans le monde de PrestaShop, on vous invite à lire notre livre blanc sur PrestaShop et les photos qui vous dira tout sur a manière dont les photos sont stockés dans PrestaShop, comme elles sont nommées, leur cache, leur taille et résolution et bien d'autres choses...
Sitolog Merlin Backoffice donne de la mémoire photographique à PrestaShop
Vous en avez sans doute déjà fait l'expérience, sans forcément en comprendre la raison, il n'est pas possible avec PrestaShop de remplacer une image par une autre, sans devoir supprimer la première, refaire la légende, la ré-associer aux déclinaisons, aux boutiques etc. Et encore moins envisager de faire des mises à jour en masse de toutes vos photos par des versions plus récentes ou retouchées.
Pourquoi ? : parce que PrestaShop n'a pas été doté de mémoire, il ne se souvient plus des fichiers photos qu'il a utilisés pour créer les images. Il renomme les fichiers et perd la trace de ce qu'il a fait. Donc si vous lui demandez d'associer une photo à un produit, il est incapable de savoir si ce produit possède déjà cette image.
Sitolog s'est penché sur ce problème est lui a donné un cerveau. Toute image envoyée à travers le module Merlin Backoffice est à présent mémorisée et surtout une nouvelle table dans la base de données de PrestaShop mémorise quel fichier a été utilisé pour fabriquer chaque photo.
A quoi ça sert ? Quelques exemples...
Eviter les doublons de photos :
Comme Merlin sait si telle ou telle image a déjà été associée à tel ou tel article, il est capable d'éviter les re-téléchargement et images en doubles.
Les réglages de gestion des doublons sont de ce fait à présent plus nombreux et vont vous permettre une gestion propre est simple pour éviter les fameux problèmes des images s'affichant plusieurs fois dans les pages produits. Et cela fonctionne quelque soit la méthode d'envoi des images, transfert local ou de serveur à serveur :
Remplacement en masse des images:
Le nom du fichier dit "historique" est affichée dans les tables des images des produits et des catégories. Et on peut utiliser les filtres sur cette colonne pour retrouver toutes les photos construitent à partir d'un même fichier, concernant plusieurs produits en même temps.
Comme il est à présent possible de glisser déposer un fichier sur une sélection de lignes, vous pouvez en une seule opération remplacer la même photo sur des milliers d'articles.
D'abord une sélection filtrée dans la nouvelle colonne "Fichier historique" pour automatiquement trouver et sélectionner toutes les images fabriquées à partir de la même photo :
Puis on glisse dessus la nouvelle photo:
Et voila plusieures images similiares, de divers produits, toutes remplacées en même temps :
Des transferts de fichiers plus rapides ou évités :
Comme Merlin conserve une copie, dans un dossier spécial de PrestaShop, des fichiers déjà utilisés (nouveauté : y compris ceux récupérés sur un serveur FTP ou HTTP de votre fournisseur), il n'a plus besoin de les uploader à nouveau quand il doit les associer à un autre produit. Un vrai gain de temps.
On a enfin une vraie solution pour faire de l'association très rapidement d'une même image à des centaines ou milliers de produits, avec un seul transfert.
Merlin va un peu plus loin encore, il propose de comparer la taille et la date des deux fichiers (celui fourni et le fichier "historique"). Ainsi si vous même ou votre fournisseur avez modifié l'image, mais l'avez sauvé sous le même nom, Merlin va le comprendre et saura mettre à jour les images sur votre boutique, sans aucune prise de tête pour vous, car il peut faire ça en masse sur tout le catalogue:
Des images envoyées uniquement vers les produits qui n'en ont pas
Facile en effet pour Merlin, grâce à sa mémoire et de nouvelles options de prposer des traitements différenciés entre les produits qui ont déjà une photo et ceux qui n'en ont pas encore, sans devoir pour cela utilser de filtre.
Mieux qu'un module de SEO : des légendes d'images qui se remplissent toutes seules
Depuis toujours, Merlin savait déjà remplir les balises ALT des photos avec le nom du produit ou du fichier. Pas mal mais pas suffisant.
Certains souhaitaient pouvoir y ajouter le nom de la catégorie ou encore la référence des produits. Les plus "fous" ( :-) ) d'entre vous révaient aussi d'une machine à café qui y ajouterait la couleur de la photo.
Et bien on l'a fait, et même beaucoup plus. Sitolog a inclu dans Merlin un module gratuit de SEO, capable de remplir de manière automatique et intelligente les légendes des images des produits grace à un système de paramétrage comme on en trouve dans les modules de SEO. Jugez plutôt :
Le plus bluffant est le paramètre {attributes} qui est remplacé lors de la génération par la liste des attributs communs à toutes les déclinaisons du produit associées à la photo, par exemple sous la forme "Couleur:bleu Taille:XL" :
Super bonus, cet outil est également fonctionnel pour les images ajoutées via l'outil d'importation de fichiers Excel ou CSV, en même temps que la création ou modification des produits. Plus besoin d'inclure une colonne "Légendes" dans vos fichiers.
Mieux encore (voir ci dessous le numéro 7), il fonctionne également pour les images ajoutées aux déclinaisons depuis le générateur avancé de déclinaisons.
Et pas de soucis si vous aviez déjà patiemment rempli manuellement les légendes de vos images. Celles-çi peuvent être concervées lors du remplacement ou mise à jour des photos, grâce à une nouvelle option dans les réglages,
Gestion compléte des images et miniatures des catégories
Depuis PrestaShop 1.6.x, les catégories peuvent avoir deux photos différentes, la photo principale qui s'affiche dans la page de la catégorie et une seconde plus petite, qui s'utilise principalement dans les listes.
Ces deux types d'image peuvent soit utiliser le même fichier photo soit deux photos différentes.
Merlin Backoffice 1.4 gère à présent ces deux types d'images à tous les niveaux.
Dans la table des images, pour par exemple voir quelles catégories ont ou pas une miniature, les remplacer, ajouter etc. :
A comprendre : l'image de taille "Large" (ou "catégorie") est toujours fabriquée à partir de la photo principale. Les autres tailles "Medium" et "Petite" sont fabriquées à partir de la photo miniature si la catégorie en possède une, et à partir de la photo principale dans le cas contraire.
Dans la l'onglet fiche, ou les deux types sont affichés. Le glisser-déposer est bien sur actif sur les deux imagettes:
Dans l'outil d'ajout de photos, ou l'on peut choisir le format souhaité avant téléchargement :
Charger les images et miniatures par importation Excel ou CSV :
Et oui car à présent Merlin sait aussi importer les photos et miniatures de catégories comme il le faisait déjà pour les produits :
Réglages additionels :
Et si le module trouvait tout seul les photos à associer à chaque déclinaison des produits ?
Certe Merlin le faisait déjà pour les produits. Mais si, vous le savez bien, le principe est de lui demander de fouiller dans les dossiers de votre choix et de comparer les noms des fichiers (ou des sous dossiers) qui s'y trouvent avec les noms des produits, ou leur référence, Id, code barres...
Mais de la à le faire aussi pour les déclinaisons, comme par exemple demander à Merlin de trouver lui même les bonnes photos correspondantes à chaque couleur de déclinaison, c'est d'une autre complexité dans ...
Comment ? si ? vous insistez ? bon ok, on l'a fait aussi :-) :
Comme vous pouvez le constater on en a profité pour revoir les possibilités de filtrage, pour que le module sache faire des rapprochements complexes, comme par exemple d'associer l'image 123_toto_bleu.jpg aux produits de référence 123_toto_beta et 123_toto_final et spécifiquement à leur déclinaisons contenant l'attribut de couleur bleu.
Franchement, cette fonctionnalité combinée avec le remplissage automatique des légendes avec les valeurs d'attibuts, c'est du pur bonheur. Et c'est gratuit pour vous.
Associer des photos aux déclinaisons, dès le moment de leur création avec le générateur ?
Par exemple, dire à Merlin quelles sont les photos bleues, quelles sont les photos rouges, quelles sont les photos du grand modèle, celles du petit... en même temps qu'on lui demande de générer (ou modifier) les déclinaisons de divers produits, en sélectionnant les attributs, bleu, rouge, grande taille et petite taille...
Sitolog vous a écouté et l'a fait. Il vous suffit de glisser déposer les nouvelles images dans les lignes des attributs à associer, lors de l'étape 3 du générateur/modificateur, ou d'y saisir le numéro des images déjà associées au produit:
Merlin va ensuite produire les déclinaisons comme avant, puis en tache de fond (donc sans que vous ayez à attendre), va télécharger les images, les associer aux produits, puis associer spécifiquement les images aux déclinaisons qui possèdent les attributs correspondants. Si par exemple une photo a été associée à l'attribut "bleu", toutes les déclinaisons de couleur bleu seront associées à cette photo.
Tout cela en une seule opération, sans temps d'attente. Jamais vous n'aurez créé vos variantes de produits aussi rapidement.
A noter que ce mécanisme fonctionne aussi sur les déclinaisons déjà créées (utilisation du Générateur en mode "Modificateur"). C'est donc aussi une méthode alternative très interessante pour ajouter rapidement des images à vos produits et les associer de manière totalement automatique aux déclinaisons. Fini le long processus consistant à filtrer les déclinaisons par attributs et de leur associer manuellement les bonnes photos. Encore des journées de travail de gagnées.
Et la encore, cette fonctionnalité est compatible avec le remplissage intelligent des légendes. Elle est désactivable, sait retirer les associations vers les photos actuelles... :
Plus besoin de connexion FTP pour transfèrer des images de votre poste de travail vers PrestaShop
Une grande partie des demandes de support concerne la configuration des paramètres FTP pour pouvoir télécharger des photos vers PrestaShop. Et malgré nos efforts pour vous simplifier cette tâche, cela reste trop technique pour beaucoup.
De plus certains nous ont indiqué que le transfert par HTTP, réalisé depuis le backoffice, était plus rapide chez eux que le protocole FTP.
L'utilisation du FTP a cependant certains avantages, comme par exemple ne pas être limité sur la taille des fichiers comme c'est le cas avec le HTTP (paramètre Apache upload_max_file_size souvent fixé à 2mb).
On a décidé de ne pas choisir à votre place, mais de vous laisser le choix de manière intelligente. Par défaut, Merlin utilise à présent un nouvelle méthode de transfert des images locales, utilisant une connexion HTTP, ne nécessitant aucun réglage (c'est les nouveaux utilisateurs qui seront ravis), souvent plus rapide, et si le transfert échoue, Merlin utilise comme solution de secours un transfert par FTP si vous l'avez configuré :
Supprimer proprement les photos
Avant d'en envoyer des nouvelles vers des produits existants, par importation de listes csv ou Excel, une nouvelle options permet de supprimer les photos qu'ils possèdent déjà :
Cela sera surtout utile pour les anciennes photos ou celles envoyées avec d'autres outils, car pour les photos envoyées avec Merlin 1.4 et plus, vous pouvez aussi faire le choix de laisser Merlin décider lui même quelles photos doivent ou non être renvoyées, grâce à l'historique des envois précédents, expliqué dans le 1er paragraphe de cet article et grâce aux nouvelles options anti doublons.
De plus, lors de la suppression de produits (de toutes les boutiques si vous êtes en multi-boutiques), Merln lance à présent en tâche de fond (donc sans vous ralentir dans votre travail), la suppression des photos de ces produits, aussi bien dans la base que les fichiers physiques. Cette amélioration était une des demandes les plus fréquement formulées.
Des photos zoomables et une ergonomie améliorée
Un simple clic sur n'importe quelle photo, dans les tables ou les fiches, permet de l'afficher dans sa taille originale dans une nouvelle fenêtre, déplacable :
Cela permet de comparer les photos, de mieux les choisir, de les vérifier ou plus simplement de vous aider dans le choix des produits ou catégories à modifier ou supprimer.
Du fait de la présence de cette fonction de zoom photo, on peut se permettre à présent de diminuer la taille des photos dans les tables, afin de pouvoir afficher plus de lignes à la fois.
C'est ce que nous avons fait, nous avons revu et optimisé la taille de toutes les photos, les hauteurs des lignes fixées automatiquement lors du choix d'une taille ou une autre. Nous avons aussi mis en place des fonctions d'agrandissement automatique des photos dans les fiches.
Un détail sans doute, mais qui a son importance, dans la table des images, la colonne affichant les photos a été déplacée en première position pour qu'elle soit toujours visible lors de l'utilsation de l'ascenseur horizontal :
Bref, tout un ensemble de mesures prises pour soit mieux voir les images, soit gagner de la place selon le contexte et le type de travail à réaliser.
Des photos qui changent en boutique selon la langue du client
Dans PrestaShop, les légendes sont multi-langues, mais pas les photos. Que votre client soit francais ou anglais, il verra les mêmes photos des produits. Pour des photos de vétements cela n'est pas génant, mais pour les sites plus techniques, il est souvent interessant d'inclure des textes dans les images. Or il est impossible de les traduire.
Sitolog vous propose une solution à ce problème grâce à Merlin Backoffice. Et pour vous convaincre de l'intérêt de la chose, quoi de mieux qu'un exemple concret. Cliquez que le lien ci dessus pour retourner dans la page de Merlin. Regardez les photos, la plupart sont commentées avec des bulles de texte, en français. A présent changez la langue de la page de Merlin pour l'afficher en anglais et regardez à nouveau les photos : les textes explicatifs (ou marketing selon les cas) sont en anglais. Cool isn'it ?
Comment réaliser cela ? c'est simplissime, dans la table des photos des produits, vous avez une nouvelle colonne intitulée "Page". Elle contient la liste des langues de votre boutique. Pour chaque image vous pouvez laisser la valeur par défaut "Toutes" ou au contraire choisir une langue particulière pour que la photo n'apparaisse que dans la page de la même langue. Et bien sûr les fonctionnalités de copier coller multi-lignes fonctionnent sur cette colonne.
Bon soyons honnète, cela ne suffit pas tout à fait, car PrestaShop, nativement, ne contient pas de rubrique dans sa base pour stocker ce genre d'info, et encore moins de code pour l'utiliser. Donc il faut préalablement modifier un peu la base, pour y ajouter cette rubrique et surtout le code d'affichage des pages produits pour que selon le choix de la langue associée à chaque image, il l'affiche ou pas. Rien de bien compliqué et je vais prochainement rédiger un tuto pour cette modification légère. A suivre donc...
Pouvoir relancer l'envoi des vignettes en échec de transfert
En plus du code de couleur déjà utilisé (vert=réussi, orange=en attente, rouge=échec,bleu=inutile,...) , on a ajouté une colonne "Statut" dans les deux tables d'envoi des images indiquant plus clairement l'état de chaque ligne.
L'intérêt n'est pas juste d'être plus clair, c'est surtout que cela permet de filtrer les lignes selon leur statut, par exemple pour rapidement sélectionner uniquement les lignes en échec et les renvoyer.
De plus si vous exportez le contenu de ces tables vers un fichier xls, pour les recharger plus tard, vous conserverez le statut de chaque ligne :
Conclusion :
Il y a pleins d'autres nouveautés dans cette mise à jour, en particulier autour de la sécurisation des connexions et échanges de données. Mais il y en a aussi pleins d'autres concernant le traitements des photos dont on n'a pas parlé et on vous laisse le plaisir de découvrir toutes ces autres améliorations ergonomiques par vous-même.
La réalisation de cette release a été pour nous un grand moment, car elle nous a permis de mettre en place beaucoup d'idées, concepts et suggestions qui étaient en attente depuis un bon moment.
Nous espérons qu'elle vous procurera autant de satisfaction que nous avons eu de plaisir à la concevoir, la coder et la tester.
Bonnes ventes.
Franck
SITOLOG