How to Display a Login Module in a Popup Box with Shack Toolbox Pro

Documentation for Joomla 3

Shack Toolbox Pro allows you to display any Joomla 3 module in a popup. 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 exactly 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 FormJoomla 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.

Documentation for Joomla 4

Shack Toolbox Pro allows you to display any Joomla 4 module in a popup lightbox. It could be, for example, the Joomla 4 core "Login Form" module.

For this Joomla 4 tutorial, you will learn how to display the Joomla 4 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 4 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 exactly 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 a position of your pupup box and how your visitor should open it up. For the purpose of this tutorial, you will position your Joomla 4 popup on the left edge of the screen. You will set this popup box to be opened 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".