PS 1.6 Product tooltips front-office position

[casiora2013]

PS 1.6 Product tooltips front-office position

PS: 1.6.1.13

Module: Product tooltips v1.4.1 - by PrestaShop

Theme: Default-Bootstrap

 

By default in the front office the Product tooltips position is in the upper right corner of the display and it appears for 3200 milliseconds.

These two parameters are found like this (for localhost):

-          Position in:

D:\XAMPP\htdocs\ps3v16113\prestashop\js\jquery\plugins\growl\jquery.growl.css

-          Time in:

D:\XAMPP\htdocs\ps3v16113\prestashop\js\jquery\plugins\growl\jquery.growl.js

 

Question: These two files how they should be override in the bootstrap theme in order to change the position and time settings (I want position in the bottom left corner and time of 10000 ms) ?

 

What I tried:

 

-          For position I change in “jquery.growl.css”

  #growls.default {

    top: 10px;

    right: 10px; }

 

this new definition:

  #growls.default {

    bottom: 10px;

    left: 10px; }

 

-          For time the modifications must be done in “jquery.growl.js” at the duration:

    Growl.settings = {

      namespace: 'growl',

      duration: 3200,

      close: "×",

      location: "default",

      style: "default",

      size: "medium"

    };

 

Unfortunately, it works only if I make this changes directly in the core files.

 

Which is the best practice if I want to have this modifications only in the theme (and do not change the core module files) ?

 

Mention: For position the simple creating a new CSS file like myfile.css (place in ..prestashop\themes\default-bootstrap\css\autoload) with :

 

 

  #growls.default {

    bottom: 10px !important;

    left: 10px !important; }

 

… is not working.

 

Many thanks in advance !