WP Manifestindependent plugin directory
manifest / builders / custom-acordeon-elementor

Meu Acordeon Elementor

Widget de carrossel estilo acordeon personalizado para Elementor.

by Devequi · github.com/adrianodevequi/custom-acordeon-elementor

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/adrianodevequi/custom-acordeon-elementor/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/adrianodevequi/custom-acordeon-elementor ↗

Meu Acordeon Elementor is a custom WordPress plugin that adds a highly interactive, expandable accordion carousel widget to Elementor. It allows you to create engaging content displays with smooth hover effects, ideal for showcasing features, services, or team members.

Features

  • Interactive Hover Effects: Accordion items expand smoothly on hover to reveal description text, creating a dynamic user experience.
  • Dual Icon Support: Define different icons for the normal state and the hover (active) state for visual feedback.
  • Custom Styling: Fully integrated with Elementor's style controls. You can customize:
    • Backgrounds: Classic or Gradient backgrounds for cards.
    • Borders & Radius: Complete control over border width, color, and radius.
    • Typography: Customize fonts, sizes, and colors for titles and descriptions.
    • Overlay Colors: Adjustable dark overlay on hover to ensure text readability over images.
  • Mobile Optimized: Features a specialized horizontal scrolling layout (snap-scroll) for mobile devices, ensuring great usability on small screens.
  • Smooth Animations: CSS-driven animations for title motion blur and description reveal.

Installation

  1. Download the plugin folder or zip file.
  2. Upload to your WordPress wp-content/plugins/ directory.
  3. Activate the plugin through the Plugins menu in WordPress.
  4. Open any page with Elementor.
  5. Search for the widget "Acordeon Expansível" (or look in the General category).
  6. Drag and drop it into your page and start customizing!

Usage

  1. Content Tab:
    • Add items to the "Itens do Carrossel" repeater.
    • For each item, set the Title, Description, Icon (Normal), and Icon (Hover).
  2. Style Tab:
    • Normal: Set the default card background, border, and radius.
    • Hover: Set the hover state background, border color, and overlay color.
    • Typography: Adjust the styling for the Title and Description text.

Requirements

  • WordPress 5.0+
  • Elementor Plugin installed and active

Author

Devequi