Better Post & Filter Widgets for Elementor vs Fundamento

The only free Elementor plugin for unlimited pro-grade filtering of all your post content. Filter by taxonomies, custom fields, ACF, relational fields, and numeric ranges – with seamless integration, no restrictions, and full customization. Get advanced filtering features without paying for limitations. Filter Widget Key Features: Compatible with Elementor Pro post widget, ACF, WooCommerce and most translation plugins. True faceted filtering with real-time option availability and dynamic result counts. Filter any post type. Customizable filter items list with easy re-ordering options. Filter anything using taxonomies, custom fields/ACF, relational and numeric fields. Keyword search support for custom field/ACF. Various filter types catered to diverse use-cases: checkboxes, radio buttons, label list, dropdown, numeric range, select2 (single & multiple select). Fine-tune the filter with the choice of relation (AND or OR) between terms and parents. User-friendly more/less and toggle options, ideal for managing extensive lists. Choose how filters are applied: Auto-submission or Submit button mode. Filter Widget Demo – See the filter in action. Post Widget Key Features: Query multiple post types at once. Do more with less – display posts, users, and taxonomies using a single widget. Effortlessly switch between a dynamic carousel or grid layout at different breakpoints. Make the most of Swiper API with advanced features such as carousel synching, parallax effects, and more. Multiple layout options, including classic, on the side, banner, template grid (loop grid), and custom HTML. Possibility to create your own loop grid, with any dynamic tags and Elementor widgets. Flexible post content options: title, content, excerpt, custom field/ACF, taxonomy, HTML, post meta, read more, bookmark, edit options, product price, product rating, buy now, and product badge. Flexible query system with AJAX pagination. Customize widget content and style like native Elementor widgets. Feed-style layouts with taxonomy-based grouping, ideal for magazine or news-style content. Post Slider/Carousel Demo – Check out the post widget possibilities. Create Loop Grids for Free: Create dynamic loop grids without Elementor Pro. Design fully custom layouts using any Elementor widget and dynamic tag, while keeping full compatibility with filtering and AJAX pagination. Exclusive Dynamic Tags: Exclusive Repeater Field Tag: Unlock the ability to directly output ACF repeater fields in the Elementor frontend, with the flexibility to wrap each part in different HTML tags. Includes a series of dynamic tags, allowing users to fully utilize template grids with the free version. Crafted for Seamless Elementor Integration: Blends seamlessly with Elementor’s native interface. No disruptive branding — Enjoy a clean, streamlined interface without unnecessary distractions. Lightweight design, utilizing Elementor’s resources to minimize external dependencies. Developer-Friendly: Tailor the widgets to your needs using dedicated filters and developer hooks. Troubleshooting Make sure the Post Widget class name and the Filter Widget target match. Check for incompatible plugins or theme conflicts: Temporarily switch to a default WordPress theme. Deactivate all other plugins except Elementor and Better Post & Filter Widgets. Test the filter. If it works, reactivate your plugins one by one to find the one causing the conflict. Disable caching or optimization plugins while testing, as they can interfere with AJAX. Check the browser console for JavaScript errors (press F12 and look under the Console tab) and resolve any errors that appear. Docs and Support Find support for this plugin in the documentation. Source Code This plugin includes both compressed and uncompressed versions of CSS and JavaScript files and can be found under the /assets/ directory.

Have you ever wanted to alter the way Elementor renders one of its widgets on your website? Fundamento provides an easier way to achieve this by allowing you to inject extra CSS classes into Elementor’s widgets. Usage Tell Elementor that you have a new skin available by utilizing the following code in your functions.php file: Add an action to initialize Fundamento, then add a call to Fundamento’s register_skin() function: if(is_plugin_active('fundamento/fundamento.php')) { function fundamento_init() { // create a new Fundamento instance $f = \Fundamento\Plugin::instance(); // register a new skin $f->register_skin([ 'name' => 'Red', // The name of your new skin, as it will appear in Elementor 'element' => 'button', // The elementor element you are skinning 'is_default' => true, // optional - should this skin be set by default on all elements of this type 'css' => get_stylesheet_directory_uri() . '/skins/button/red.css', // optional - have Fundamento enqueue an extra css file 'js' => get_stylesheet_directory_uri() . '/skins/button/red.js', // optional - have Fundamento enqueue an extra js file ]); } add_action('elementor/init', 'fundamento_init'); } Add the selector to your css file: /* Class will always be .skin-{element}-{name} */ /* Name is transformed to lowercase and spaces are replaced with "-" */ .skin-button-red { background: #f00; } Tell Elementor that you have a new padding preset by utilizing the following code in your functions.php file: Add an action to initialize Fundamento, then add a call to Fundamento’s register_padding() function: if(is_plugin_active('fundamento/fundamento.php')) { function fundamento_init() { // create a new Fundamento instance $f = \Fundamento\Plugin::instance(); // register a new skin $f->register_padding([ 'name' => 'Standard', // The name of your padding preset, as it will appear in Elementor 'element' => 'section', // The elementor element you are skinning 'padding' => '30px', // The value and unit of the amount of padding this preset should apply 'is_default' => true, // optional - should this skin be set by default on all elements of this type ]); } add_action('elementor/init', 'fundamento_init'); }