How to Position a Shack Toolbox Pro Popup Before It Opens

Documentation for Joomla 3

With Shack Toolbox you can display nearly any Joomla content item in a popup. With Shack Toolbox you also have great flexibility in setting your Joomla popup before it opens up.

You can set your popup position before it opens. You will also have a few options for your popup to open up automatically. 

In this tutorial, you will learn five ways to set a Shack Toolbox popup before it opens.

You will find all five pre-opening settings under the "Before opening" group of parameters on the "Location & Effects" tab:

the locations tab

Note: For my demonstration, I selected the "Joomla Article" box as my Joomla popup:

joomla article as popup


Location #1. Toggler Button

toggler button setting

With this option, your closed Joomla popup will be displayed as a button.

Take a look at my animation below. My demo Joomla site visitors will be able to open my popup box by clicking on the "Open" button: 

toggler button frontend

You can see on my animation above that the popup "Open" toggler button takes the right sidebar position. This is because I assigned it the right sidebar.

With the "Toggler Button" location, you position your Joomla popup toggler button as you would position any module - with positions available in your active Joomla template. 

This is, however, is not how the next popup location works. Let's take a look.


Location #2. Toggler Tab

03 toggler tab setting

For the "Toggler Tab" location to work, you need to assign your popup module to the "debug" module position. But your Joomla site visitors won't see the popup toggler tab on this "debug" position. 

The "Toggler Tab" setting has its own six fixed positions for the toggler tab:

  • Left
  • Right
  • Top left
  • Top right
  • Bottom left
  • Bottom right.

You will find these options in the "Toogler Tab position" parameter once you click the "Advanced" button:

6 toggler tab positions

On my animation below, you can see that I left my Joomla popup toggler on its default "Left" position: 

toggler tab frontend

You also can play with offsetting any of those six positions with a pixel or one percent precision:

position offset setting


Location #3. Always open

always open setting

The description of this setting is self-explanatory. If you select it, Shack Toolbox will display your popup as any static Joomla module.

In my animation below, I assign my popup to be displayed on the right sidebar:

always open frontend


Location #4. Hidden

hidden before opening setting

This option is ideal when you would like to initially hide your Joomla popup on its page(s) and open automatically in one of the following three events:

  • On the page(s) load
  • When a visitor scrolls the page(s)
  • When a visitor exits the page(s).

You can select either of these three options once you click the "Advanced" button underneath the "Hidden before opening" setting:

advance button underneath the hidden setting

Then you would select the required option using the "Auto-open" setting:

the four auto open options

On my animation below, I set my Joomla popup to open on the page exit:  

opening hidden popup on page exit


Location #5. Bottom Bar

bottom bar setting

With the "Bottom Bar" option, Shack Toolbox will set your Joomla popup to display at the bottom of the page(s).

The default option for the "Auto-open" parameter for the "Bottom Bar" setting is "No":

default no auto open opetion for bottom bar location

To display your Joomla popup, you need to explicitly select either "On load" or "On scroll" or "On exit".

On my screenshot below, I set the "Auto-open" to "On load":

bottom bar frontend

Documentation for Joomla 5

With Shack Toolbox you can display nearly any Joomla content item in a popup. With Shack Toolbox you also have great flexibility in setting your Joomla popup before it opens up.

You can set your popup position before it opens. You will also have a few options for your popup to open up automatically. 

In this tutorial, you will learn five ways to set a Shack Toolbox popup before it opens.

You will find all five pre-opening settings under the "Before opening" group of parameters on the "Location & Effects" tab:

the five locations tabs

Note: For my demonstration, I selected the "Joomla Article" box as my Joomla popup:

the joomla article box


Location #1. Module Position

the module position button

With this option, your closed Joomla popup will be displayed as a button.

Your Joomla 5 site visitors will be able to open the module's popup box by clicking on the "Open" button: 

the module position demo

You can see on the image above that the module has been placed on the right sidebar position. This is because I assigned it the right sidebar.

With the "Module Position" location, you position your Joomla popup toggler button as you would position any module - with positions available in your active Joomla template.


Location #2. Left Edge

the left edge button

For the "Left Edge" location to work, you need to assign your popup module to the "debug" module position. But your Joomla site visitors won't see the popup toggler tab on this "debug" position. 

The "Toggler Tab" setting has its own six pre-set fixed positions for the toggler tab:

the six preset positions for the toggler

  • Left
  • Right
  • Top left
  • Top right
  • Bottom left
  • Bottom right.

You will find these options in the "Toogler Tab position" parameter once you click the "Advanced" button:

the advanced button

In the next image, you can see that I set my Joomla popup toggler on the "Left" position: 

the toggler button set to the left position


Location #3. Open Inside

the open inside button

If you select the "Open Inside" position, Shack Toolbox Pro will display your popup as a regualar static module and it will be open:

open inside demo


Location #4. Hidden

the hidden button

This option is ideal when you would like to initially hide your Joomla popup module on its page(s) and open it automatically in one of the following three events:

  • On the page(s) load
  • When a visitor scrolls the page(s)
  • When a visitor exits the page(s).

You can select either of these three options once you click the "Advanced" button:

the three options for auto open


Location #5. Bottom Bar

the bottom bar button

With the "Bottom Bar" option, Shack Toolbox will set your Joomla popup to display at the bottom of the page(s).

The default option for the "Auto-open" parameter for the "Bottom Bar" setting is "No":

the default no option for the auto open parameter

To display your Joomla popup, you need to explicitly select either "On load" or "On scroll" or "On exit". You also need to set your module position to "debug":

the debug position

Here is how your module will look if you set it to the "Bottom Bar" location:

the bottom bar location demo