Documentation for Joomla 3
With Shack Toolbox Pro you can display a Joomla popup via a link placed in Joomla content.
In this tutorial, you will learn how to use a link within a Joomla article to display a Shack Toolbox Pro popup. For my demonstration, I set my popup to display a Joomla article.
Firstly, you set your Joomla popup to display your preferred Joomla article.
- In your Shack Toolbox Pro, go to the "Module" tab and click on the "Joomla Article" box:
- Assign this module the required page(s) and the "debug" position:
Well done! Next, you have a small problem to solve.
By default, Shack Toolbox Pro will display to your Joomla site visitors a toggler, a button. They would click on it to open your Shack Toolbox popup. Your goal, however, is to replace this default button with a custom link.
The button has to go. Let's hide it.
- Click the "Location & Effects" tab:
- Click "Before opening":
- Click "Hidden":
Good job! Now let's give our popup a small opening effect.
- Click "After opening":
- Click "Lightbox - Fade-in":
Excellent! You are one step away from creating a link to open this module from within your Joomla article. You just need to get the module's link itself.
- Click "How to Display Shack Toolbox via Menu item, HTML and JavaScript":
- Under "HTML code" > "Open by link", find the string resembling
<a href="#" class="pwebbox98_toggler">Click here</a>
and copy it:
- Click "Save & Close".
Good job! At this point, you have set your Joomla popup. You also have its link. You are ready to paste the popup's link in your required Joomla article.
Once done with pasting, you are ready to test the final result.
Go to your Joomla site frontend, open your Joomla article and click the link. You will see the popup opening:
Documentation for Joomla 5
With Shack Toolbox Pro you can display a popup via a link placed in Joomla 5 content.
In this tutorial, you will learn how to use a link within a Joomla 5 article to display a Shack Toolbox Pro popup. For my demonstration, I set my popup to display a Joomla article.
Firstly, you set your Joomla 5 popup to display your preferred Joomla article.
- In your Shack Toolbox Pro Dashboard, go to "System" > tab "Manage" and click "Site Modules":
- Find your Shack Toolbox Pro module, open it up for editing, and on the "Module" tab click the "Joomla Article" box:
- Assign this module the required page(s) and the "debug" position:
Well done! Next, you have a small problem to solve.
By default, Shack Toolbox Pro will display to your Joomla 5 site visitors a toggler, a button. They would click on it to open your Shack Toolbox Pro popup. Your goal, however, is to replace this default button with a custom link.
The button has to go. Let's hide it.
- Click the "Location & Effects" tab:
- Click "Before opening":
- Click "Hidden":
Good job! Now let's give our popup a small opening effect.
- Click "After opening":
- Click "Lightbox - Fade-in":
Excellent! You are one step away from creating a link to open this module from within your Joomla article. You just need to get the module's link itself.
- Click "How to Display Shack Toolbox via Menu item, HTML and JavaScript":
- Copy the "Open by link" code in the "HTML code" section:
- Paste this HTML code of the popup's link in your required Joomla article
- Go to the "Themes" tab and select a theme of your choice
- Click "Save & Close"
- Go to the front-end of your Joomla site, open the article and click the link. You will see the popup.