How to Select a Popup Theme in Shack Toolbox

Documentation for Joomla 3

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

Documentation for Joomla 5

Would you like to jazz-up a popup in your Joomla 5 site? Our Shack Toolbox Pro 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 Pro module. On the "Theme" tab, you will find the "Theme" parameter with the following 8 themes:

  • Beez3
  • Elastica
  • Facebook
  • Google Material Design
  • Magazine
  • Protostar
  • Transparency & Motion
  • Twitter.

When you just installed your Shack Toolbox Pro module, neither of these themes is selected. When you try to publish your module without selecting a theme, your Shack Toolbox Pro will throw this error:

the error message

If you click the "Theme" tab, you will see that Shack Toolbox Pro expects you to select one of its themes:

select a theme reminder

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 Pro popup themes

Theme #1. Beez3

The popup box toggler:

toggler button with beez3 theme

 

The popup box:

the popup with the beez3 theme

Theme #2. Elastica

The popup box toggler:

toggler button with elastica theme

The popup box:

popup box with the elastica theme

Theme #3. Facebook

The popup box toggler:

toggler button with the facebook theme

The popup box:

popup with the facebook thmeme

Theme #4. Google Meterial Design

The popup box toggler:

toggler button with the material design theme

The popup box:

popup with the material design theme

Theme #5. Magazine

The popup box toggler:

toggler button with the magazine theme

The popup box:

popup with the magazine theme

Theme #6. Protostar

The popup box toggler:

toggler button with the protostar theme

The popup box:

popup with the protostar theme

Theme #7. Transarency & Motion

The popup box toggler:

toggler with the transparency in motion theme

The popup box:

popup with the transparency in motion theme

Theme #8. Twitter

The popup box toggler:

toggler with the twitter theme

The popup box:

popup with the twitter theme