One of the questions this week was if we had a Joomla extension to display a Login module in a popup. Our "Shack Toolbox Pro" module is your perfect Swiss Knife for this job.
Once you set it to display your Login module, you have a ton of design options for its popup. In this blog post, you will learn about displaying a login module in a Lightbox popup with "Shack Toolbox Pro".
Here is the Joomla's "Login" module displayed by our "Shack Toolbox Pro" extension in a Lightbox popup.
Let's take a look at how to set it up.
In your Joomla administrator panel, you would go to "Extensions" > "Modules":
This will bring you to the list of the modules installed on your Joomla site. You want to find the "Shack Toolbox Pro" and open it up for editing.
Firstly, you need to tell the "Shack Toolbox Pro" that you would like it to display a module and then which exactly module it would be.
To do this, 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:
At this point, it would be a good time to set the "Position" to the "debug" position of your Joomla template:
Then you need to tell the "Shack Toolbox Pro" how exactly you would like it to open the popup with the "Login" module:
- On page load or
- On page scroll or
- On page exit.
For this blog post, I selected to display the Login popup on the page load.
To do the same, you want to go to the "Location & Effects" tab and set the position of the module to "Hidden":
Next, you want to click the "Advanced" button and set the "Auto-open" parameter to "On load":
At this point, you are done with the initial setup. You can click "Save" or "Save & Close" and you are done.
If you visit your Joomla site frontend, you will see your "Login" module popup, just as displayed in the image at the top of the post. But you don't have to stop here.
"Shack Toolbox Pro" offers you a ton of options to fine-tune the design of your login popup box. You have 17 preset design themes on the "Theme" tab at your disposal:
Each of them offers you the "Theme customizer":
Inside the "Theme customizer" you will find settings to fine-tune the following:
- The popup box size
- The popup box text
- The popup box background
- The box background image
- The box toggler button and tab
- Vertical toggler tab
- Toggler size
- Lightbox backdrop.
Take a look at my screenshot with some of those customization options:
- How to Open a Popup On Page Load Using Shack Toolbox
- 5 Ways to Position Shack Toolbox Popups On Your Site
- How to Display a Popup via an Image with Shack Toolbox
- How to Display a Popup From a Menu Item with Shack Toolbox
- 9 Ways to Open a Joomla Popup with Shack Toolbox
- How to Display a Popup via a Link with Shack Toolbox
Save $1000's when you sign up to Joomlashack's Everything Club.
You will get access to all our 30 extensions, templates, and Joomla training.