FROGGY ADVANCED TOOLBAR FOR PRESTASHOP
Advanced Toolbar for PrestaShop

USER MANUAL

Installation and usage

Revision 0.2

Introduction

PrestaShop module - Froggy Advanced Toolbar

Froggy Advanced Toolbar is a module which make easier the management of your PrestaShop website.
This module creates a link between your administration panel and your front office by making appear a toolbar on your shop.
This fully secure toolbar that only appears if you are connected to your admin panel, contains notifications and action shortcuts that will make you save time.
Froggy Advanced Toolbar has many more features than our free module Froggy Toolbar

1. Module Installation

1.1 Installation and update on PrestaShop 1.4

1.1.1 Installation on PrestaShop 1.4

First, connect to your PrestaShop Back Office.

Once connected, go to the “Modules” section.

We provided you a file named “froggytoolbarv2.zip”. You will have to upload it in your module section. To do so, click on the “Add a new module” button.

A new tab should have appeared, click on the “browse” button.

Then select the file “froggytoolbarv2.zip” and click on “open”.

And finally, click on the button “Upload this module”.

A confirmation message “Module downloaded successfully” should appear.

Click on the “Front Office Features” and search for the module “Froggy Advanced Toolbar” or use the search filter by typing “Froggy Advanced Toolbar” in it, then click on the “Install” button.

Once you will have clicked on the “Install” button, a confirmation message “Module Installed successfully” should appear. You can now click on the “configure” button.

1.1.2 Update on PrestaShop 1.4

To update your module, you just have to upload the zip file of the new version of the module.

So, first of all, download the last version of the module on our website froggy-commerce.com

Then, as for installation, connect to your PrestaShop Back Office.

Once connected, go to the “Modules” section.

You should have downloaded the updated file named “froggytoolbarv2.zip”. You will have to upload it in your module section. To do so, click on the “Add a new module” button.

A new tab should have appeared, click on the “browse” button.

Then select the file “froggytoolbarv2.zip” and click on “open”.

And finally, click on the button “Upload this module”.

A confirmation message “Module downloaded successfully” should appear.

Your module has been updated!

1.2 Installation and update on PrestaShop 1.5

1.2.1 Installation on PrestaShop 1.5

First, connect to your PrestaShop Back Office.

Once connected, go to the “Modules” section.

We provided you a file named “froggytoolbarv2.zip”. You will have to upload it in your module section. To do so, click on the “Add a new module” button.

A new tab should have appeared, click on the “browse” button.

Then select the file “froggytoolbarv2.zip” and click on “open”.

And finally, click on the button “Upload this module”.

Your browser should scroll automatically to the new module added, and you should see it at the top of your screen. Now, you can click on the “Install” button.

Once you will have clicked on the “Install” button, a confirmation message “Module Installed successfully” should appear. You can now click on the “configure” button (on some versions of PrestaShop you will be directly redirected to the module configuration just after installation).

1.2.2 Update on PrestaShop 1.5

To update your module, you just have to upload the zip file of the new version of the module.

So, first of all, download the last version of the module on our website froggy-commerce.com

Then, as for installation, connect to your PrestaShop Back Office.

Once connected, go to the “Modules” section.

You should have downloaded the updated file named “froggytoolbarv2.zip”. You will have to upload it in your module section. To do so, click on the “Add a new module” button.

A new tab should have appeared, click on the “browse” button.

Then select the file “froggytoolbarv2.zip” and click on “open”.

And finally, click on the button “Upload this module”.

Your browser should scroll automatically to the new module added, and you should see it at the top of your screen. You DO NOT uninstall / reinstall your module.

Your module has been updated!

1.3 Installation and update on PrestaShop 1.6

1.3.1 Installation on PrestaShop 1.6

First, connect to your PrestaShop Back Office.

Once connected, go to the “Modules” section.

We provided you a file named “froggytoolbarv2.zip”. You will have to upload it in your module section. To do so, click on the “Add a new module” button.

A new tab should have appeared, click on the “browse” button.

Then select the file “froggytoolbarv2.zip” and click on “open”.

And finally, click on the button “Upload this module”.

A confirmation message will appear.

At last, write "Froggy" in the search field, all Froggy modules will appear. Then click on the "install" button of the module you just uploaded. You will be automatically redirected to the module configuration page.

1.3.2 Update on PrestaShop 1.6

To update your module, you just have to upload the zip file of the new version of the module.

So, first of all, download the last version of the module on our website froggy-commerce.com

Then, as for installation, connect to your PrestaShop Back Office.

Once connected, go to the “Modules” section.

You should have downloaded the updated file named “froggytoolbarv2.zip”. You will have to upload it in your module section. To do so, click on the “Add a new module” button.

A new tab should have appeared, click on the “browse” button.

Then select the file “froggytoolbarv2.zip” and click on “open”.

And finally, click on the button “Upload this module”.

A confirmation message will appear.

Your module has been updated!

2. Module configuration

Once you clicked on the “configure” button, you should see this screen:

2.1 General configuration

On the first section, you can configure two different options.

1) “Open link” is an option with two different values “In the same page” and “In a new page”

If you choose “In the same page”, all the links will be opened in the same page (as usual).
If you choose “In a new page”, all the links of the toolbar will be opened in a new tab of your browser.

2) “Notifications refresh” is an option to configure the numbers of seconds between each refresh of the notifications (when you don’t refresh the page).

2.2 Custom links

On the second section, you can configure custom links (shortcuts) that will appear on the toolbar of your front office.

The links are defined by employee. Only the employee who created the link will have the link on its toolbar.

3. Module usage

On your front office, the toolbar should have appeared at the top of your website.
Do not worry, only the people authenticated in the Back Office can see it.
Once you will be logged out, the toolbar will disappear.

The first icon of the toolbar is the Froggy Menu, it contains two links: PrestaShop Addons website and PrestaShop forum.

The second menu on the left contains the shortcuts to the section you will use the most in your back office: “Orders”, “Products”, “Categories” and “Modules”.

The third menu on the left contains the shortcuts to add new product, new category and new CMS page.

The fourth menu on the left contains the shortcuts to the module configuration pages of the active modules of the current page (eg: the "home slider" module configuration link will only appear in the list when you are on the homepage).

The fifth menu is a button that permit to enable the debug mode.
The debug mode does four things:
- It highlights the display of each module
- It displays the name of the module and the path of the template used (works even with overrided templates)
- It displays shortcuts to the configuration (when there is any) and translations administration page of each module
- It makes appear a panel which display the debug mode configuration form and information data (such as the number of actives modules, the product ID of the page you are on, and so on)

The sixth menu is a shortcut to the translations administration of the active theme.

The seventh menu contains the custom links (or shortcuts) that each employee can define in the module configuration (see the documentation section about the configuration).

As you can see, there are a search field and three icons on the right. The search field is shortcut to perform a search on the back office. The three icons are the notifications that represent respectively the new orders, the new customers and the new customers messages.

If the icon has no notification number, it means there is nothing new.
If the icon has a notification number, it means there is something new.

On the hover, you will see the detailed list.
The notifications will disappear once you will click on a “More info” link or a “See all” link.



The last menu contains the shortcuts to the Back Office dashboard, your employee profile section and the log out action.

When you will be on a category page, a product page or a CMS page, a “Edit” button will appear. This button is a shortcut to the modification form of the current page in your Back Office.

Disclaimer

Beware, if you are using a cache module, the module might not work properly.