How to use EB Accordion


Step 1: Install EB Accordion module

  • Login to Joomla administrator panel and Go to Extensions -> Manage -> Install
  • On the Installation Page, Select the "Upload Package File" Tab, Then Upload Downloaded Zip 

Step 2: Go to EB Accordion Module

  • Go to Extensions -> Modules

Step 3: Module Page

  • Search for "EB Accordion" in the Search box and click on "EB Accordion" module to start editing
  • On the Module Edit Page, Select Position for Accordion module for display and Change status from Unpublished to Published

Menu Assignment

  • Configure Page where you want to display EB Accordion

Accordion Data

  • In Accordion Data Tab add Title and Text For Accordion Collapse. It's Repeated rows, Click on plus icon and add new row settings
  • Use Plus sign for Add New Row
  • Use Minus sign for Remove Row
  • Change Row Order Use Drag & Drop sign

Display Options

  • Accordion Style - Configure Flat / Custom Style For Accordion
  • Title Style - Configure Custom Accordion Style, Set Accordion Data Title Style Square/Round
  • Box Style - Configure Box Style Flat/Bubble for Accordion Data Title Style
  • Title Color - Configure Accordion Data Title Color
  • Title Background Color - Configure Accordion Data Title Background Color
  • Text Color - Configure Accordion Data Text Color
  • Text Background Color - Configure Accordion Data Text Background Color
  • Icon Style - Configure Icon Style Plus-Minus/Arrows for Accordion Title Collapse
  • Icon Position - Configure Icon Position for Plus-Minus/Arrows for Accordion Title Collapse
  • Vertical Space between titles - Set Vertical Space between Accordion Title Collapse. Add Numeric value in this field like 10,20 etc. This fields value consider in PX space.
  • Icon Background - Configure Accordion Title Icon Background Yes/No.
  • Icon Background Color - If you will select Yes Icon Background Then Configure Icon Background Color
  • Icon Background Style - You will select different 6 Styles for Icon Background Style
  • Default Open Behavior - Configure Default Open Behavior like First Open, All Open, Or All Close
  • Accordion Collapse - Set Accordion Collapse Auto/Manual.
  • Some Settings fields changed based on Accordion Display Options selected. (Can refer demo to see how each Accordion Style Display)
  • And you're done. Save the module and have a look at the front end!
Cookie Policy

This website uses cookies that are necessary to its functioning and required to achieve the purposes illustrated in the privacy policy. By accepting this OR scrolling this page OR continuing to browse, you agree to our privacy policy.