WordPress 7.0 + WooCommerce 10.7 + Elementor 4.0.9 compatibility. New Arik Product Categories Card widget. Expanded Order By options (Menu Order, Date, Title, Price, etc.). New product reordering controls (Offset, Reverse, Move First to Last) on Product Hierarchy One \/ Hierarchy Grid \/ Magazine Grid. Image Aspect Ratio dropdown restored and extended (1:1, 4:3, 3:2, 16:9, 21:9, 3:4, 2:3, 9:16, Custom). Gray-strip bug under product card images fixed. Horizontal Alignment control fixed on 6 widgets. Non-fatal admin notices replace silent failure when Elementor or PHP is below the required minimum.<\/p>","2.0.0":"
Initial release of Arik Dynamic Table & Addons for Elementor - 24+ premium widgets for Elementor including WooCommerce product displays, dynamic tables, galleries, and more.<\/p>\n\n
Credits\nDeveloped with \u2764\ufe0f by WCBlogs87 team. Special thanks to the Elementor and WordPress communities for their continuous support and inspiration.<\/p>\n\n
Privacy\nThis plugin does not collect, store, or transmit any user data. All settings and configurations are stored locally in your WordPress database.\nWe 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!<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3429785,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3429785,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3429790,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.0.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3429785,"resolution":"1","location":"assets","locale":"","width":1122,"height":600},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3429785,"resolution":"2","location":"assets","locale":"","width":1173,"height":383},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3429785,"resolution":"3","location":"assets","locale":"","width":1191,"height":588}},"screenshots":[]},"plugin_section":[],"plugin_tags":[143165,172067,145606,253047,163031],"plugin_category":[],"plugin_contributors":[246811],"plugin_business_model":[],"class_list":["post-266309","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor-addons","plugin_tags-elementor-table","plugin_tags-elementor-widgets","plugin_tags-grid-widgets","plugin_tags-woocommerce-elementor","plugin_contributors-wcblogs87","plugin_committers-wcblogs87"],"banners":{"banner":"https:\/\/ps.w.org\/arik-dynamic-table-addons-for-elementor\/assets\/banner-772x250.png?rev=3429790","banner_2x":"https:\/\/ps.w.org\/arik-dynamic-table-addons-for-elementor\/assets\/banner-1544x500.png?rev=3429785","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/arik-dynamic-table-addons-for-elementor\/assets\/icon-256x256.png?rev=3429785","icon_2x":"https:\/\/ps.w.org\/arik-dynamic-table-addons-for-elementor\/assets\/icon-256x256.png?rev=3429785","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/arik-dynamic-table-addons-for-elementor\/assets\/screenshot-1.png?rev=3429785","caption":""},{"src":"https:\/\/ps.w.org\/arik-dynamic-table-addons-for-elementor\/assets\/screenshot-2.png?rev=3429785","caption":""},{"src":"https:\/\/ps.w.org\/arik-dynamic-table-addons-for-elementor\/assets\/screenshot-3.png?rev=3429785","caption":""}],"raw_content":"\n
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.<\/p>\n\n
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.<\/p>\n\n
\ud83d\ude80 22 Free Premium Elementor Widgets<\/p>\n\n
Data Display & Tables<\/strong><\/p>\n\n WooCommerce Product Display<\/strong><\/p>\n\n Content & Media Elements<\/strong><\/p>\n\n Site Elements<\/strong><\/p>\n\n \u2728 Key Features<\/p>\n\n \ud83c\udfaf Perfect For<\/p>\n\n \ud83d\udca1 Why Choose Arik Dynamic Table & Addons for Elementor?<\/p>\n\n 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.<\/p>\n\n \ud83d\udd17 Get Support & Connect<\/p>\n\n Automatic Installation<\/p>\n\n Log in to your WordPress dashboard\nNavigate to Plugins \u2192 Add New<\/p>\n\n Search for \"Arik Dynamic Table & Addons for Elementor\"<\/p>\n\n Click \"Install Now\" and then \"Activate\"\nOpen Elementor editor to access all new widgets<\/p>\n\n Manual Installation<\/p>\n\n Download the plugin zip file\nLog in to your WordPress dashboard\nNavigate to Plugins \u2192 Add New \u2192 Upload Plugin<\/p>\n\n Choose the downloaded zip file and click \"Install Now\"<\/p>\n\n After installation, click \"Activate Plugin\"\nOpen Elementor editor - widgets will appear in the elements panel<\/p>\n\n After Activation<\/p>\n\n Edit any page with Elementor<\/p>\n\n Look for \"Arik\" widgets in the left sidebar elements panel\nDrag and drop widgets onto your page\nCustomize using the intuitive controls in the left panel\nPreview and publish your page<\/p>\n\n\n 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.<\/p><\/dd>\n 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).<\/p><\/dd>\n 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.<\/p><\/dd>\n Absolutely! You can use as many Arik widgets as you need on any page. Each widget instance can have completely different styling and settings.<\/p><\/dd>\n 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.<\/p><\/dd>\n 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.<\/p><\/dd>\n 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.<\/p><\/dd>\n Yes, comprehensive documentation is available on our website with tutorials, examples, and best practices for each widget.<\/p><\/dd>\n 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.<\/p><\/dd>\n 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.<\/p><\/dd>\n\n<\/dl>\n\n\n 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.<\/strong><\/p>\n\n DONE<\/p>\n\n New widget\n* New widget: Arik Product Categories Card<\/strong> \u2014 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.\n* The new widget includes a Backbone Compatibility\n* Tested with WordPress 7.0 \u2014 Order By \u2014 controls added \/ corrected\n* 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<\/strong> and set as the default.\n* 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<\/strong> and set as the default.\n* Render-side allowlists tightened to match each query type ( Custom product reordering (Product Hierarchy One, Product Hierarchy Grid, Product Magazine Grid)\n* New control: Offset<\/strong> \u2014 skip N products from the start of the query result.\n* New control: Reverse Final Order<\/strong> \u2014 flips the result list end-to-end after the query runs (last product becomes first).\n* New control: Move First Product to Last<\/strong> \u2014 rotates the front of the list to the back.\n* New control: Shift Count<\/strong> \u2014 pairs with the rotate switch; rotate any N products from front to back.\n* These controls are applied post-query in PHP, so they work with every Query Type (Recent, Featured, Sale, Best Selling, Top Rated, Manual Selection).<\/p>\n\n Image Aspect Ratio (Product Hierarchy One, Product Hierarchy Grid, Product Category Hierarchy Two)\n* Fixed: in the previous build, an internal Order By patch incorrectly overwrote the Image Aspect Ratio<\/strong> 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.\n* New options: Auto, 1:1, 4:3, 3:2, 16:9, 21:9, 3:4, 2:3, 9:16, and Custom<\/strong>.\n* Custom mode adds a slider (0.25 \u2013 4.0, step 0.01) for any free ratio, with responsive overrides per breakpoint.\n* Render-side allowlist tightened so only valid CSS aspect-ratio classes can be emitted.<\/p>\n\n Image fit \/ \"gray strip below product card\" fix\n* Fixed: aspect-ratio CSS was applied to the inner Horizontal Alignment fixes (6 widgets)\n* 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<\/strong> control only emitted one of Categories Card widget \u2014 bugs fixed in same release window\n* Fixed: editor's left-side Elements panel went blank when a Categories Card was on the page. Root cause was a Hardening\n* All Removed widgets\n* Removed: Arik Product Hierarchy Grid Style<\/strong> \u2014 superseded by Arik Product Hierarchy One Style and Arik Product Magazine Style which cover the same use cases with fewer responsive edge cases.\n* Removed: Arik Product Category Hierarchy Grid<\/strong> \u2014 superseded by Arik Product Category Hierarchy Grid Two and Arik Product Categories Card. Total widget count is now 22 (was 24).\n* The corresponding entries were removed from the admin widget toggles panel and the plugin's widget registry. Existing pages that placed these widgets will render Elementor's \"widget not found\" message; the stored settings remain in the database but cannot be displayed.<\/p>\n\n Editor search & widget title alignment\n* Fixed: six product widgets had a Image Aspect Ratio \u2014 Arik Product Category Hierarchy Grid Two\n* Fixed: the Image Aspect Ratio dropdown in Style \u2192 Image Settings had no visible effect because the rule was written to Image Position (Left \/ Right) \u2014 Arik Grid Image Box\n* Fixed: when Image Position was set to Left or Right, the image area expanded to fill the entire card and pushed the title, description, and button out of view. The base CSS now reserves 40% of the card width for the image area when it sits beside the content, with a responsive Image Width control (default desktop 40%, tablet 45%, mobile 100% so the card collapses to vertical on phones). The content area receives * Removed every NOT DONE \u2014 pending for a follow-up release<\/p>\n\n Bug Fixes & Code Quality \u2014 Site Logo & Text, Tabs, and Text Grid Box widgets<\/strong><\/p>\n\n Code Standards & Compatibility\n* Fixed: Removed erroneous double backslashes throughout all three widgets (\Elementor\ \u2192 \\Elementor)\n that caused fatal PHP class-not-found errors on strict autoloaders\n* Fixed: Renamed deprecated _register_controls() to register_controls() across all three widgets\n (the underscore-prefixed method is removed in Elementor 3.x and triggers PHP deprecation notices)\n* Fixed: Added PHP 8.x return type declarations (: string, : array, : void) to all public\n and protected methods for strict-type compatibility with PHP 8.0\u20138.4\n* Fixed: Replaced all short array syntax [] with long array() syntax to comply with\n WordPress Coding Standards (WPCS)\n* Removed: Redundant @access phpdoc tags \u2014 visibility is already declared by the method keyword<\/p>\n\n Security Fixes\n* Fixed: $title_tag (Text Grid Box, Site Logo & Text) was passed directly to esc_attr() without\n being validated first; now allowlisted against a ALLOWED_TITLE_TAGS constant before output,\n preventing unexpected tag injection\n* Fixed: $wrapper_tag (Site Logo & Text) and $display_type were not allowlisted; both are now\n validated against defined constant arrays before use in HTML output\n* Fixed: custom_css_class (Text Grid Box) was only run through esc_attr() \u2014 added a\n sanitize_css_classes() helper that strips non-CSS characters ([^a-zA-Z0-9\\s_-]) before escaping\n* Fixed: Button link attributes in Text Grid Box had class=\"arik-text-box-button\" set as a raw\n inline attribute alongside print_render_attribute_string(), producing a duplicate class attribute\n in the DOM; class is now registered on the same handle via add_render_attribute() and merged correctly\n* Fixed: External links in content_template() JS templates were missing rel=\"noopener noreferrer\";\n a relParts[] accumulator now builds the rel attribute correctly for external and nofollow combinations<\/p>\n\n Control Registration Fixes\n* Fixed: Opacity SLIDER controls (Site Logo & Text, normal and hover tabs) had a flat range array\n (range => [min, max, step]) instead of the required unit-keyed structure\n (range => [px => [min, max, step]]); the flat structure is silently ignored by Elementor,\n meaning the slider had no enforced range limits in the editor\n* Fixed: Tabs widget content section was missing an explicit tab => TAB_CONTENT declaration,\n causing it to appear outside the Content tab in some Elementor versions\n* Fixed: nav_border_radius in the Tabs widget used add_control() instead of add_responsive_control(),\n preventing per-breakpoint border-radius overrides on tablet and mobile<\/p>\n\n Render & Editor Fixes\n* Fixed: render() in the Tabs widget output class and data-* attributes via raw string concatenation\n inside HTML; replaced with add_render_attribute() \/ print_render_attribute_string() to properly\n integrate with Elementor's attribute pipeline (CSS animations, dynamic tags, motion effects)\n* Fixed: Inline editing in Site Logo & Text used two separate render-attribute handles for the same\n element (title_text and custom_text); consolidated into a single title_element handle using\n add_render_attribute() array syntax to prevent duplicate or missing attributes on the title tag\n* Fixed: Empty $settings['text_boxes'] \/ $settings['tabs'] check silently returned with no output;\n replaced with a visible printf() editor notice so content authors see actionable feedback\n instead of a blank widget in the Elementor panel<\/p>\n\n New: content_template() \u2014 Backbone JS Live Preview\n* Added: content_template() to all three widgets (was entirely absent), enabling live preview\n updates in the Elementor editor without a page reload\n* All three JS templates use view.addRenderAttribute() \/ view.getRenderAttributeString() \u2014 the\n official Elementor JS API \u2014 instead of manual string concatenation for safe attribute output\n* Site Logo & Text: view.addInlineEditingAttributes('custom_text', 'none') correctly wires up\n double-click-to-edit in the editor (replaces manual data-* attribute strings)\n* Text Grid Box: Applies an inline grid-template-columns style in the JS template so column-count\n changes are reflected in real time before the Elementor dynamic stylesheet is regenerated\n* Tabs & Text Grid Box: Uses _.each() for repeater iteration, {{ }} double-mustache for plain-text\n titles (HTML-escaped), and {{{ }}} triple-mustache for WYSIWYG content (raw HTML rendered)\n* All JS templates include allowlist guards for title tags and wrapper tags to mirror the PHP\n render() security model on the editor side<\/p>\n\n Refactoring\n* Refactored: Monolithic register_controls() split into focused protected helper methods\n in all three widgets \u2014 register_content_controls(), register_nav_style_controls(),\n register_box_style_controls(), etc. \u2014 for improved readability and maintainability\n* Added: ALLOWED_TITLE_TAGS and ALLOWED_WRAPPER_TAGS as protected const on relevant widget\n classes, making the allowlists reusable across both render() and content_template()<\/p>\n\n Initial release<\/p>\n\n 22 free premium Elementor widgets and content elements\nWooCommerce product display widgets\nDynamic table with unlimited rows and columns\nAdvanced styling controls for all widgets\nFully responsive and mobile-optimized\nHPOS compatibility\nTranslation-ready with .pot file\nPerformance optimizations<\/p>","raw_excerpt":"Supercharge your Elementor page builder with 22 powerful widgets and content elements for dynamic tables, product displays, galleries, and more.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/266309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=266309"}],"author":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/wcblogs87"}],"wp:attachment":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=266309"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=266309"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=266309"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=266309"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=266309"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=266309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n
\n
\n
\n
\n
\n
\n
Does this plugin require Elementor Pro?<\/h3><\/dt>\n
Is this compatible with WooCommerce?<\/h3><\/dt>\n
Will this slow down my website?<\/h3><\/dt>\n
Can I use multiple widgets on the same page?<\/h3><\/dt>\n
Is the plugin translation-ready?<\/h3><\/dt>\n
Does it work with my theme?<\/h3><\/dt>\n
Can I customize the widget styles?<\/h3><\/dt>\n
Is there documentation available?<\/h3><\/dt>\n
How do I get support?<\/h3><\/dt>\n
What happens to my content if I deactivate the plugin?<\/h3><\/dt>\n
2.0.2 - 2026-05-25<\/h4>\n\n
content_template()<\/code> for editor live preview, using the official view.addRenderAttribute()<\/code> API.\n* wp_kses<\/code> allowlist for inline SVG content added so SVG icon markup is sanitized before output.\n* Repeater image uses wp_get_attachment_image()<\/code> with loading=\"lazy\"<\/code> and decoding=\"async\"<\/code> when an attachment ID is available, falling back to an escaped URL otherwise.\n* Icon control uses a recommended<\/code> subset to reduce the Elementor icon picker's initial paint cost in the editor.<\/p>\n\nTested up to<\/code> raised from 6.9 \u2192 7.0; Requires at least<\/code> raised from 5.8 \u2192 6.6.\n* Tested with WooCommerce 10.7 \u2014 WC tested up to<\/code> raised from 10.4.2 \u2192 10.7; minimum raised to 8.0.\n* Tested with Elementor 4.0.9 \u2014 Elementor tested up to<\/code> raised from 3.35.6 \u2192 4.0.9; added explicit minimum-version check (3.20.0) with a non-fatal admin notice when below.\n* Added explicit minimum-PHP runtime check with a non-fatal admin notice when below 8.0.\n* Declared compatibility with WooCommerce cart_checkout_blocks<\/code> (alongside the existing custom_order_tables<\/code> \/ HPOS declaration).<\/p>\n\nget_terms()<\/code> vs WP_Query<\/code>) \u2014 no invalid orderby values can reach the database.\n* Fixed: Product Hierarchy One and Product Hierarchy Grid had 'default' => 'menu_order'<\/code> on the Order<\/strong> (ASC\/DESC) control, which is not a valid value for that field. Default corrected to ASC<\/code>.\n* 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<\/code>, total_sales<\/code>, _wc_average_rating<\/code>) with meta_value_num<\/code> orderby.<\/p>\n\n<img><\/code> (with position: absolute; min-height: 100%<\/code>), 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).\n* Aspect-ratio CSS is now applied to the card link wrapper<\/strong> instead of the image. The image stays 100% \u00d7 100%; object-fit: cover<\/code> and fills the wrapper completely regardless of source dimensions.\n* New .aspect-ratio-3-2<\/code>, .aspect-ratio-2-3<\/code>, and .aspect-ratio-custom<\/code> CSS rules added to support the expanded ratio set.<\/p>\n\ntext-align<\/code> or align-items<\/code> \u2014 but the target content blocks are display: flex; flex-direction: column;<\/code>, where neither property alone produces the expected result. Each widget's control now uses selectors_dictionary<\/code> to emit BOTH align-items<\/code> (the flex cross-axis property that actually moves children) AND text-align<\/code> (for text inside any 100%-width child).\n* Removed hard-coded align-items: flex-start; text-align: left;<\/code> from .arik-prod-content<\/code>, .arik-prod-one-content<\/code>, .arik-product-content<\/code>, and .arik-hierarchy-content<\/code> in the frontend stylesheet \u2014 those were overriding the Horizontal Alignment control. Defaults are now driven by the widget controls themselves.<\/p>\n\nTypeError: C.replace is not a function<\/code> in Elementor's ControlIconsView<\/code> \u2014 the icon control had 'fa4compatibility' => 'icon'<\/code>, which made Elementor's FA4\u2192FA5 string migration run against an array value. Removed fa4compatibility<\/code> and gave the control an explicit empty default of { value: '', library: '' }<\/code>.\n* Fixed: the Backbone content_template()<\/code> had a bare return;<\/code> at the top level (illegal inside Underscore's with(obj){\u2026}<\/code> wrapper), a malformed <# } } #><\/code> chained brace, an incorrect 5th argument to elementor.helpers.renderIcon()<\/code>, and a print()<\/code> 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 \u2026 else \u2026 #><\/code> block, separate <# if #><\/code> branches per icon type, and a try\/catch<\/code> around the icon render. A JS template compiler\/parser check is now part of the build to prevent recurrence.\n* Fixed: when a Font Awesome SVG with no intrinsic width<\/code>\/height<\/code> (only viewBox<\/code>) was picked, it filled the entire circle wrap. CSS containment box added: .arik-pcc-icon<\/code> is now 60% \u00d7 60% of the wrapper with overflow: hidden<\/code>; <svg><\/code>, <img><\/code>, and <i><\/code> inside fit via object-fit: contain<\/code> or font-size driven by container. Badge still overflows on top of the outer wrap (which keeps overflow: visible<\/code>).\n* Text Alignment in the Categories Card was using text-align<\/code> only on .arik-pcc-text<\/code> (a column flex). Fix uses selectors_dictionary<\/code> to emit both align-items<\/code> and text-align<\/code>, same approach as the 6 widgets above.<\/p>\n\n@version<\/code> docblocks across the codebase bumped to 2.0.2 in a single pass.\n* New widget's PHP and JS template are checked at build time: php -l<\/code> on every file, a stub-Elementor harness that loads every widget class without fatal, and a custom Underscore template compiler that parses the content_template()<\/code> JS body through the V8 parser.<\/p>\n\nget_title()<\/code> that did not match the title shown in the admin \"Active Widgets\" settings panel. Searching for the admin name (e.g. \"Arik Product Category Inline Style\") returned \"No widget found\" in the Elementor Elements panel. All widget titles are now identical to their admin labels:\n - Arik Product Category Grid Style\n - Arik Product Category Hierarchy Grid Two\n - Arik Product Category Inline Style\n - Arik Product Hierarchy One Style\n - Arik Product Magazine Style\n - Arik Product Tags Style\n* Expanded get_keywords()<\/code> on the same six widgets so partial searches (\"inline\", \"magazine\", \"hierarchy\", \"tag\") also surface them in the Elements panel.<\/p>\n\n.arik-cat-img<\/code>, an absolute-fill <img><\/code> element whose width: 100%; height: 100%<\/code> overrode the aspect-ratio<\/code> declaration. The rule is now written to the card item itself (scoped to the \"grid\" layout only \u2014 magazine layout cells keep their grid-area-driven shape). The image inside still fills via object-fit: cover<\/code>. Item Min Height continues to act as a floor.<\/p>\n\nmin-width: 0<\/code> so its text can wrap inside the flex container.<\/p>\n\n!important removal\n<\/code><\/pre>\n\n!important<\/code> declaration from the plugin frontend stylesheet and admin stylesheet. Specificity bumps were added in their place (.elementor-widget<\/code> prefix for frontend rules, .wrap<\/code> prefix for admin rules, full ancestor chains where the rule needs to beat both Elementor's reset CSS and an external theme). Third-party stylesheets shipped with the plugin (Swiper) are untouched.<\/p>\n\n\n
content_template()<\/code> was added to the other product widgets (Product Hierarchy One, Hierarchy Grid, Magazine) \u2014 they still re-render on save rather than live in the editor. Only the new Categories Card has live preview.<\/li>\nrecommended<\/code> subset and a strict condition<\/code> on the control) but not eliminated. The underlying cost is inside Elementor's ControlIconsView<\/code> SVG fetch, not in this plugin.<\/li>\n2.0.1 - 2026-03-10<\/h4>\n\n
2.0.0 - 2025-12-04<\/h4>\n\n