How to Display a Popup via a Link with Shack Toolbox Pro

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:

click joomla article

  • Assign this module the required page(s) and the "debug" position:

assign your popup 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 location and effects tab

  • Click "Before opening":

click before opening

  • Click "Hidden":

click hidden

Good job! Now let's give our popup a small opening effect.

  • Click "After opening":

click after opening

  • Click "Lightbox - Fade-in":

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":

click how to display shack toolbox via menu item

  • Under "HTML code" > "Open by link", find the string resembling <a href="#" class="pwebbox98_toggler">Click here</a> and copy it:

find this link

  • 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:

final result

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":

click site modules

  • Find your Shack Toolbox Pro module, open it up for editing, and on the "Module" tab click the "Joomla Article" box:

click joomla article

  • Assign this module the required page(s) and the "debug" position:

assign your popup 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 location and effects tab

  • Click "Before opening":

click before opening

  • Click "Hidden":

click hidden

Good job! Now let's give our popup a small opening effect.

  • Click "After opening":

click after opening

  • Click "Lightbox - Fade-in":

 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":

click how to display shack toolbox via menu item

  • Copy the "Open by link" code in the "HTML code" section:

find this link

  • 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.