πŸ“˜ ECW – Addons for Elementor

Version: 1.0.0

πŸ“ Overview

ECW – Addons for Elementor is a plugin that adds custom, lightweight, and useful widgets to the Elementor Page Builder. It’s designed to extend Elementor without adding bloat.

πŸ“¦ Installation

  1. Download the plugin ZIP file.
  2. In your WordPress dashboard, go to Plugins β†’ Add New β†’ Upload Plugin.
  3. Upload the ZIP file, click "Install Now", and then "Activate".
  4. Make sure Elementor is installed and active.
  5. The new widgets will be available inside the Elementor widget panel.

🧩 Available Widgets

  • Post Grid Filter – Grid layout for posts with AJAX category filters.
  • Content Tabs – Create tabbed sections for FAQs, feature comparisons, etc.
  • Image Comparison Slider – Showcase before/after images with a draggable slider.
  • Woo Product Carousel – Display WooCommerce products in a carousel format.

βš™οΈ Widget Configuration Options

Post Grid Filter

  • Post Type: Select post type to display (e.g., post, product)
  • Categories: Choose which categories to filter
  • Columns: Number of columns in grid
  • Order: ASC or DESC
  • Pagination: Enable/disable AJAX pagination

Content Tabs

  • Tabs: Add unlimited tabs with label and content
  • Active Tab: Set which tab loads by default
  • Icons: Optional icons per tab
  • Style: Choose vertical or horizontal tabs

Image Comparison Slider

  • Left Image: Upload or select media
  • Right Image: Upload or select media
  • Label: Add before/after text
  • Start Position: Set initial slider position (percentage)

Woo Product Carousel

  • Product Categories: Choose category to display
  • Items to Show: Number of visible products
  • Navigation: Enable next/prev arrows
  • Autoplay: Auto-scroll toggle

πŸ§‘β€πŸ’» Technical Details

  • All functions/classes prefixed with ecw_ or ECW_
  • Uses WordPress action hooks: wp_enqueue_scripts, elementor/widgets/register
  • Uses Elementor’s Widget_Base class for extensibility
  • Compatible with Elementor Free and Pro
  • All JS/CSS properly enqueued via WP functions

πŸ”Œ Developer Hooks

Available hooks and filters to extend plugin:

Filter: Modify Post Query


add_filter( 'ecw_filter_post_grid_query', 'modify_ecw_query' );
function modify_ecw_query( $query_args ) {
    $query_args['posts_per_page'] = 10;
    return $query_args;
}
  

Action: After Widget Render


do_action( 'ecw_after_post_grid_render', $widget_id );
  

πŸ—‚ File Structure

ecw-addons-for-elementor/
β”‚
β”œβ”€β”€ assets/
β”‚   β”œβ”€β”€ css/
β”‚   └── js/
β”‚
β”œβ”€β”€ includes/
β”‚   └── widgets/
β”‚       β”œβ”€β”€ post-grid-filter-widget.php
β”‚       β”œβ”€β”€ content-tabs-widget.php
β”‚       β”œβ”€β”€ image-comparison-slider-widget.php
β”‚       └── woo-product-carousel-widget.php
β”‚
β”œβ”€β”€ ecw-addons-for-elementor.php
β”œβ”€β”€ readme.txt
└── documentation.html
  

🌍 Localization

  • Textdomain: ecw
  • Use __() and _e() functions
  • .POT file included in languages folder

πŸ“… Changelog

Version 1.0.0

  • Initial release
  • Includes 4 widgets
  • Fully compatible with Elementor Free

❓ FAQ

Does this plugin require Elementor Pro?

No. All widgets work with the free version of Elementor.

Can I use it on multiple sites?

Yes, it’s GPL-licensed. You can install it on unlimited sites.

How do I request a new widget?

Contact us at the support email below.

πŸ“© Support

Email: support@wppluginpilot.com