[Free module] Custom popup notification

[electriz 99]

Custom popup notification

by PrestaCraft

 

 

Current module version: 2.1.0

PrestaShop compatible: 1.6, 1.7

 

 http://prestacraft.com/custom-popup-notification/

 

This module displays a popup with Your content on chosen pages.

 

Note: If you run more than one language in Your store, fill the popup content for all languages to save it correctly.

 

Features

• Cookie system - Module remembers if user has closed the popup. If You don't want to show it again, You can set cookie duration. User will see the popup again after that amount of time.
• Display options (colors, size, etc.)
• Popup content for each available language in Your shop
• Delay option: define how many seconds must pass to show the popup
• Display your popup wherever you want to – just select any hook(s)
• Friendly User Interface

 

Screenshots

 

 

 

 

 

 

 

Changelog

 

v2.1.0

- Ability to make footer button act like "closing" one. Ability to open footer links in new window. Source - GitHub issue: https://github.com/PrestaCraft/custompopup/issues/3

v2.0.2

- Removed error "Uncaught ReferenceError: id_lang is not defined at HTMLDocument.<anonymous> (blocksearch.js:56)" which was causing the home slider plugin failure.

v2.0.1

- Fixed GitHub issue: https://github.com/PrestaCraft/custompopup/issues/1

v2.0.0

- Multistore support
- Pure JavaScript popup – “tingle” – no jQuery
- Much better BackOffice look and navigation
- Hooking option – now you can select where do you want to display the popup
- Popup footer – optional feature where you can insert your text, buttons or both. Fully customizable.

v1.2.0

- Fixed bug of always appearing popup, even with cookie set
- Changed "jquery cookie" to "js cookie" library, because previous one was broken
- Added "version checker" tab where you can check now if your module version is current one
- Added info under content area about requirement of filling this field for each language

v1.1.0
- Compatibility with PS 1.7
- Code formatting matches PSR-2 standards and PS validation
- Delay option: define how many seconds must pass to show the popup
- Images inside popup are resized properly to the browser width

Download

 - Current version custompopup_2.1.0.zip

IF YOU LIKE THIS MODULE, PLEASE DONATE AND SHARE ❤️

 

 

Edited October 29 by electriz
info (see edit history)

[prosilver 2]

Hi electriz

 

the module works perfectly, no problem for now.
Good job sharing
Thank you

 

[electriz 99]

Thanks for feedback, enjoy

[rakykorayem 0]

Thank you 

[prosilver 2]

Hi eletriz,

is it possible to do so responsive ?
thank.

[papuki 3]

Hello:

Thank you very much , is perfect !!!

papuki

[Zen_j1 9]

Does this have on exit pop up?

[Xpert-Idea 32]

Thank you very much for this nice module

 

[hennyw 4]

does this works with PrestaShop™ 1.4.7.0 ?

[electriz 99]

does this works with PrestaShop™ 1.4.7.0 ?

 

I did not test it for this version, so I can't tell you.

[Alex Nitu 3]

Hello and thank you very much for the free module. It works fine on 1.6.0.11 but I do have a problem with adjusting size. It's lenght is way too big and and height smaller than I would like, and I don't know how to adjust dimensions. If somone has done this and has some pointers, I'd be happy to hear them.

 

Thank you.

Edited October 25, 2016 by Alex Nitu (see edit history)

[electriz 99]

Hello and thank you very much for the free module. It works fine on 1.6.0.11 but I do have a problem with adjusting size. It's lenght is way too big and and height smaller than I would like, and I don't know how to adjust dimensions. If somone has done this and has some pointers, I'd be happy to hear them.

 

Thank you.

 

Hello,

 

Size of popup is automatically adjusted to your content inside. You can set smaller "Content padding" and "Content top padding"  in the Customize style tab.

[edmon 0]

Thanks for the module!

 

How can we adjust de popup with the text/photos we put on it and not to the site? Thanks again!

[PaolaReyes 0]

Hello,

 

thank you very much for this module, it works perfectly

 

is it possible to do so responsive??

[jfd 2]

Hello!

 

I've get a message each time I want to save the settings:

 

Cookie length - value '' is not a number.
Popup content - can not be empty.

[carlosrgc 0]

I am receiving the same error and is not leting me  to save changes. Any idea

 

Hello!

 

I've get a message each time I want to save the settings:

 

Cookie length - value '' is not a number.

Popup content - can not be empty.

[Dave L 119]

Hi,

 

Very nice and useful module.

 

Thank you.

 

I would benefit from a setting for delay before pop up.

Edited December 28, 2016 by Dave L (see edit history)

[shikotak 0]

thank you for your useful madule

[ricardovtav 0]

Good morning, friend, I would like to know if it is possible to leave a delay in the Custom popup notification, for example, the module will only appear after the client navigates 2 minutes in the site. It's possible?

[shikotak 0]

you can set the time when your pop up appear in your site

[Luis_RG 0]

Thanks my friend.

The line 231 from the custompopup.php file calls the custompopup/js/bootbox.js script

But the bootbox.js is missing

Can you share the code of this script?

Best regards

[alexlimabh 0]

Thank you so much my friend. The best popup module !  ( and very easy to set up )

[cureczak 2]

Hello,

I experience the same problem as some of the others:

Popup content - can not be empty.

....this is the message I get all the time eventhough I obviously place a certain stuff in it.

Any help will be appreciated...

kewin

[Demacri 2]

Hello,

I experience the same problem as some of the others:

Popup content - can not be empty.

....this is the message I get all the time eventhough I obviously place a certain stuff in it.

Any help will be appreciated...

kewin

you have to fill textarea in all available languages, to disable this feature comment these lines in the method postprocess, path: modules/custompopup/custompopup.php 

|            /*foreach ($languages as $lang)
            {
                $Validation->validate($this->l('Popup content'),Tools::getValue('CUSTOMPOPUP_CONTENT_'.$lang['id_lang']),array(
                    'notempty' => 1,
                ));
            }*/

[cureczak 2]

 

you have to fill textarea in all available languages, to disable this feature comment these lines in the method postprocess, path: modules/custompopup/custompopup.php 

|            /*foreach ($languages as $lang)
            {
                $Validation->validate($this->l('Popup content'),Tools::getValue('CUSTOMPOPUP_CONTENT_'.$lang['id_lang']),array(
                    'notempty' => 1,
                ));
            }*/

Hell Demacri,

Thank you for pointing that out. This is why the whole content can't be saved. I was hoping for a pop up appearing only with content is 1 of the existing languages ...not all of them.

Cheers,

Konrad

[tosasilviu 0]

Sadly is not responsive...

[samantha chen 0]

You say its responsive, but its not.

From mobile you cant even click away. Lost a hole day of sales before i saw that and disabled!

[ANGELO Vintage 10]

Thanks my friend.

The line 231 from the custompopup.php file calls the custompopup/js/bootbox.js script

But the bootbox.js is missing

Can you share the code of this script?

Best regards

 

the bootbox.js ( http://bootboxjs.com/ ) is a modal bootsrap plugin.

Looking inside the php seems no one line call that function.

 

instead @ line 13769 there is a hook in the header to use js/jquery.popup.min.js ( http://docs.toddish.co.uk/popup/ )

[perflex 1]

Tnx bro for this nice popup plugin* just a little tip for those seeking responsive ** when u add image to content just replace ur image width with : 100% and height : auto or click source code and change ur added image width and height*

[Claudiocool 136]

Hi,

 

is it possible to make a colose button with a text in it like "i agree" or something costomizable?

 

And another thing: I don't understand teh cookie-function... i can set what i want, but i don't see any effect....

Edited June 10, 2017 by Claudiocool (see edit history)

[Claudiocool 136]

You say its responsive, but its not.

From mobile you cant even click away. Lost a hole day of sales before i saw that and disabled!

I discovered the same at my shop.... but only with longer messages which must scrolled down....

[jangor 1]

Prestashop 1.6.1.13

Language FO/BO: Polish

 

Module on front page works as small, blank page with option only to close. "Content window - can not be empty" appear at BO after trying to save even when text and picture are. Any advise welcome...

[renier8 4]

Works perfectly. Thank you.

If you are busy adding features, maybe you can look at an option to adjust the time delay of when the pop-up launches.

 

For example - how many seconds to launch pop-up: Choose from 0-30 seconds.

 

Thank you for your plugin.

 

[lariasj 0]

Does it work with 1.7?

Does it work with 1.7?

[Luis_RG 0]

Does it work with 1.7?

Does it work with 1.7?

I don't know, I'm using 1.6 version.

[MacRoy 183]

Thanks a lot!

 

I will test it.

 

Regards

MacRoy

[jangor 1]

What should I enter to set module responsive? Examples code please.

 

Prestashop 1.6.1.15

[mikkino 1]

Does it work with 1.7?

Does it work with 1.7?

 

Not work on 1.7.0.4     I need similar module on PS 1.7! Anyone help ??? thanks

[mikkino 1]

I don't know, I'm using 1.6 version.

 

 

Does it work with 1.7?

Does it work with 1.7?

 

 

Hi!! Here is module which i using on PS 1.7!!!  and its works!

https://www.fabvla.com/modulo-prestashop-popup-home/

[jangor 1]

Great module from fabvla.com - works on Prestashop 1.6.1.15 and is responsive! Little bit poor configuration. No simple translation posiblities.

 

Custom popup notification module better configurable (TinyMCE - html), but does'nt work on 1.7 and not responsive on 1.6.1.5 (authorized by PRESTACRAFT information).

 

I'm waiting for new version?

[Nandos 9]

Does it work on PS 1.6.1.13?

[Aumanz 5]

First thanks for module. So usefull.

 

Can i know how prevent to scroll when popup is open?

Im trying to use "position:fixed" and "overflow: hidden" everywhere i can at .css, but doesnt works..

 

I think i have to do it in jquery.popupmin.js, but dont know how and what to write there.

 

Please, some help will be so nice.

Thanks, regards.

 

(Prestashop 1.6.1.15)

[Nandos 9]

Does it work on PS 1.6.1.13?

Replying to myself yes it works 

Edited July 24, 2017 by Nandos (see edit history)

[turuncupiramat 0]

hi

thank you for module

 

but i cant customize pop up

how can i do this

i am using 1.7.2.0

[Einstec 0]

Muchas gracias por el excelente trabajo!

 

Funciona perfecto en Prestashop 1.6.1.9

 

Felicitaciones!

[Xoxe 0]

Any way for autoclose popup after X secs?

[Aumanz 5]

Any way for autoclose popup after X secs?

 

Hi there, in configuration of module you can set 1 minute minimun to cookie length.

 

if you want modify it to show it seconds i think you have to modify some options on modules/custompopup/js/jquery.cookie.js

 

Cant help more, sorry.

[Tirips 9]

You say its responsive, but its not.

From mobile you cant even click away. Lost a hole day of sales before i saw that and disabled!

 

 

Does it work with 1.7?

Does it work with 1.7?

 

There is still people sharing their Prestashop modules FOR FREE and it's increasingly rare!

Start by saying "thanks" and after you may ask your question in a kindly mode... that is courtesy and gratitude!!

 

- Never install a module before trying it in a Prestashop test environment, this way you won't have bad surprise.

- Perflex gave the solution for a responsive popup: in the main setting tab, open the source code and change the size in width="100%" height="auto" (for each language)

- If you want to use a .png pic, in the customize style tab set popup color with only #

 

The module doesn't have functions you dreamt about? --> buy a module on the addons shop and there you will have the right to complain.

 

P.S. : I'm not a friend of Electriz, but I remember when Prestashop was really free (including modules). It's time to realise that nasty comments drove away programmers.

Edited August 30, 2017 by Tirips (see edit history)

[passionbijoux 0]

I strongly support your position Tirips !!

[gray 7]

Does it work with 1.7?

Does it work with 1.7?

 

Just for info I tried it on PS V1.7.2 and it does not work.

 

Its a shame as its a very good module for use on 1.6

[feel september 0]

hi, i put a picture and a link in it, pop up content shows it well, but when i try to save it, a warning message says "Popup content - can not be empty." also i try to put some text too but warning message says the same. my prestashop version is 1.6.1.6

[Requis 1]

Thanks!! it works great in 1.6.x...

 

Keep up the good work! 

[oshoot 4]

I am using 1.6 . No matter what text or image I put in it says content cannot be empty when I hit save. any ideas?

[Tirips 9]

@oshoot

Are you sure you have filled in all the langages before saving?

[oshoot 4]

Where is that setting?  I am only using english on my site

[Tirips 9]

@oshoot

PJ screenshot

[oshoot 4]

ok now I get it.Thanks

[electriz 99]

Hi guys, thanks for the feedback and using my module,

Next update is coming very soon, My plans for it are following:
- Compatibility with 1.7
- Code refactoring
- Make every image added to the content responsive
- Delay option

Edited November 2, 2017 by electriz (see edit history)

[vkmaxx 3]

I'm sure you already did, but check out this similar module:

It has similar functionality but never worked for me....

[electriz 99]

4 hours ago, vkmaxx said:

I'm sure you already did, but check out this similar module:

It has similar functionality but never worked for me....

 

So what? This is not newsletter popup, just information popup, if I'd do something like this it would be separate module

[electriz 99]

v1.1.0 is out now!

What's new?

- Compatibility with PS 1.7
- Code formatting matches PSR-2 standards and PS validation
- Delay option: define how many seconds must pass to show the popup
- Images inside popup are resized properly to the browser width

[oshoot 4]

6 minutes ago, electriz said:

v1.1.0 is out now!

What's new?

- Compatibility with PS 1.7
- Code formatting matches PSR-2 standards and PS validation
- Delay option: define how many seconds must pass to show the popup
- Images inside popup are resized properly to the browser width

Does is still work ok with 1.6 ?

 

 

[electriz 99]

22 minutes ago, oshoot said:

Does is still work ok with 1.6 ?

 

 

 

Yes

[Guest desmarcaT]

Is the option of not showing again possible?

[Guest desmarcaT]

sorry, thanks for module and sorry for my english

[mflorezm 1]

Hi Electriz, i'm already testing your v1.1.0 module on PS1.7.2.4, but it always open a small window before loading the pop up content. Please look at the attached image beow. Any ideas on how to solve this issue?

Thanks.

 

[oshoot 4]

I uploaded a jpg image but it does not show in the file list. Any ideas?  I loaded 1.1 module

Edited November 9, 2017 by oshoot
add pictures (see edit history)

[electriz 99]

12 hours ago, oshoot said:

I uploaded a jpg image but it does not show in the file list. Any ideas?  I loaded 1.1 module

 

This might be some issue with Your server, everything is ok on mine. 
Maybe try to ulpload this image directly to hosting and post source URL?

[ipaelo 10]

Hi everybody,

 

Any has problems with the cookie length time?  

I set it to 30 minutes and banner appears each time that I browse the web.

 

[oshoot 4]

I put the image URL directly instead of uploading and that works

[electriz 99]

On 14.11.2017 at 3:30 PM, ipaelo said:

Hi everybody,

 

Any has problems with the cookie length time?  

I set it to 30 minutes and banner appears each time that I browse the web.

 

 

What is Your PS version?

[ales699 4]

Can I create a hook in the popup content? Is to put an slider 

And Is it possible to save without content? Only with the slider hook

Example: {hook h="POPUP"}

 

THANKS FOR THE MODULE

Edited November 17, 2017 by ales699 (see edit history)

[SLiCK_303 26]

On 11/14/2017 at 8:30 AM, ipaelo said:

Hi everybody,

 

Any has problems with the cookie length time?  

I set it to 30 minutes and banner appears each time that I browse the web.

 

Basically the same thing is happening to me.  I set the cookie length time to 5 mins, and only to display on the homepage.  Everytime I hit the homepage it displays.  Like if I first goto the sites homepage it displays, good.  Then I go look at a product for a few seconds, go back to the homepage, and it displays again.  Then I look at another product for a few secs, go back to the homepage, it displays again.  I'm working on Thirtybees v1.0.3, and your latest version (1.1.0).  Thanks...

Edited November 22, 2017 by SLiCK_303 (see edit history)

[juan manuel 0]

The same problem whith problem cookie time in prestashop 1.6.0.9

[jmvizcaino 0]

16 hours ago, SLiCK_303 said:

Basically the same thing is happening to me.  I set the cookie length time to 5 mins, and only to display on the homepage.  Everytime I hit the homepage it displays.  Like if I first goto the sites homepage it displays, good.  Then I go look at a product for a few seconds, go back to the homepage, and it displays again.  Then I look at another product for a few secs, go back to the homepage, it displays again.  I'm working on Thirtybees v1.0.3, and your latest version (1.1.0).  Thanks...

The same problem whith problem cookie time in prestashop 1.6.0.9

[SLiCK_303 26]

22 minutes ago, jmvizcaino said:

The same problem whith problem cookie time in prestashop 1.6.0.9

ok, so is there a solution?

[mmsh 10]

On 22/11/2017 at 2:56 AM, SLiCK_303 said:

Basically the same thing is happening to me.  I set the cookie length time to 5 mins, and only to display on the homepage.  Everytime I hit the homepage it displays.  Like if I first goto the sites homepage it displays, good.  Then I go look at a product for a few seconds, go back to the homepage, and it displays again.  Then I look at another product for a few secs, go back to the homepage, it displays again.  I'm working on Thirtybees v1.0.3, and your latest version (1.1.0).  Thanks...

Hello guys, are you using Firefox? (here testing v57) 

On Firefox it doesn't save the cookie named

responsive_popup

why? Simply, it doesn't work because jquery-cookie is an abandoned project

 

Now it's named JavaScript Cookie and you can find it here https://github.com/js-cookie/js-cookie (works on all browsers, also Firefox)

So, now:

1. download the .zip from github
2. extract js.cookie.js and copy to the plugin folder views/js/...
3. edit custompopup.php at line 1216 

   $this->context->controller->addJS($this->_path.'views/js/js.cookie.js', 'all');

   Then, on file views/templates/hook/custompopup.tpl

4. replace 

   if ($.cookie('responsive_popup') == null) {

   with 

   if (Cookies.get('responsive_popup') != 'yes') {

   replace 

   $.cookie('responsive_popup', 'yes', { expires: {/literal}{$popup_cookie*0.000694}{literal}, path: '/' });

   with 

   Cookies.set('responsive_popup', 'yes', { expires: {/literal}{$popup_cookie*0.000694}{literal}, path: '/' });

    

5. At this point, I also suggest this: IF your popup contains a link (eg. a link with image inside) and you want to set the cookie in order to NOT show the popup again, add this: 

   $('.popup a').click(function(){
                   popup.close();
                   Cookies.set('responsive_popup', 'yes', { expires: {/literal}{$popup_cookie*0.000694}{literal}, path: '/' });
               });

   it correctly sets the cookie "responsive_popup" and the popup is not there on reload.

It's also possible to close the popup if you click outside or press ESC... but please, do something on your own 

p.s.: also, on Firefox it doesn't center the popup, so I should investigate why....

 

Edited November 26, 2017 by mmsh (see edit history)

[maidus 0]

Clicking on content doesn't close/hide popup. Is this fixable? Tried to change js but it's not working.

[SBR22 3]

Très bon module, j'apprécie votre effort et la proposition. Top pour les fêtes de fin d'année chez Moto-Parts.be

[myselfidem 65]

Thank you for this useful module !

Works fine using PS 1.6.1.17

[kevin2701 1]

On 11/6/2017 at 11:37 PM, mflorezm said:

Hi Electriz, i'm already testing your v1.1.0 module on PS1.7.2.4, but it always open a small window before loading the pop up content. Please look at the attached image beow. Any ideas on how to solve this issue?

Thanks.

 

 

Same problem with this guy, anyone has solution ?

[tsunamisurfing 0]

Hello boys!

The module works fine on Presta 1.6.1.17 (www.tsunamisurfing.com/shop).

However, some problem when choose where to show: on the selected pages (home page and products) it only works on products and not on HP.

Any ideas on why?

Thanks so much for you good job!

 

[tsunamisurfing 0]

1 hour ago, kevin2701 said:

 

Same problem with this guy, anyone has solution ?

Hello! Did you try to traslate your text (and put image) in any language?

[kevin2701 1]

11 minutes ago, tsunamisurfing said:

Hello! Did you try to traslate your text (and put image) in any language?

yes i have tried it, but nothing happens

Edited December 15, 2017 by kevin2701 (see edit history)

[tsunamisurfing 0]

12 minutes ago, kevin2701 said:

yes i have tried it, but nothing happens

ok, try to disable any module similar (newsletter etc.) and clear cache under performance.

[huko 4]

On 11/26/2017 at 9:45 PM, mmsh said:

Hello guys, are you using Firefox? (here testing v57) 

On Firefox it doesn't save the cookie named

responsive_popup

why? Simply, it doesn't work because jquery-cookie is an abandoned project

 

Now it's named JavaScript Cookie and you can find it here https://github.com/js-cookie/js-cookie (works on all browsers, also Firefox)

So, now:

1. download the .zip from github
2. extract js.cookie.js and copy to the plugin folder views/js/...
3. edit custompopup.php at line 1216 

   
   $this->context->controller->addJS($this->_path.'views/js/js.cookie.js', 'all');

   Then, on file views/templates/hook/custompopup.tpl

4. replace 

   
   if ($.cookie('responsive_popup') == null) {

   with 

   
   if (Cookies.get('responsive_popup') != 'yes') {

   replace 

   
   $.cookie('responsive_popup', 'yes', { expires: {/literal}{$popup_cookie*0.000694}{literal}, path: '/' });

   with 

   
   Cookies.set('responsive_popup', 'yes', { expires: {/literal}{$popup_cookie*0.000694}{literal}, path: '/' });

    

5. At this point, I also suggest this: IF your popup contains a link (eg. a link with image inside) and you want to set the cookie in order to NOT show the popup again, add this: 

   
   $('.popup a').click(function(){
                   popup.close();
                   Cookies.set('responsive_popup', 'yes', { expires: {/literal}{$popup_cookie*0.000694}{literal}, path: '/' });
               });

   it correctly sets the cookie "responsive_popup" and the popup is not there on reload.

It's also possible to close the popup if you click outside or press ESC... but please, do something on your own 

p.s.: also, on Firefox it doesn't center the popup, so I should investigate why....

 

 

Hi, thanks for the solution mmsh , I did it as you describe and it's probably work but not if you set a delay of pop up window. With delay it do the same mistake, it's appearing every time. I'm not sure how  to fix that. Do you have some idea please?

Thanks in advance for help.

[federlt 0]

hello, How can I make this to show on custom page?

[Tomas 0]

On 11/6/2017 at 1:37 PM, mflorezm said:

Hi Electriz, i'm already testing your v1.1.0 module on PS1.7.2.4, but it always open a small window before loading the pop up content. Please look at the attached image beow. Any ideas on how to solve this issue?

Thanks.

 

Any solution for this ? I've the same issue on PS 1.7

[TCHOUPI 241]

Hi, Thank you, Problem ps 1.7 ?

Popup content - can not be empty.

•