FROGGY ADVANCED TOOLBAR POUR PRESTASHOP
Barre d'outils avancée pour PrestaShop

MANUEL D'UTILISATION

Installation et utilisation

Révision 0.2

Introduction

PrestaShop module - Froggy Advanced Toolbar

Froggy Advanced Toolbar est un module facilitant l'administration de votre site e-commerce sous PrestaShop.
Ce module fait le lien entre votre panneau d'administration et votre boutique en faisant apparaître une barre d'administration sur celle-ci.
Cette barre d'outils entièrement sécurisée qui apparaît uniquement si vous êtes connectés à votre panneau d'administration, contient un système de notifications et des raccourcis qui vous feront gagner du temps.
Froggy Advanced Toolbar possède beaucoup plus de fonctionnalités que notre module gratuit Froggy Toolbar

1. Installation du module

1.1 Installation et mise à jour sur PrestaShop 1.4

1.1.1 Installation sur PrestaShop 1.4

Tout d'abord, connectez-vous sur votre panneau d'administration PrestaShop.

Une fois connecté, allez dans la section “Modules”.

Vous devriez avoir reçu un fichier nommé “froggytoolbarv2.zip”. Vous allez devoir le télécharger dans cette section. Pour y parvenir, cliquez sur le bouton “Ajouter un module depuis mon ordinateur”.

Une nouvelle section devrait être apparu, cliquez sur le bouton “parcourir”.

Puis sélectionnez le fichier “froggytoolbarv2.zip” et cliquez sur “ouvrir”.

Enfin, cliquez sur le bouton “Télécharger ce module”.

Un message de confirmation de téléchargement devrait apparaître.

Cliquez sur “Fonctionnalités du Front Office” et cherchez le module “Froggy Advanced Toolbar” ou utilisez le filtre de recherche en tapant à l'intérieur “Froggy Advanced Toolbar”, puis cliquez sur le bouton “Installer”.

Une fois que vous aurez cliqué sur le bouton d'installation, un message de confirmation “Module installé avec succès” devrait apparaître. Vous pouvez à présent cliquer sur le bouton “Configurer”.

1.1.2 Mise à jour sur PrestaShop 1.4

Pour mettre à jour votre module, vous devez just charger le fichier zip de la nouvelle version du module.

Pour cela, vous devez tout d'abord télécharger la dernière version du module sur notre site internet froggy-commerce.com

Alors, tout comme pour l'installation, connectez-vous sur votre panneau d'administration PrestaShop.

Une fois connecté, allez dans la section “Modules”.

Vous devriez avoir à présent la mise à jour du module “froggytoolbarv2.zip”. Vous allez devoir le charger dans cette section. Pour y parvenir, cliquez sur le bouton “Ajouter un module depuis mon ordinateur”.

Une nouvelle section devrait être apparu, cliquez sur le bouton “parcourir”.

Puis sélectionnez le fichier “froggytoolbarv2.zip” et cliquez sur “ouvrir”.

Enfin, cliquez sur le bouton “Télécharger ce module”.

Un message de confirmation de téléchargement devrait apparaître.

Votre module a été mis à jour !

1.2 Installation et mise à jour sur PrestaShop 1.5

1.2.1 Installation sur PrestaShop 1.5

Tout d'abord, connectez-vous sur votre panneau d'administration PrestaShop.

Une fois connecté, allez dans la section “Modules”.

Vous devriez avoir reçu un fichier nommé “froggytoolbarv2.zip”. Vous allez devoir le télécharger dans cette section. Pour y parvenir, cliquez sur le bouton “Ajouter un module depuis mon ordinateur”.

Une nouvelle section devrait être apparu, cliquez sur le bouton “parcourir”.

Puis sélectionnez le fichier “froggytoolbarv2.zip” et cliquez sur “ouvrir”.

Enfin, cliquez sur le bouton “Télécharger ce module”.

Votre navigateur devrait défiler automatiquement jusqu'au nouveau module ajouté, et vous devriez le voir en haut de votre écran. Maintenant vous pouvez cliquer sur le bouton “Installer”.

Une fois que vous aurez clique sur le bouton d'installation, un message de confirmation “Module installé avec succès” devrait apparaître. Vous pouvez à présent cliquer sur le bouton “Configurer” (sur certaines versions de PrestaShop, vous serez redirigé automatiquement vers la page de configuration après installation du module).

1.2.2 Mise à jour sur PrestaShop 1.5

Pour mettre à jour votre module, vous devez just charger le fichier zip de la nouvelle version du module.

Pour cela, vous devez tout d'abord télécharger la dernière version du module sur notre site internet froggy-commerce.com

Alors, tout comme pour l'installation, connectez-vous sur votre panneau d'administration PrestaShop.

Une fois connecté, allez dans la section “Modules”.

Vous devriez avoir à présent la mise à jour du module “froggytoolbarv2.zip”. Vous allez devoir le charger dans cette section. Pour y parvenir, cliquez sur le bouton “Ajouter un module depuis mon ordinateur”.

Une nouvelle section devrait être apparu, cliquez sur le bouton “parcourir”.

Puis sélectionnez le fichier “froggytoolbarv2.zip” et cliquez sur “ouvrir”.

Enfin, cliquez sur le bouton “Télécharger ce module”.

Votre navigateur devrait défiler automatiquement jusqu'au nouveau module ajouté, et vous devriez le voir en haut de votre écran. Vous NE DEVEZ PAS désinstaller / réinstaller votre module.

Votre module a été mis à jour !

1.3 Installation et mise à jour sur PrestaShop 1.6

1.3.1 Installation sur PrestaShop 1.6

Tout d'abord, connectez-vous sur votre panneau d'administration PrestaShop.

Une fois connecté, allez dans la section “Modules”.

Vous devriez avoir reçu un fichier nommé “froggytoolbarv2.zip”. Vous allez devoir le télécharger dans cette section. Pour y parvenir, cliquez sur le bouton “Ajouter un module depuis mon ordinateur”.

Une nouvelle section devrait être apparu, cliquez sur le bouton “parcourir”.

Puis sélectionnez le fichier “froggytoolbarv2.zip” et cliquez sur “ouvrir”.

Enfin, cliquez sur le bouton “Télécharger ce module”.

Un message de confirmation doit apparaître.

Enfin, écrivez "Froggy" dans le champs de recherche des modules, tous les modules Froggy vont s'afficher. Cliquez alors sur le bouton "installer" du module que vous venez de télécharger. Vous serez automatiquement redirigé vers la page de configuration du module.

1.3.2 Mise à jour sur PrestaShop 1.6

Pour mettre à jour votre module, vous devez just charger le fichier zip de la nouvelle version du module.

Pour cela, vous devez tout d'abord télécharger la dernière version du module sur notre site internet froggy-commerce.com

Alors, tout comme pour l'installation, connectez-vous sur votre panneau d'administration PrestaShop.

Une fois connecté, allez dans la section “Modules”.

Vous devriez avoir à présent la mise à jour du module “froggytoolbarv2.zip”. Vous allez devoir le charger dans cette section. Pour y parvenir, cliquez sur le bouton “Ajouter un module depuis mon ordinateur”.

Une nouvelle section devrait être apparu, cliquez sur le bouton “parcourir”.

Puis sélectionnez le fichier “froggytoolbarv2.zip” et cliquez sur “ouvrir”.

Enfin, cliquez sur le bouton “Télécharger ce module”.

Un message de confirmation doit apparaître.

Votre module a été mis à jour !

2. Configuration du module

Voici ce que vous devriez avoir sur la page de configuration du module:

2.1 Configuration générale

Dans la première section, vous avez la possibilité de configurer deux options.

1) “Ouverture de lien” est une option avec deux valeurs possibles “Dans la meme page” and “Dans une nouvelle page”

Si vous choisissez “Dans la même page”, tous les liens de la barre d'outils s'ouvriront dans la meme page (fonctionnement classique des liens).
Si vous choisissez “Dans une nouvelle page”, tous les liens de la barre d'outils s'ouvriront dans un nouvel onglet de votre navigateur.

2) “Rafraichissement des notifications” est une option pour configure le nombre de seconds entre chaque rafraichissement des notifications (lorsque vous ne rafraichissez pas la page vous même).

2.2 Liens personnalisables

Dans la seconde section, vous pouvez configurer des liens personnalisables (raccourcis) qui apparaitront sur la barre d'outils sur votre front office.

Les liens sont définis par employé. Seul l'employé ayant créé le lien aura le lien sur sa barre d'outils.

3. Utilisation du module

Sur votre site, la barre d'outils devrait apparaître en haut de votre site.
Ne vous inquiétez pas, seules les personnes étant authentifiées dans le panneau d'administration pourront la voir.
Une fois que vous vous déconnecterez du panneau d'administration, la barre d'outils disparaitra.

La première icône de la barre d'outils est le menu “Froggy”, elle contient trois liens: le site Froggy Commerce, le site PrestaShop Addons et le forum PrestaShop.

Le second menu sur la gauche contient les raccourcis des sections que vous utiliserez le plus dans votre panneau d'administration: “Commandes”, “Produits”, “Catégories” et “Modules”.

Le troisième menu de gauche contient les raccourcis pour ajouter un nouveau produit, une nouvelle catégorie ou une nouvelle page CMS.

Le quatrième menu sur la gauche contient les raccourcis vers les configurations des modules présents dans la page (exemple: le lien vers la configuration du module "slider page d'accueil" n'apparaitra dans la liste uniquement lorsque vous êtes sur la page d'accueil).

Le cinquième menu est un bouton qui permet d'activer le module debug.
Le mode debug fait quatre actions :
- Il met en avant les zones d'affichage de chaque module
- Il affiche le nom du module ainsi que le chemin du template utilisé (cela fonctionne même avec les templates overridés)
- Il affiche les raccourcis vers la page de configuration (si il y en a une) et la page de traduction de chaque module
- Il fait apparaître un panneau qui affiche le formulaire de configuration du mode debug ainsi que des informations importantes (telles que le nombre de modules actifs sur la page, l'ID produit de la page sur laquelle vous vous trouvez, etc...)

Le sixième menu est un raccourci vers la page de traduction du thème actif.

Le septième menu contient les liens personnalisables (ou raccourcis) que chaque employé peut définir dans la configuration du module (voir la section de la documentation à propos de la configuration).

Comme vous pouvez le voir, il y a un champs de recherche et trois icônes sur la droite. Le champs de recherche est un raccourci qui permet d'effectuer une recherche sur le back office. Ce sont des notifications qui représentent respectivement les nouvelles commandes, les nouveaux clients et les nouveaux messages clients.

Si il n'y a pas un nombre à côté de l'icone de notification, cela signifie qu'il n'y a rien de nouveau.
Si il y a un nombre à côté de l'icone de notification, cela signifie qu'il y a quelque chose de nouveau.

Au survol, vous verrez la liste détaillée des notifications.
Les notifications disparaitront dès que vous cliquerez sur un lien “Plus d'infos” ou “Voir tout”



Le dernier menu contient les les raccourcis du tableau de bord, de votre profil employé et de l'action de déconnexion du panneau d'administration.

Quand vous serez sur une page catégorie, une page produit ou une page CMS, un bouton “Modifier” apparaitra. Ce bouton est un raccourci vers la section du panneau d'administration permettant la modification de cette page.

Notice

Attention, si vous utilisez un module de cache, il se peut que notre module ne fonctionne pas correctement.