How to Display a Login Module in a Pop-up Box with Shack Toolbox Pro

Documentation for Joomla 5

Shack Toolbox Pro allows you to display any Joomla 5 module in a pop-up lightbox. For example, it could be the Joomla 5 core "Login Form" module.

For this Joomla 5 tutorial, you will learn how to display the Joomla 5 core login form in a Lightbox popup sliding out from the left edge once you click on a toggler button.

final result

Here is how to set it up.

  • In your Joomla 5 Dashboard, go to "System" > "Manage" > "Site Modules":

Click Site Modules

Firstly, you need to tell Shack Toolbox Pro that you would like it to display a module and then which exact module it would be:

  • Under the "Module" tab, you want to click the "Any Module" box
  • Then you want to select the "Login Form" module inside the "Choose module" parameter:

Click Any Module and select the Login Form core module

  • Set the "Position" to the "debug" position of your Joomla template:

Set the Position to debug

Next, you need to set the position of your pop-up box and how your visitor should open it up. For this tutorial, you will position your Joomla 5 popup on the left edge of the screen. You will set this pop-up box to open with a click.

  • Go to the "Location & Effects" tab
  • Set the position of the module to "Left Edge":

Select the Left Edge location

  • Click the "Advanced" button
  • Set both the "Opening event" and "Closing event" parameters to "Click"
  • Seth the "Toggler Tab Position" to "Left":

Click Advanced and set the three parameters:

  • Click "After opening"
  • Click "Slidebox - Slide-in from page edge":

Click After opening and then click Slidebox - Slide-in from page edge

  • Click "Save" or "Save & Close".

Documentation for Joomla 3

Shack Toolbox Pro allows you to display any Joomla 3 module in a pop-up. It could be, for example, the Joomla core "Login Form" module.

final result

Here is how to set it up.

  • In your Joomla administrator panel, go to "Extensions" > "Modules":

go to extensions modules

Firstly, you need to tell Shack Toolbox Pro that you would like it to display a module and then which exact module it would be:

  • Under the "Module" tab, you want to click the "Any Module" box
  • Then you want to select the "Login" module inside the "Choose module" parameter:

Click Any Module and select the Login Form Joomla core module

  • Set the "Position" to the "debug" position of your Joomla template:

Set the Position to debug

Then you need to ask Shack Toolbox to open the Login module on page load.

  • Go to the "Location & Effects" tab
  • Set the position of the module to "Hidden":

Select the Hidden

  • Click the "Advanced" button
  • Set the "Auto-open" parameter to "On load":

Click On load

  • Save this setting, and you are done.