Leverage J5 Template
Donec mauris sapien, dignissim porttitor pellentesque non, varius at nulla

Overview

The Leverage Flip Box Module allows you to display interactive flip boxes with customizable content, images, and styles, offering a dynamic way to showcase information.


Instructions

1. Add the Module

  • Navigate to Extensions > Modules > New.
  • Select Leverage Flip Box Module from the list.

flip-box-step-one

2. Configure Module Settings

  • Number of Columns: Specify the number of flip box columns (e.g., 3, 4).
  • Front Image: Add an image for the front of the flip box.
  • Front Title & Text Color: Input the title and customize its color.
  • Back Title & Content: Add text for the back side of the flip box, including background and text colors.
  • Button Text & Link: Specify a button label and a URL for the action button.
  • Position: Assign the module to an appropriate position (e.g., content-top, sidebar).
  • Status: Ensure the module status is set to Published.
  • Access: Define the user access level (e.g., Public, Guest).

flip-box-step-two

3. Menu Assignment

  • Navigate to the Menu Assignment tab.
  • Assign the module to specific pages using Module Assignment Rules:
    • On all pages
    • Only on selected pages
    • Or other options as needed.

flip-box-step-three

4. Advanced Customization

Advanced Tab

  • Module Tag: Define the HTML tag for the surrounding container (default: div).
  • Header Tag: Choose the header tag for the module title (default: h3).
  • Header Class: Add custom classes for advanced styling.
  • Module Style: Select a predefined style (e.g., AnimatedHeading or superBasicMod) for added effects.

flip-box-step-four

5. Permissions

  • Navigate to the Permissions tab.
  • Control who can view, edit, or delete the module by assigning permissions to specific user groups (e.g., Public, Registered, Super Users).

Lastly, Save and close the Module.