=== Arik Dynamic Table & Addons for Elementor ===
Contributors: wcblogs87
Tags: elementor addons, elementor widgets, woocommerce product table, product grid, price menu
Requires at least: 6.6
Tested up to: 7.0
Stable tag: 2.0.5
Requires PHP: 8.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
22+ Elementor addons: WooCommerce product table, product grid, dynamic table, price menu, gallery, categories card, tabs widgets and more.
== Description ==
Arik Dynamic Table & Addons for Elementor is a free collection of 22+ Elementor addons and widgets, including a WooCommerce product table, product grid, dynamic table, price menu, pricing table, image gallery, and category card widgets. Whether you're building eCommerce stores, business websites, or content-rich pages, this Elementor widgets pack provides the tools you need to create stunning, professional layouts without coding.
Perfect for WooCommerce stores, this Elementor addon pack includes specialized product display widgets, product category grids, and hierarchy views alongside versatile content elements like dynamic tables, galleries, pricing tables, image captions, tabs, 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 Categories Card** - Circular icon/image category cards with badge, label, sub-label, and per-item link (Shop-by-Category style)
* **Product Category Hierarchy Grid Two** - Alternative hierarchy display with advanced styling
* **Product Category Inline Style** - Horizontal inline category presentation
* **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
* **Email Support:** helpwcblog@gmail.com
* **Website:** **[https://gernx.com/](https://gernx.com/)**
* **Support Forum:** [WordPress.org Support](https://wordpress.org/support/plugin/arik-dynamic-table-addons-for-elementor/)
* **LinkedIn:** [Gernx IT](https://www.linkedin.com/company/gernxit/)
== Screenshots ==
screenshot-1.png
screenshot-2.png
screenshot-3.png
📚 Documentation & Resources
Detailed documentation and tutorials are available to help you get the most out of each widget. Visit our website for step-by-step guides, video tutorials, and best practices.
== Installation ==
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
== Frequently Asked Questions ==
= Does this plugin require Elementor Pro? =
No, Arik Dynamic Table & Addons for Elementor works perfectly with the free version of Elementor. However, it's also fully compatible with Elementor Pro if you have it installed.
= Is this compatible with WooCommerce? =
Yes! The plugin includes multiple WooCommerce-specific widgets for displaying products, categories, tags, and hierarchies. It's fully compatible with WooCommerce and supports High-Performance Order Storage (HPOS).
= Will this slow down my website? =
No. Arik Dynamic Table & Addons for Elementor is built with performance in mind. Assets are loaded conditionally - only when widgets are used on a page. The code follows WordPress and Elementor best practices for optimal performance.
= Can I use multiple widgets on the same page? =
Absolutely! You can use as many Arik widgets as you need on any page. Each widget instance can have completely different styling and settings.
= Is the plugin translation-ready? =
Yes, the plugin is fully translation-ready and includes a .pot file. You can translate it to any language using tools like Loco Translate or WPML.
= Does it work with my theme? =
Yes! Arik Dynamic Table & Addons for Elementor works with any WordPress theme that supports Elementor. The widgets inherit your theme's styling and can be customized to match your design.
= Can I customize the widget styles? =
Yes. Each widget includes extensive styling controls within Elementor's interface. You can customize colors, typography, spacing, borders, backgrounds, and more without writing any code.
= Is there documentation available? =
Yes, comprehensive documentation is available on our website with tutorials, examples, and best practices for each widget.
= How do I get support? =
You can reach us via email at helpwcblog@gmail.com or through our website contact form. We're committed to providing timely and helpful support.
= What happens to my content if I deactivate the plugin? =
If you deactivate the plugin, pages using Arik widgets will display Elementor's default "widget not found" message. Your content settings are preserved, so reactivating the plugin will restore everything.
== Changelog ==
= 2.0.5 - 2026-07-05 =
**Maintenance release. No functions, features, widgets, controls, styles, or CSS were changed; this release only bumps the version number and refreshes the readme for better discoverability.**
DONE
Housekeeping
* Plugin header `Version` and the `ARIKEDTW_VERSION` constant bumped to 2.0.5; `Stable tag` updated to 2.0.5.
* Readme: refreshed search tags and rewrote the short description and opening paragraphs to name the actual widgets (WooCommerce product table, product grid, dynamic table, price menu, gallery, categories card) for better plugin-directory search visibility. No compatibility headers changed — WordPress 7.0, WooCommerce 10.9, and Elementor 4.1.4 values from 2.0.4 remain current.
= 2.0.4 - 2026-06-28 =
**Maintenance and compatibility release. No functions, features, widgets, controls, styles, or CSS were changed; this release only refreshes the version number and the compatibility headers.**
DONE
Compatibility
* Confirmed compatible with WordPress 7.0 — `Tested up to` remains 7.0.
* Tested with WooCommerce 10.9 — `WC tested up to` raised from 10.7 → 10.9 (minimum still 8.0). Continues to use the standard WooCommerce data methods (`get_average_rating()`, `get_review_count()`, `get_price_html()`, `wc_get_product()`) and declares HPOS compatibility as before.
* Tested with Elementor 4.1.4 — `Elementor tested up to` raised from 4.0.9 → 4.1.4 (minimum still 3.20.0). All widgets continue to register through the stable Elementor controls API (`Controls_Manager`, `add_control`, `add_responsive_control`, `add_group_control`, `selectors`).
Housekeeping
* Plugin header `Version` and the `ARIKEDTW_VERSION` constant bumped to 2.0.4.
* `Stable tag` in readme.txt bumped to 2.0.4.
= 2.0.3 - 2026-06-16 =
**New Style sections for the Sale Badge and product Rating on the product card widgets. No widgets, controls, or markup removed.**
DONE
Product Hierarchy One Grid widget
* New **Sale Badge** Style section (shown when Show Sale Badge is on): Typography, Text Color, Background Color, Text Alignment, Padding, Border Radius, Border, Box Shadow, Position (Top Left / Top Right / Bottom Left / Bottom Right), and responsive Vertical / Horizontal Offset.
* New **Rating** Style section (shown when Show Rating is on): Star Color, Empty Star Color, responsive Size, Alignment, and Margin (top / right / bottom / left).
Product Magazine Grid widget
* New **Rating** Style section (shown when Show Rating is on): Star Color, Empty Star Color, responsive Size, Alignment, and Margin (top / right / bottom / left).
Notes
* Badge corner position is driven by the CSS `inset` shorthand with two CSS custom properties (`--arik-badge-voff` / `--arik-badge-hoff`) fed by the offset sliders, so the existing default top-left placement is preserved until changed.
* All new controls register through the standard Elementor `add_control` / `add_responsive_control` / `add_group_control` APIs and output only via the `selectors` array (no inline style printing). All labels are wrapped in `esc_html__()` with the `arik-dynamic-table-addons-for-elementor` text domain.
Star rating display
* Product Hierarchy One Grid and Product Magazine Grid now render the rating as visual **stars** (filled to the product's average) plus the numeric average and the customer-review count, instead of WooCommerce's `wc_get_rating_html()` output, which fell back to the literal "Rated X out of 5" text whenever the WooCommerce star-font stylesheet was not enqueued on the Elementor page.
* Stars are drawn as five individual Unicode star glyphs (full = gold, empty = grey track, half = grey star with a gold left half), so all five star shapes are always visible on any theme background and no external font is required. Review count uses `_n()` for singular / plural and `number_format_i18n()` for locale formatting.
* The existing **Rating** Style section gains an **Average / Count Color** control; the Star Color, Empty Star Color, and Size controls now also target the new star markup (their previous `.star-rating` selectors are retained).
* New **Star Gap** control (responsive, px / em) in the Rating Style section of both product card widgets — adjusts the spacing between stars via `letter-spacing` on the star wrapper.
* Fixed Rating **Alignment** not taking effect on the product card widgets. The content-alignment control already wrote `text-align` onto the same rating wrapper, so the Rating section's own `text-align` collided with it at equal specificity. Alignment is now driven with flexbox `justify-content` (plus a matching `text-align`), so left / center / right reliably move the stars regardless of the content alignment setting.
= 2.0.2 - 2026-05-25 =
**New widget, expanded query controls, WordPress 7.0 / WooCommerce 10.7 / Elementor 4.0.9 readiness, and a round of CSS fixes around image aspect ratio and content alignment.**
DONE
New widget
* New widget: **Arik Product Categories Card** — circular icon / image / SVG / icon-picker category cards with badge, label, sub-label, per-item link, and per-item color overrides. Includes full Style sections: Grid Wrapper, Card, Icon / Image, Label & Sub-Label, Hover Effects, and Badge. Layout & Grid section with responsive Columns, Gap, Card Alignment, Text Alignment, and Icon Position (top / left / right). Link & Accessibility section with three switches: Wrap Entire Card in Link, Show Sub-Label, Show Badge, plus an ARIA Label Fallback.
* The new widget includes a Backbone `content_template()` for editor live preview, using the official `view.addRenderAttribute()` API.
* `wp_kses` allowlist for inline SVG content added so SVG icon markup is sanitized before output.
* Repeater image uses `wp_get_attachment_image()` with `loading="lazy"` and `decoding="async"` when an attachment ID is available, falling back to an escaped URL otherwise.
* Icon control uses a `recommended` subset to reduce the Elementor icon picker's initial paint cost in the editor.
Compatibility
* Tested with WordPress 7.0 — `Tested up to` raised from 6.9 → 7.0; `Requires at least` raised from 5.8 → 6.6.
* Tested with WooCommerce 10.7 — `WC tested up to` raised from 10.4.2 → 10.7; minimum raised to 8.0.
* Tested with Elementor 4.0.9 — `Elementor tested up to` raised from 3.35.6 → 4.0.9; added explicit minimum-version check (3.20.0) with a non-fatal admin notice when below.
* Added explicit minimum-PHP runtime check with a non-fatal admin notice when below 8.0.
* Declared compatibility with WooCommerce `cart_checkout_blocks` (alongside the existing `custom_order_tables` / HPOS declaration).
Order By — controls added / corrected
* Term-based widgets (Product Category Grid, Product Category Inline, Product Tag): Order By now includes Menu Order, Name, Slug, Product Count, Term ID, Description, Parent, and None. **Menu Order moved to the first position** and set as the default.
* Post / product widgets (Product Table, Product Hierarchy Grid, Product Hierarchy One): Order By now includes Menu Order, Date, Last Modified, Title, Slug, ID, Author, Random, and Comment Count. **Menu Order moved to the first position** and set as the default.
* Render-side allowlists tightened to match each query type (`get_terms()` vs `WP_Query`) — no invalid orderby values can reach the database.
* Fixed: Product Hierarchy One and Product Hierarchy Grid had `'default' => 'menu_order'` on the **Order** (ASC/DESC) control, which is not a valid value for that field. Default corrected to `ASC`.
* Magazine Grid widget: previously had no Order By or Order control at all. Both added, with Menu Order / Date / Modified / Title / Price / Popularity / Rating / Random. Price/Popularity/Rating map to the correct WooCommerce meta keys (`_price`, `total_sales`, `_wc_average_rating`) with `meta_value_num` orderby.
Custom product reordering (Product Hierarchy One, Product Hierarchy Grid, Product Magazine Grid)
* New control: **Offset** — skip N products from the start of the query result.
* New control: **Reverse Final Order** — flips the result list end-to-end after the query runs (last product becomes first).
* New control: **Move First Product to Last** — rotates the front of the list to the back.
* New control: **Shift Count** — pairs with the rotate switch; rotate any N products from front to back.
* These controls are applied post-query in PHP, so they work with every Query Type (Recent, Featured, Sale, Best Selling, Top Rated, Manual Selection).
Image Aspect Ratio (Product Hierarchy One, Product Hierarchy Grid, Product Category Hierarchy Two)
* Fixed: in the previous build, an internal Order By patch incorrectly overwrote the **Image Aspect Ratio** dropdown options in Product Hierarchy One and Product Hierarchy Grid with order-by values (Menu Order / Date / Title / Slug / etc.). Aspect Ratio is now restored to actual aspect values.
* New options: Auto, 1:1, 4:3, 3:2, 16:9, 21:9, 3:4, 2:3, 9:16, and **Custom**.
* Custom mode adds a slider (0.25 – 4.0, step 0.01) for any free ratio, with responsive overrides per breakpoint.
* Render-side allowlist tightened so only valid CSS aspect-ratio classes can be emitted.
Image fit / "gray strip below product card" fix
* Fixed: aspect-ratio CSS was applied to the inner `` (with `position: absolute; min-height: 100%`), causing the image to render shorter than its card and leaving a visible gray strip at the bottom of the card on certain layouts (Product Hierarchy Grid / Hierarchy One Featured layouts).
* Aspect-ratio CSS is now applied to the **card link wrapper** instead of the image. The image stays `100% × 100%; object-fit: cover` and fills the wrapper completely regardless of source dimensions.
* New `.aspect-ratio-3-2`, `.aspect-ratio-2-3`, and `.aspect-ratio-custom` CSS rules added to support the expanded ratio set.
Horizontal Alignment fixes (6 widgets)
* Fixed: in Product Hierarchy One, Product Hierarchy Grid, Product Magazine Grid, Product Tag, Product Category Hierarchy Grid, and Product Category Hierarchy Two, the **Horizontal Alignment** control only emitted one of `text-align` or `align-items` — but the target content blocks are `display: flex; flex-direction: column;`, where neither property alone produces the expected result. Each widget's control now uses `selectors_dictionary` to emit BOTH `align-items` (the flex cross-axis property that actually moves children) AND `text-align` (for text inside any 100%-width child).
* Removed hard-coded `align-items: flex-start; text-align: left;` from `.arik-prod-content`, `.arik-prod-one-content`, `.arik-product-content`, and `.arik-hierarchy-content` in the frontend stylesheet — those were overriding the Horizontal Alignment control. Defaults are now driven by the widget controls themselves.
Categories Card widget — bugs fixed in same release window
* Fixed: editor's left-side Elements panel went blank when a Categories Card was on the page. Root cause was a `TypeError: C.replace is not a function` in Elementor's `ControlIconsView` — the icon control had `'fa4compatibility' => 'icon'`, which made Elementor's FA4→FA5 string migration run against an array value. Removed `fa4compatibility` and gave the control an explicit empty default of `{ value: '', library: '' }`.
* Fixed: the Backbone `content_template()` had a bare `return;` at the top level (illegal inside Underscore's `with(obj){…}` wrapper), a malformed `<# } } #>` chained brace, an incorrect 5th argument to `elementor.helpers.renderIcon()`, and a `print()` call that isn't exposed in the template scope. All four were causing JS SyntaxErrors that propagated up and blanked the Elements panel. Template rewritten with a single empty-state `<# if … else … #>` block, separate `<# if #>` branches per icon type, and a `try/catch` around the icon render. A JS template compiler/parser check is now part of the build to prevent recurrence.
* Fixed: when a Font Awesome SVG with no intrinsic `width`/`height` (only `viewBox`) was picked, it filled the entire circle wrap. CSS containment box added: `.arik-pcc-icon` is now 60% × 60% of the wrapper with `overflow: hidden`; `