Documentation for Joomla 5
With the Shack Toolbox Pro module, you can display nearly any Joomla content item in a pop-up. With this module, you also have great flexibility in setting your Joomla pop-up before it opens.
You can set your pop-up position before it opens. You will also have a few options for your pop-up 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:
Note: For my demonstration, I selected the "Joomla Article" box as my Joomla popup:
Location #1. Module Position
With this option, your closed Joomla pop-up will be displayed as a button.
Your Joomla 5 site visitors will be able to open the module's pop-up box by clicking on the "Open" button:
You can see in the image above that the module has been placed in the right sidebar position. This is because I assigned it to 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
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:
- 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:
In the next image, you can see that I set my Joomla popup toggler on the "Left" position:
Location #3. Open Inside
If you select the "Open Inside" position, Shack Toolbox Pro will display your popup as a regular static module, and it will be open:
Location #4. Hidden
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:
Location #5. Bottom Bar
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":
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":
Here is how your module will look if you set it to the "Bottom Bar" location:
Documentation for Joomla 3
With the Shack Toolbox Pro module, you can display nearly any Joomla content item in a pop-up. With the Shack Toolbox Pro, you also have great flexibility in setting your Joomla pop-up before it opens.
You can set your pop-up position before it opens. You will also have a few options for your pop-up 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:
Note: For my demonstration, I selected the "Joomla Article" box as my Joomla popup:
Location #1. Toggler Button
With this option, your closed Joomla pop-up will be displayed as a button.
Take a look at my animation below. My demo Joomla site visitors will be able to open my pop-up box by clicking on the "Open" button:
You can see on my animation above that the "Open" toggler button takes the right sidebar position. This is because I assigned it to 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, not how the next pop-up location works. Let's take a look.
Location #2. Toggler Tab
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 pop-up 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:
On my animation below, you can see that I left my Joomla popup toggler on its default "Left" position:
You also can play with offsetting any of those six positions with a pixel or one percent precision:
Location #3. Always open
The description of this setting is self-explanatory. If you select it, Shack Toolbox will display your pop-up as any static Joomla module.
In my animation below, I assign my popup to be displayed on the right sidebar:
Location #4. Hidden
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:
Then you would select the required option using the "Auto-open" setting:
On my animation below, I set my Joomla popup to open on the page exit:
Location #5. Bottom Bar
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":
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":
