Advanced Cookie Banner

Presentation

Advanced Cookie Banner allows you to automatically display a banner informing your customers about the cookie’s usage on your shop, according to the European Law, while preventing some modules from execution until your customer has accepted the terms.

General Points and Operating Principles

First and foremost, our module is using the new Google rules regarding the cookie banners on mobile, allowing you to not be penalized in terms of your SEO. You can find more informations about these rules here : https://webmasters.googleblog.com/2016/08/helping-users-easily-access-content-on.html
Our module doesn’t use any override to prevent the selected modules from execution.
Furthermore, it is shipped with a default banner text for each language of the European Union. Plus, you can find examples of explicatives pages for each language, usable as CMS pages, here : http://ec.europa.eu/ipg/docs/cookie-notice-template.zip
Finally, our Simulation Mode only displays your banner systematically to the ip addresses defined in the Maintenance tab of your back-office, so you don’t bother your customers while customizing your banner.

Installation

To install Advanced Cookie Banner, see our tutorial on how to install a module here

Configuration

Simulation Mode

Enable Simulation Mode ?

simulation-mode
This option allows you to enable Simulation Mode. Once enabled, your banner will only be displayed systematically to the ip addresses defined in the Maintenance tab of your back-office, so you can customize it.
Once your configuration is completed, you can disable this option so your banner to regain its default behaviour.

In Simulation Mode, the selected modules in the blocked modules list will still be blocked, like if you were a customer that didn’t accepted the terms yet

Maintenance IPs

maintenance-ips
This option allows you to edit, directly into the module configuration, the maintenance IPs of your shop.
These IPs will see the banner when simulation mode is enabled.

Banner Settings

Accept cookies through navigation

navigation-mode
This option allows you to get user’s consent through its navigation.
When enabled, if your customer pursue its navigation on your shop, cookies creation will be allowed.
When disabled, a button will be displayed, allowing your customer to give its consent.

Banner Position

banner-position
This option allows you to define the position of your banner, which can be placed at the top or the bottom of the page.

On mobile, the banner will always be displayed at the top of the page.

Banner Background Color

banner-background-color
This option allows you to define the background color of your banner.

Banner Background Opacity

banner-background-opacity
This option allows you to define the opacity of your banner’s background, in percentage.

A 0% opacity will make your background invisible, but a 100% opacity will make it opaque. Defaultly, the opacity is defined to 75%

Banner Font Color

banner-font-color
This option allows you to define the font color in your banner.

Banner Font Size

banner-font-size
This option allows you to define the font size in your banner.

Text Align

text-align
This option allows you to define the text alignment in your banner.

Banner Border Color

banner-border-color
This option allows you to define the border color of your banner.

Banner Border Size

banner-border-size
This option allows you to define the thickness, in pixels, of your banner’s borders.

Banner Content

Content to be displayed in the banner

content-to-be-displayed-in-the-banner
This option allows you to define the text that will be displayed in your banner.
Defaultly, our module is shipped with a text for each language of the European Union.

CMS Page

cms-page
This option allows you to add a link to the selected CMS Page under the text of your banner.
You can also choose not to add one, using the “– None –” value.

Image displayed on mobiles

image-displayed-on-mobiles
This option allows you to change the displayed image on mobile. If you don’t add an image, the default image, shipped with the module, will be used.

Button Settings

Button Font Size

button-font-size
This option allows you to define the font size in your button.

Button Font Color

button-font-color

This option allows you to define the font color in your button.

Button Background Color

button-background-color
This option allows you to define the background color of the button.

Advanced Settings

Classes to apply to the content

classes-to-apply-to-the-content
This option allows you to add or edit the classes applied to the container of your text.
Defaultly, the classes applied when “Accept cookies through navigation” is on are : “col-xs-12 col-sm-10 col-md-10 col-lg-10”.
Defaultly, the classes applied when “Accept cookies through navigation” is of are : “col-xs-12 col-sm-12 col-md-12 col-lg-12”.

The different classes must be separated by a space

Classes to apply to the button

classes-to-apply-to-the-button
This option allows you to add or edit the classes applied to the container of your button. Defaultly, the classes are : “col-xs-12 col-sm-2 col-md-2 col-lg-2”.

The different classes must be separated by a space

Blocked Modules List

blocked-modules-list
This list allows you to select which modules must be prevented from execution as long as your customer didn’t accepted the cookies usage.

Our module is shipped with a default list of modules to block, containing modules that are using cookies, like these including Google Analytics or Google AdWords.

Once you edited the list in this option, the default list won’t be used anymore.