Arik Dynamic Table & Addons for Elementor is a comprehensive collection of premium-quality widgets and content elements designed to extend Elementor's capabilities. Whether you're building eCommerce stores, business websites, or content-rich pages, this plugin provides the tools you need to create stunning, professional layouts without coding.
Perfect for WooCommerce stores, this addon pack includes specialized product display widgets, category grids, and hierarchy views alongside versatile content elements like dynamic tables, galleries, pricing tables, and more.
🚀 22+ Free Premium Elementor Widgets
Data Display & Tables
- Dynamic Table - Create beautiful, responsive tables with unlimited rows, column spans, and advanced styling
- Pricing Table - Showcase pricing plans with customizable features and call-to-action buttons
- Price Menu - Perfect for restaurants and service providers to display menu items and prices
WooCommerce Product Display
- Product Category Grid Style - Display product categories in elegant grid layouts
- Product Category Hierarchy Grid - Show category hierarchies with parent-child relationships
- Product Category Hierarchy Grid Two - Alternative hierarchy display with advanced styling
- Product Category Inline Style - Horizontal inline category presentation
- Product Hierarchy Grid Style - Organize products by hierarchical structure
- Product Hierarchy One Style - Single-column product hierarchy display
- Product Magazine Style - Magazine-inspired product showcase layouts
- Product Table Style - Display products in organized table formats
- Product Tags Style - Stylish product tag clouds and lists
Content & Media Elements
- Gallery - Create stunning image galleries with multiple layout options
- Grid Image Box - Display images in customizable grid layouts with overlays
- Text Grid Box - Organize text content in responsive grid structures
- Image Captions - Add beautiful, styled captions to your images
- Image Or Video - Flexible media display for images and embedded videos
- Tabs - Organize content in clean, accessible tabbed interfaces
- Heading - Advanced heading styles with custom typography and effects
Site Elements
- Site Logo & Text - Dynamic site branding with customizable logo and text
- Dynamic Page Title - Automatically display page titles with custom styling
- Authors Card - Showcase author information with avatars and bio
- Contact Info - Display contact details in styled formats
✨ Key Features
- Fully Dynamic & Intuitive - Build complex layouts with Elementor's visual editor
- WooCommerce Optimized - Specialized widgets for product and category display
- Advanced Styling Controls - Customize colors, typography, spacing, borders, and effects
- Responsive Design - All widgets are mobile-friendly and adapt to any screen size
- Performance Focused - Lightweight code following WordPress and Elementor best practices
- HPOS Compatible - Full support for WooCommerce High-Performance Order Storage
- Multilingual Ready - Translation-ready with included .pot file
- Regular Updates - Continuous improvements and new features
- Developer Friendly - Clean, well-documented code following WordPress coding standards
🎯 Perfect For
- WooCommerce store owners
- Web designers and agencies
- Business websites
- Portfolio sites
- Restaurant and menu sites
- Content publishers
- Bloggers and content creators
💡 Why Choose Arik Dynamic Table & Addons for Elementor?
Unlike bloated addon packs, Arik Dynamic Table & Addons for Elementor focuses on quality over quantity. Each widget is carefully crafted for performance, usability, and design flexibility. The plugin is built specifically for Elementor, ensuring seamless integration and optimal performance.
🔗 Get Support & Connect
Automatic Installation
Log in to your WordPress dashboard
Navigate to Plugins → Add New
Search for "Arik Dynamic Table & Addons for Elementor"
Click "Install Now" and then "Activate"
Open Elementor editor to access all new widgets
Manual Installation
Download the plugin zip file
Log in to your WordPress dashboard
Navigate to Plugins → Add New → Upload Plugin
Choose the downloaded zip file and click "Install Now"
After installation, click "Activate Plugin"
Open Elementor editor - widgets will appear in the elements panel
After Activation
Edit any page with Elementor
Look for "Arik" widgets in the left sidebar elements panel
Drag and drop widgets onto your page
Customize using the intuitive controls in the left panel
Preview and publish your page
2.0.0 - 2025-12-04
Initial release
22+ Free premium Elementor widgets and content elements
WooCommerce product display widgets
Dynamic table with unlimited rows and columns
Advanced styling controls for all widgets
Fully responsive and mobile-optimized
HPOS compatibility
Translation-ready with .pot file
Performance optimizations
== Changelog ==
2.0.1 - 2026-03-10
Bug Fixes & Code Quality — Site Logo & Text, Tabs, and Text Grid Box widgets
Code Standards & Compatibility
- Fixed: Removed erroneous double backslashes throughout all three widgets (\Elementor\ → \Elementor)
that caused fatal PHP class-not-found errors on strict autoloaders
- Fixed: Renamed deprecated _register_controls() to register_controls() across all three widgets
(the underscore-prefixed method is removed in Elementor 3.x and triggers PHP deprecation notices)
- Fixed: Added PHP 8.x return type declarations (: string, : array, : void) to all public
and protected methods for strict-type compatibility with PHP 8.0–8.4
- Fixed: Replaced all short array syntax [] with long array() syntax to comply with
WordPress Coding Standards (WPCS)
-
Removed: Redundant @access phpdoc tags — visibility is already declared by the method keyword
Security Fixes
-
Fixed: $title_tag (Text Grid Box, Site Logo & Text) was passed directly to esc_attr() without
being validated first; now allowlisted against a ALLOWED_TITLE_TAGS constant before output,
preventing unexpected tag injection
- Fixed: $wrapper_tag (Site Logo & Text) and $display_type were not allowlisted; both are now
validated against defined constant arrays before use in HTML output
- Fixed: custom_css_class (Text Grid Box) was only run through esc_attr() — added a
sanitize_css_classes() helper that strips non-CSS characters ([^a-zA-Z0-9\s_-]) before escaping
- Fixed: Button link attributes in Text Grid Box had class="arik-text-box-button" set as a raw
inline attribute alongside print_render_attribute_string(), producing a duplicate class attribute
in the DOM; class is now registered on the same handle via add_render_attribute() and merged correctly
-
Fixed: External links in content_template() JS templates were missing rel="noopener noreferrer";
a relParts[] accumulator now builds the rel attribute correctly for external and nofollow combinations
Control Registration Fixes
-
Fixed: Opacity SLIDER controls (Site Logo & Text, normal and hover tabs) had a flat range array
(range => [min, max, step]) instead of the required unit-keyed structure
(range => [px => [min, max, step]]); the flat structure is silently ignored by Elementor,
meaning the slider had no enforced range limits in the editor
- Fixed: Tabs widget content section was missing an explicit tab => TAB_CONTENT declaration,
causing it to appear outside the Content tab in some Elementor versions
-
Fixed: nav_border_radius in the Tabs widget used add_control() instead of add_responsive_control(),
preventing per-breakpoint border-radius overrides on tablet and mobile
Render & Editor Fixes
-
Fixed: render() in the Tabs widget output class and data-* attributes via raw string concatenation
inside HTML; replaced with add_render_attribute() / print_render_attribute_string() to properly
integrate with Elementor's attribute pipeline (CSS animations, dynamic tags, motion effects)
- Fixed: Inline editing in Site Logo & Text used two separate render-attribute handles for the same
element (title_text and custom_text); consolidated into a single title_element handle using
add_render_attribute() array syntax to prevent duplicate or missing attributes on the title tag
-
Fixed: Empty $settings['text_boxes'] / $settings['tabs'] check silently returned with no output;
replaced with a visible printf() editor notice so content authors see actionable feedback
instead of a blank widget in the Elementor panel
New: content_template() — Backbone JS Live Preview
-
Added: content_template() to all three widgets (was entirely absent), enabling live preview
updates in the Elementor editor without a page reload
- All three JS templates use view.addRenderAttribute() / view.getRenderAttributeString() — the
official Elementor JS API — instead of manual string concatenation for safe attribute output
- Site Logo & Text: view.addInlineEditingAttributes('custom_text', 'none') correctly wires up
double-click-to-edit in the editor (replaces manual data-* attribute strings)
- Text Grid Box: Applies an inline grid-template-columns style in the JS template so column-count
changes are reflected in real time before the Elementor dynamic stylesheet is regenerated
- Tabs & Text Grid Box: Uses _.each() for repeater iteration, {{ }} double-mustache for plain-text
titles (HTML-escaped), and {{{ }}} triple-mustache for WYSIWYG content (raw HTML rendered)
-
All JS templates include allowlist guards for title tags and wrapper tags to mirror the PHP
render() security model on the editor side
Refactoring
-
Refactored: Monolithic register_controls() split into focused protected helper methods
in all three widgets — register_content_controls(), register_nav_style_controls(),
register_box_style_controls(), etc. — for improved readability and maintainability
- Added: ALLOWED_TITLE_TAGS and ALLOWED_WRAPPER_TAGS as protected const on relevant widget
classes, making the allowlists reusable across both render() and content_template()
Credits
Developed with ❤️ by WCBlogs87 team. Special thanks to the Elementor and WordPress communities for their continuous support and inspiration.
Privacy
This plugin does not collect, store, or transmit any user data. All settings and configurations are stored locally in your WordPress database.
We value your feedback and are constantly working to improve Arik Dynamic Table & Addons for Elementor. If you enjoy using this plugin, please consider leaving a review on
WordPress.org!