How to Display a Custom HTML in a Popup with Shack Toolbox Pro

Documentation for Joomla 3

You can embed your own custom HTML code inside a Shack Toolbox Pro popup. Visit our Shack Toolbox Custom HTML Demo to see how it looks and works.

To get the same popup with your own custom HTML, follow the instructions below.

  • Open up Shack Toolbox Pro module for editing
  • Under the Module tab, click Custom HTML:

Click the Custom HTML box

  • Under the Module tab, enter your custom HTML code into the HTML code box:

Enter your custom html code

  • Still under the Module tab set:
    • Show Title to No
    • Position to debug
    • Status to Published

Title, Position and Satus settings

  • Under the Menu Assignment tab assign this module to the required menu items
  1. Click the Location & Effects tab
  2. Click After Opening
  3. Click the Lightbox - Move from toggler, rotate, enlarge and fade-in radio button to rotate the opening box

Location and effects setting

  • Click the Theme tab
  • Select a theme of your choice

Click the Theme tab and select a theme of your choice

  • Click Save or Save & Close.

You will see the toggler tab on the top left corner of your site:

The toggler button

  • Click Open:

You will see the Shack Toolbox Pro popup box opening up rotating:

The final result

Well done! You now know how to embed your own custom HTML code inside your Shack Toolbox popup module.