Yandex.Metrika
Instructions for the module «Cookie notification» for Joomla - IWS.BY

Instructions for the module «Cookie notification» for Joomla

First, get the module by clicking the button above «Get module», if the module has already been received, then proceed further.

Installing the module in CMS Joomla 3

Go to your site’s dashboard.

In the top menu, follow the path to the extension installation manager along the path «Extensions» – «Manage» – «Install»:

Joomla 3 Extension Manager

On the page that opens, press the green button and select the archive received on the IWS.BY website when ordering.

After successful installation, you will receive a notification about successful installation:

Joomla 3 Successful Installation Notice

Including the module in CMS Joomla 3

To work, the module must be enabled.

Go to the CMS Joomla 3 module management manager along the «Extensions» – «Modules» path.

On the page that opens, in the search bar, enter the name of the module for a quick search. Name «IWS.BY Cookie notification».

Only one module we need will remain in the list of modules. There will be a red cross next to the name, click on it to activate the module.

The red cross will change to a green check mark, the module has been successfully activated.

Setting up a module in Joomla 3

In the list of modules, click on the name of the module. The module configuration page will open. Let’s consider the required fields.

The first block of settings «Basic settings».

First field «License Key».

«License Key» field

It is necessary to fill in the license key received during the registration and download of the plugin from the IWS.BY website. The key must be filled in to receive regular plugin updates. Without this key, an error will be displayed when updating to a new version.

Field «Cookie lifetime»

This field indicates the number of days during which the block with the notification about the use of Cookie will not be displayed after clicking the «Accept» button.

Field «Cookie ID»

A unique cookie identifier that is used to remember the acceptance of the notification. Indicated by a word using English letters and numbers.

Field «Notification design»

This option sets the design of the notification block. There are 9 designs in the standard set. But the capabilities of the module allow you to customize your own module design through the administrative part of the module without programming skills. Read about this in the subsection on the page below.

Field «Notification location»

The option is responsible for the location of the notification block relative to the user’s screen. The block can be fixed at the top or bottom of the user’s screen.

Field «Layer level».

In this field, you must indicate the number of the level to which you want to fix the block with the notification. The default is level 99. Read more about levels in the CSS documentation for the «z-index» style.

Option «Displayed Buttons»

In this option, you can select which buttons to display in the block with the notification.

Option ««Close» button type»

In the option, you can select the type of button that closes with a notification. You can turn the button into text or an icon.

Next block of settings «Customize notification text».

Field «Notification text»

In this field, you must fill in the text of the notification about the use of cookies by the site. By default, it is filled with plain text of the notification, but if you want to expand or fill in another text of the notification, you must fill it in this field.

Option «Alignment of notification text»

This option specifies the position of the notification text relative to the block with the text, which is as wide as the action buttons.

Field «Notification text size»

This field specifies the size of the notification text in the block. Indicated by a number in pixels.

Next block of settings «Setting link to rule»

Option «Show link to rules?»

This option controls the display of a link to the Cookie Policy. If you do not want to display a link to the rules, then select the value no.

Field «Rules link name»

If you need to specify a different name for the link, then it is indicated in this field.

Option «Rules link style»

The option specifies the style to be applied to the link to the rules.

Field «Rules link text size»

The field specifies the size of the text of the link to the rules. Indicated by a number in pixels.

Field «Link to the rules»

In the field you must specify the full link to the rules. Link example: https://youdomain/rule.html

Option «Open rules link»

The option is responsible for the method of opening a link with rules in the browser for a site visitor after clicking on the link with rules.

Next block of settings «Settings the text before and after the link to the rules»

Field «Text before rule reference»

The field contains the text that comes before the link to the rules. If you do not need text in front of the link, then leave the field blank.

Field «Text after link to rules»

The field contains the text that follows the link to the rules. If you do not need text in front of the link, then leave the field blank.

Next comes the settings block «Configure “Accept” button»

Field ««Accept» button text»

The field specifies the text that should be displayed on the accept button of the notification.

Option ««Accept» button style»

This option controls the style of the text on the button accepting the rules.

Field ««Accept» button text size»

The field specifies the size of the text on the button that accepts the rules. Indicated by a number in pixels.

Next block of settings «Configure «Close» button»

Field « «Close» button text »

The field specifies the text that should be displayed on the button that closes the notification.

Option ««Close» button style»

This option controls the style of the text on the button that closes the notification.

Field ««Close» button text size»

The field specifies the size of the text on the button that closes the notification. Indicated by a number in pixels.

The last block of settings on this tab of settings is «Configure «Close» icon»

Field ««Close» icon text»

In this field, you need to fill in the text of the close icon. For example, you can fill icons with text from Font Awesome fonts.

Option ««Close» icon style»

This option controls the style of the icon on the button that closes the notification.

Field ««Close» icon text size»

The field specifies the size of the icon on the button that closes the notification. Indicated by a number in pixels.

Now you need to adjust the display position of the module in the right place.

Field «Status»

This field must be set to Published.

Field «Position»

In this option, you must select the position of the module in the template where the Cookie notification will be displayed.

It is recommended that you select the debug position in your template, as the Cookie notification will be fixed relative to the user’s screen.

Next go to the tab «Menu Assignment»

A tab with one field will open «Module Assignment»

At this point, it is important to select a value, otherwise the module will not be displayed on the site pages. In our case, we chose the value «On all pages».

These are all fields and options, by filling in which on the site you will display a block with a notification about the use of Cookies by your site.

Customize your own block design with notification

To be able to customize your own design of the block with a notification, you need to in the module settings on the tab «Module» find option «Notification design» select value «Custom design». After that, switch to the tab «Custom design» and start setting up.

On this tab, let’s start with the first block «Basic settings»

Field «Background color»

This field specifies the background color of the notification block in RGBA format. By clicking on the field, a palette will open with a choice of the background color and the level of its transparency.

Option «Enable border»

If yes, you can set the border color for the notification block.

Field «Border width»

The field specifies the width of the stroke around the notification block. Indicated by a number in pixels.

Option «Border style»

The option sets the style of the border of the notification window.

Field «Border color»

The box sets the color of the border around the notification box. Specified in HEX format.

Option «Border location»

This option sets the position of the frame around the notification block.

Next block of settings «Customize notification text».

It has one field «Notification text color»

The field sets the color of the text in the notification window. The color code is specified in HEX format.

Next block of settings «Setting link to rule»

Field «Rules link color»

This field sets the color of the link leading to the site rules. The color code is specified in HEX format.

Field «Hover rule link color»

This field sets the color of the link leading to the site rules when you hover over it with the mouse cursor. The color code is specified in HEX format.

The next block of settings on the page «Configure «Accept» button»

Field ««Accept» button text color»

The field sets the color code of the text in the HEX format for the «Accept» button.

Field «Hover «Accept» button text color»

The field sets the color code of the text in the HEX format for the “Accept” button when the mouse cursor is hovering over it.

Field ««Accept» button background color»

The field sets the color code for the “Accept” button.

Field «Hover «Accept» button background color»

The field sets the color code for the “Accept” button when you hover over it with the mouse cursor.

Field ««Accept» button radius»

The field specifies the corner radius for the “Accept” button in pixels.

Option «Enable the border of the «Accept» button?»

If Yes is selected, the border styles from the settings below will be applied to the accept button.

The width of the border for the “Accept” button. Indicated by a number in pixels.

Field ««Accept» button border style»

This option sets the style of the stroke around the “Accept” button.

Option ««Accept» button border location»

The option is responsible for the position of the stroke around the “Accept” button.

Field ««Accept» button border color»

The field sets the color of the outline of the “Accept” button in the HEX format.

Field «Hover «Accept» button border color»

The field sets the color of the outline of the “Accept” button in the HEX format when the mouse cursor is hovering over it.

Next block with settings «Configure «Close» button»

Field ««Close» button text color»

The field sets the color code of the text in the HEX format for the “Close” button.

Field «Hover «Close» button text color»

The field sets the color code of the text in the HEX format for the “Close” button when the mouse cursor is hovering over it.

Field ««Close» button background color»

The field sets the color code for the Close button.

Field «Hover «Close» button background color»

The field sets the color code for the “Close” button when you hover over it with the mouse cursor.

Field ««Close» button border radius»

The field specifies the radius of rounding of the corners of the “Close” button in pixels.

Option «Turn on the border of the «Close» button?»

If Yes is selected, the border styles from the settings below will be applied to the Close button.

Field ««Close» button border width»

The border width of the “Close” button. Indicated by a number in pixels.

Option ««Close» Button Border Style»

The option sets the style of the stroke around the “Close” button.

Option ««Close» button border location»

The option is responsible for the location of the stroke around the “Close” button.

Field ««Close» button border color»

The field sets the color of the stroke of the “Close” button in the HEX format.

Field «Hover «Close» button border color»

The field sets the color of the stroke of the “Close” button in the HEX format when the mouse cursor is hovering over it.

Next block of settings «Configure «Close» icon»

Field ««Close» icon color»

The field sets the color of the text of the “Close” icon in the HEX format.

Field «Hover «Close» icon color»

The field sets the color of the text of the “Close” icon in the HEX format when you hover over it with the mouse cursor.

These are all fields that help you customize your own design for the cookie notice block.

Сontents

© 2013-2021 IWS.BY. All rights reserved.

Individual entrepreneur Alexander Berezuev, Republic of Belarus, UNP 490772447.
Certificate of state registration No. 490772447 issued by the Vetka District Committee on August 15, 2013.
The site is registered in the commercial register of the Republic of Belarus dated July 27, 2015 No. 280215.
Reprinting of materials from the IWS.BY website in whole or in part without the written permission of IWS.BY is prohibited.