Adding simple popup to Plone frontpage

Here is a little guide for those who want to add a simple popup to the Plone frontpage for some purpose (eg: announcements, advertisements, etc).

Create a basic html file containing the content you want to appear in the popup. Upload it into $PLONE_SITE/portal_skins/custom (as Page Template) and for the sake of this example, name it popup.html

Afterward, create a Javascript file with your Pop-Up loader script. For example , this script:

function popup(mylink, windowname)
    {
      if (! window.focus)return true;
      var href;
      if (typeof(mylink) == 'string')
      href=mylink;
      else
      href=mylink.href;
      window.open(href, windowname, 'width=220,height=400,scrollbars=no');
      return false;
    };

popup('popup.html', 'My Popup');

Also upload this file into $PLONE_SITE/portal_skins/custom (as Page Template too). For this example, name it as popup.js

Afterward, in $PLONE_SITE/portal_javascripts , add popup.js as a new script into portal_javascripts and set its condition to :

python:here.restrictedTraverse('@@plone_context_state').is_portal_root()

Save your work, and you are good to go :D

Note: Lots of browsers now block javascript popups quite well.

- Izhar Firdaus -