How to Select a Popup Theme in Shack Toolbox

Would you like to jazz-up a popup in your Joomla site? Our Shack Toolbox Joomla extension offers you a wide choice of cool themes. 

Give your Joomla popup an antique feel and look. Or make your Joomla popup box look Facebook-like or Twitter-like.

By the end of this tutorial, you will learn:

  • How to select a built-in theme for your Joomla popup module.
  • What Shack Toolbox built-in themes are available and how they style a Joomla popup.

In this document, I'll give you a guided tour to the 17 pre-built themes to style your Joomla popup box with Shack Toolbox.


How to select a Shack Toolbox theme for a popup

Open your Shack Toolbox module. You will find all of the 17 themes under the "Theme" tab:

find shack toolbox themes under the theme tab

By default, Shack Toolbox doesn't use any of them. When you publish your popup box with Shack Toolbox, both the box toggler and the box itself look pretty dull:

the pop up toggler by default

Shack Toolbox expects you to select one of its themes. Did you notice the "Previous" and "Next" buttons in my first screenshot?

Use these buttons underneath the thumbnails and browse through themes.

Preview the thumbnail of the theme that got larger and took the central position. In my screenshot above, "Elastica" is such a theme.

Click "Choose this theme" button and your selected theme will appear above the thumbnails:

click choose this theme

Click "Save"/"Save & Close" to start using the theme. Click the "Theme customizer" button to customize it first.

By default, without any customization, each theme changes:

  • Your Joomla popup toggler tab look and feel.
  • Your Joomla popup box look and feel.

Let's take a look at those changes theme by theme, in no particular order.


Shack Toolbox popup themes

#1. Antique Letter

The popup box toggler:

antique letter toggler

The popup box:

antique letter popup box

#2. Beez3

The popup box toggler:

beez3 toggler

The popup box:

beez3 popup

#3. Easter

The popup box toggler:

easter toggler

The popup box:

easter popup

#4. Elastica

The popup box toggler:

elastica toggler

The popup box:

elastica popup

#5. Facebook

The popup box toggler:

facebook toggler

The popup box:

facebook popup

#6. As Free as Simple

The popup box toggler:

as free as simple toggler

The popup box:

as free as simple popup

#7. Music

The popup box toggler:

music toggler

The popup box:

music popup

#8. Google Material Design

The popup box toggler:

google material design

The popup box:

google material design popup

#9. Grey

The popup box toggler:

grey toggler

The popup box:

grey popup

#10. Magazine

The popup box toggler:

magazine toggler

The popup box:

magazine popup

#11. Night

The popup box toggler:

night toogler

The popup box:

night popup

#12. Handwritten Note

The popup box toggler:

handwritten note toggler

The popup box:

handwritten note popup

#13. Facebook

The popup box toggler:

12 facebook toggler

 

The popup box:

facebook popup

#14. Protostar

The popup box toggler:

protostar toggler

The popup box:

protostar popup

#15. Mind-blowing Ribbon

The popup box toggler:

mindblowingribbon toogler

The popup box:

mindblowingribbon popup

#16. Transparency & Motion

The popup box toggler:

transparencyandmotion toogler

The popup box:

transparency and motion popup

#17. Twitter

The popup box toggler:

twitter toggler

The popup box:

twitter popup