Créez votre site e-commerce avec Prestashop - Partie 4 - Adaptation

PARTIE 4 - INSTALLEZ ET CONFIGUREZ UN MODULE

Bien qu'il dispose de nombreuses fonctionnalités de base, le CMS Prestashop permet d'ajouter des fonctionnalités supplémentaires via l'ajout de modules. Vous allez découvrir ici comment procéder et vous allez voir que l'installation d'un module sur Prestashop est très facile !

Nous allons installer le module Produits dans la même catégorie qui est un module natif de Prestashop. Il permet d'ajouter au bas de chaque fiche produit une liste de produits appartenant à la même catégorie que celui en cours de consultation. Ce module est fourni avec Prestashop mais pour que cette démonstration soit complète, nous allons partir d'une archive ZIP.

Il existe deux possibilités pour installer un module : l'installation automatique et l'installation manuelle.

Installation automatique

L'installation automatique d'un module se déroule entièrement depuis le back-office. Rendez-vous donc dans votre back-office puis allez dans la section Modules >> Gestionnaire de modules. En haut de la page, cliquez sur le bouton Installer un module :

Cliquez sur le bouton "Installer un module" en haut de la page

Une fenêtre popup s'affiche alors vous permettant de charger l'archive ZIP du module :

La fenêtre popup qui s'affiche vous permet de charger l'archive ZIP du module

Les modules acquis en dehors du catalogue de modules de votre back-office sont fournis sous forme d'une archive ZIP. Avec l'installation automatique, vous devez charger directement cette archive sans la dézipper.

Cliquez sur le lien sélectionner un fichier et sélectionnez l'archive ZIP du module qui se trouve sur votre ordinateur. Prestashop va alors procéder au chargement et à l'installation du module et vous afficher un message de confirmation une fois l'installation terminée :

Un message de confirmation est affiché lorsque l'installation est terminée

Et voilà, c'est terminé ! Si vous actualisez votre liste de modules dans la section Modules >> Gestionnaire de modules, vous pouvez constater que le module est bien installé :

Le module est bien installé sur votre boutique

Vous pouvez désormais le configurer, le réinitialiser, le désactiver, le désinstaller, etc...

Si vous voulez supprimer un module, il faut d'abord le désinstaller car cela permet d'effectuer certaines opérations (comme par exemple l'effacement des tables du module dans la base de données) qui ne sont pas effectuées avec une suppression seule.

Et du côté du front-office, le module apparaît bien en bas de chaque fiche produit :

Le module apparaît bien sur le front-office dans les fiches produits

Les captures de cette partie ont été réalisées avec Prestashop 1.7. La procédure reste la même dans les versions plus récentes, même si l'apparence du back-office peut légèrement évoluer.

Une précaution importante : installez uniquement des modules provenant de sources fiables, comme la place de marché officielle Prestashop Addons ou des développeurs reconnus. Un module a accès à l'ensemble de votre boutique, évitez donc de récupérer des modules douteux à droite ou à gauche.

C'est tout pour l'installation automatique ! Le module est bien installé sur votre boutique et il apparaît bien là où il doit apparaître sur votre front-office. Vous n'avez plus qu'à en profiter !

La procédure d'installation est la même pour tous les modules Prestashop. Vous pouvez donc essayer de votre côté avec n'importe quel module, cela fonctionnera de la même façon !

Installation manuelle

La principale différence avec l'installation automatique réside dans le chargement du module sur la boutique qui ne se fait alors pas depuis le back-office mais depuis le client FTP, c'est-à-dire que le module doit être directement transféré sur le serveur.

Commencez par dézipper l'archive ZIP du module. Vous allez obtenir un dossier portant le nom du module et contenant ce dernier. Placez ce dossier où vous le souhaitez sur votre ordinateur. Ouvrez ensuite votre client FTP et connectez-vous à votre serveur. Vous allez alors transférer le dossier du module dans le dossier modules de votre boutique.

Il ne vous reste ensuite qu'à vous rendre dans la section Modules >> Gestionnaire de modules de votre back-office, à rechercher le module que vous venez de charger sur votre boutique et à cliquer sur le bouton Installer.

Configuration du module

Maintenant que votre module est installé, vous allez probablement devoir le configurer. Pour accéder à la configuration du module, retournez dans votre liste de modules et cliquez sur le bouton Configurer en face du nom du module :

Le module est bien installé, vous pouvez maintenant le configurer

Certains modules ne sont pas configurables car ils n'ont tout simplement pas besoin de configuration particulière. Dans ce cas le bouton de configuration n'apparaît pas et vous n'avez rien de plus à faire.

Nous n'allons pas entrer dans davantage de détails car chaque module propose ses propres options de configuration. Vous devrez ainsi pour chaque module que vous installerez vous reporter à sa documentation pour obtenir plus d'informations sur sa configuration. Nous allons en revanche parler un peu du positionnement car c'est une notion commune à la grande majorité des modules.

Gérer la position d'un module sur un hook

Chaque module est conçu pour venir se greffer sur des hooks précis, nous l'avons évoqué dans la première partie de ce tutoriel. Vous pouvez accéder depuis votre back-office à la liste de tous les hooks de votre boutique et voir les modules qui sont greffés sur chaque hook.

Rendez-vous dans la section Apparence >> Positions de votre back-office :

Cette section affiche les positions de vos modules

Vous pouvez ici retrouver tous les hooks disponibles dans votre boutique mais également voir pour chaque hook quels sont les modules qui sont greffés dessus et dans quel ordre ils sont placés. Voyons donc le hook sur lequel est greffé le module que nous venons d'installer :

Ce hook correspond au footer des fiches produits sur le front-office

En haut à gauche nous avons le nom du hook displayFooterProduct accompagné d'une brève description. En haut à droite figure le nombre de modules greffés sur le hook. Nous voyons ensuite la liste ordonnée de tous les modules greffés sur le hook. Celui que nous venons d'installer est placé en dernière position. En effet, les nouveaux modules greffés se placent par défaut après les autres modules déjà greffés.

Vous pouvez modifier la position du module en cliquant sur les flèches présentes à sa gauche. Il est également possible de déplacer le module par glisser-déposer. Pour cela, faites un clic gauche avec votre souris sur l'encadré du module et déplacez-le tout en maintenant le bouton gauche de la souris enfoncé. Une fois le module positionné à l'endroit voulu, relâchez le bouton de votre souris.

Greffer un module sur un hook

Un module se greffe automatiquement sur les hooks adéquats lors de son installation. Toutefois, il peut arriver que l'installation ne se soit pas passée correctement ou que le module se greffe bien sur certains hooks lors de son installation mais offre également la possibilité d'être greffé à d'autres hooks une fois installé. Je vais donc vous expliquer comment faire pour greffer un module sur un hook manuellement.

Rendez-vous dans la section Apparence >> Positions de votre back-office puis cliquez sur le bouton Greffer un module qui se trouve en haut de la page. Vous serez alors redirigé sur la page permettant la greffe de modules sur les hooks de la boutique :

Greffe d'un module sur un hook depuis le back-office

Il suffit de sélectionner le module à greffer et le hook sur lequel le greffer puis de cliquer sur le bouton Enregistrer en bas de la page.

Les exceptions correspondent aux pages sur lesquelles le hook ne doit pas afficher le module. Par exemple si vous greffez un module sur la colonne de gauche et que vous ajoutez index dans les exceptions, alors le module ne sera pas affiché dans la colonne de gauche si l'on se trouve sur la page d'accueil de la boutique.

Un module ne peut pas être greffé sur n'importe quel hook ! En effet, pour qu'un module puisse être greffé et fonctionne correctement sur un hook, il doit avoir été conçu pour. Dans certaines versions de Prestashop, lorsque vous sélectionnez le module à greffer, le champ permettant de sélectionner le hook est automatiquement mis à jour avec les hooks qui sont effectivement disponibles pour ce module.

Si l'affichage d'un module vous paraît bizarre ou que son fonctionnement semble perturbé, cela vient certainement du fait que le module devrait être greffé à des hooks précis mais que cela n'est pas le cas. Pensez donc à vérifier de ce côté !

Dégreffer un module d'un hook

Pour dégreffer un module d'un hook, rendez-vous dans la section Apparence >> Positions de votre back-office, cochez la case du module dans le hook concerné puis cliquez sur le bouton Dégreffer la sélection. Selon la version de Prestashop, vous pouvez aussi passer par le menu déroulant affiché en face du nom du module :

Dégreffer un module d'un hook

Il suffit ensuite de cliquer sur Dégreffer et le tour est joué !

Le fait de dégreffer un module d'un hook ne désinstalle pas le module en question.

Vous pouvez également cliquer sur le bouton ou l'icône Modifier en face du nom du module pour changer son emplacement. Vous serez en effet redirigé sur la page de greffe du module et vous pourrez alors sélectionner un autre hook.