=== Flexi Post Grid === Contributors: creativewebui Tags: blog grid, post slider, product grid, elementor, news grid Requires at least: 5.6 Tested up to: 6.9 Requires PHP: 7.4 Stable tag: 1.1.0 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html AJAX-powered Post Grid widget for Elementor with preset layouts, filters, pagination types, and slider support. == Description == Flexi Post Grid helps you build professional post grids in Elementor with ease. Our most important feature is the **preset grid styles**, so users can instantly apply modern designs without spending time on manual customization. At the same time, we provide **complete design controls inside the widget**, allowing users to customize layouts, typography, colors, spacing, and more β€” starting from a preset style or building their own. With Flexi Post Grid, you can also turn any grid layout into a **Post Grid Slider / Carousel** by simply enabling the Slider option from the Grid Settings. No extra widget or complex setup is required. Flexi Post Grid supports multiple pagination types including **Classic Pagination**, **Load More Button (AJAX)**, and **Infinite Scroll (AJAX)**, giving you full control over how posts are loaded and displayed. You can use Flexi Post Grid to create grids for blogs, news posts, portfolios, team members, events, and custom post types with smooth filtering and pagination. = Video Demo = https://www.youtube.com/watch?v=OiRiQo9zrlo --- == Free Version Highlights == **Highlights** - 10+ responsive preset layouts (Blog, News, Portfolio, Team, Event) - Native Elementor controls (drag & drop, live preview) - AJAX filters and pagination (Classic Pagination, Load More Button (AJAX), and Infinite Scroll (AJAX)) - Image overlays, gradients, and hover animations - Fine control over image sizing (built-in sizes or custom), object-fit, and wrapper height - Per-device columns and ordering (desktop / tablet / mobile) - Optional custom CSS per grid - Accessible and translation-ready (`flexi-post-grid` text domain) This plugin integrates with **Elementor** and adds a β€œFlexi Post Grid” widget you can place anywhere. --- == Pro Version Highlights == **Live Links** - [🌐 Plugin Demo](https://creativewebui.com/flexi-post-grid/preset-grids/) - [πŸ“˜ Documentation](https://creativewebui.com/flexi-post-grid/documentation/) - [⭐ Get Pro Version](https://creativewebui.com/flexi-post-grid/pricing/) **Highlights** - 16+ responsive preset layouts (Blog, News, Portfolio, Team, Event, Product Grid) - WooCommerce Product Grid with price, swatches, hover image & wishlist - Grid Slider / Carousel (enable slider from grid settings) - Slider controls: slides per view, autoplay, arrows, dots, speed & spacing - Slider arrows styling: color, background, size, border radius & hover effects - Native Elementor controls (drag & drop, live preview) - AJAX filters and pagination (Classic Pagination, Load More Button (AJAX), and Infinite Scroll (AJAX)) - Image overlays, gradients, and hover animations - Fine control over image sizing (built-in sizes or custom), object-fit, and wrapper height - Per-device columns and ordering (desktop / tablet / mobile) - Optional custom CSS per grid - Accessible and translation-ready (`flexi-post-grid-pro` text domain) --- == Screenshots == 1. Settings β€” Manually include post types (Posts, Pages & CPTs) with one-click Save and quick Docs access. 2. Content controls β€” choose Post Type, include/exclude categories, set posts per page, order, and sort. 3. Image settings β€” resolution, crop/fit, wrapper height, spacing, borders, and radius. 4. Style panel β€” tune buttons, titles, descriptions, meta, overlays, filters, and pagination. 5. Preset grid styles β€” pick from Blog, News, Portfolio, Team, and Product Grid layouts. 6. Customizable filters & pagination β€” Classic Pagination, Load More Button (AJAX), and Infinite Scroll (AJAX). 7. Grid Slider / Carousel β€” enable slider from grid settings and control autoplay, arrows, and speed. 8. WooCommerce Product Grid β€” price, color swatches, hover image, wishlist, and custom buttons. --- == Installation == 1. Ensure **Elementor** is installed and active. 2. Upload the `flexi-post-grid` folder to `/wp-content/plugins/`. 3. Activate **Flexi Post Grid** from **Plugins β†’ Installed Plugins**. 4. Open Elementor, search for **Flexi Post Grid**, and drop it into your layout. 5. Configure your grid (layout, filters, pagination, slider, custom fields, etc.) and publish. --- == Frequently Asked Questions == = Does it work with any theme? = Yes. Flexi Post Grid works with any theme that supports Elementor. = Is Elementor required? = Yes. This plugin adds a widget for Elementor. = What pagination types are available? = Flexi Post Grid supports three pagination types: Classic Pagination, Load More Button (AJAX), and Infinite Scroll (AJAX). These pagination options are available in both Free and Pro versions. = Is it translation-ready? = Yes. Text domain is `flexi-post-grid`. When installed from WordPress.org, language packs load automatically. A `.pot` file is included in `/languages`. = Does it use AJAX? = Yes. Filtering and pagination are AJAX-driven for a smooth browsing experience. --- == Changelog == = 1.1.0 = * Added three pagination types: Classic Pagination, Load More Button (AJAX), and Infinite Scroll (AJAX). * UI and performance improvements. * Fixed special character display issue (e.g.,  ) in headings. = 1.0.0 = * Initial release: Elementor grid widget with AJAX filters, pagination, overlays, animations, and custom fields. --- == Upgrade Notice == = 1.1.0 = New pagination types and performance improvements added. = 1.0.0 = First public release.