=== Flexi Post Grid === Contributors: creativewebui Tags: elementor grid, event grid, blog grid, post slider, product grid Requires at least: 5.6 Tested up to: 6.9.4 Requires PHP: 7.4 Stable tag: 1.2.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 is a powerful Elementor Post Grid plugin that helps you display posts, pages, and custom post types in clean and flexible layouts. Instead of designing complex layouts manually, you can start with ready-made grid styles and customize everything directly inside Elementor. Control spacing, typography, images, overlays, and element visibility without writing code. Flexi Post Grid also provides flexible query options so you can decide exactly which posts appear in the grid. Filter by categories, include or exclude specific posts, adjust sorting, or skip posts using the offset option. The plugin supports multiple pagination types including **Classic Pagination**, **Load More Button (AJAX)**, and **Infinite Scroll (AJAX)** for smooth browsing. You can also convert any grid layout into a **Post Grid Slider / Carousel** directly from the widget settings. Flexi Post Grid is perfect for blogs, news websites, portfolios, events, WooCommerce stores, and any site that needs organized content grids. == Video Demo == https://www.youtube.com/watch?v=OiRiQo9zrlo == How Flexi Post Grid Works == Step 1: **Select Your Content** Choose the post type and control which posts appear in the grid. Filter by categories, include or exclude specific posts, and control sorting or post offset. Step 2: **Choose a Layout** Start with a preset grid design suitable for blogs, news websites, portfolios, or events. Layouts automatically adapt to different screen sizes. Step 3: **Customize the Appearance** Adjust colors, typography, spacing, overlays, and image settings. Control which elements appear inside the grid such as title, meta, excerpt, thumbnail, or button. Step 4: **Display the Grid Anywhere** Insert the Flexi Post Grid widget into any Elementor section and instantly display dynamic content. == Free Features == - **10 Ready-to-Use Grid Layouts** Start with modern layouts designed for blogs, portfolios, and content sections. - **Flexible Query Controls** Choose post type, filter by categories, include or exclude specific posts, and control sorting. - **Post Offset Support** Skip the first set of posts to create unique content flows. - **Advanced Image Settings** Control image size, object-fit behavior, and wrapper height. - **Grid Button Hover Effects** Add interactive hover animations to grid buttons. - **Post Meta Display** Show categories, author name, publication date, and tags. - **Element Visibility Options** Toggle individual elements like title, thumbnail, meta, excerpt, and button. - **Custom Icons for Buttons** Use icons alongside call-to-action buttons. - **Fallback Image Support** Display a default image if a post does not have a featured image. - **Overlay Effects** Apply overlay layers to images for improved visual styling. - **Responsive Layout Controls** Define grid behavior separately for desktop, tablet, and mobile. - **Custom CSS Field** Add additional styling directly from the widget settings. - **Optional AJAX Filters** Allow users to filter posts dynamically without page reloads. - **Custom Loader Color** Adjust the loader animation color used during AJAX loading. - **Optimized Performance** Lightweight code ensures smooth loading and good performance. == Learn More == - [🌐 Plugin Demo](https://creativewebui.com/flexi-post-grid/preset-grids/) – Explore different grid layouts in action. - [📘 Documentation](https://creativewebui.com/flexi-post-grid/documentation/) – Step-by-step guides and tutorials. - [⭐ Get Pro Version](https://creativewebui.com/flexi-post-grid/pricing/) – Unlock advanced layouts, WooCommerce grids, sliders, and additional customization options. == Pro Features == Flexi Post Grid Pro expands the plugin with additional layout options and advanced features. - **16+ Premium Layout Designs** Additional layouts for blogs, portfolios, events, teams, and products. - **WooCommerce Product Grid** Display products with price, hover images, color swatches, and wishlist features. - **Grid Slider / Carousel Mode** Convert any grid into a slider with autoplay, navigation arrows, and pagination dots. - **Advanced Slider Controls** Adjust slides per view, autoplay timing, spacing, and animation speed. - **AJAX Pagination Options** Classic pagination, load more button, and infinite scroll. - **Image Hover Animations** Add interactive animations and overlay effects to grid images. - **Dynamic Custom Field Integration** Display custom fields created by third-party plugins. - **Wishlist System** Built-in wishlist feature with shortcode support: [fpg_wishlist]. - **Event Expiration Logic** Automatically hide expired events based on the event date. - **Enhanced Responsive Controls** Fine-tune layout behavior across different devices. - **Custom CSS Per Grid** Apply individual CSS styling for specific grid instances. == Ideal For == - **Blog Websites** – Display recent posts and featured articles in modern grid layouts. - **Online Magazines** – Organize large volumes of content with categorized grids. - **Creative Agencies** – Showcase projects, portfolios, and team members. - **WooCommerce Stores** – Present products in dynamic product grids. - **Content Publishers** – Manage and display large content libraries effectively. == 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 or exclude categories or post IDs, set posts per page, offset posts, and control sorting. 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 and publish the page. == 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). = Is it translation-ready? = Yes. Text domain is `flexi-post-grid`. Language packs load automatically from WordPress.org. = Does it use AJAX? = Yes. Filtering and pagination are AJAX-powered for a smoother browsing experience. == Changelog == = 1.2.0 = * Added Include Posts (IDs) option to show specific posts. * Added Exclude Posts (IDs) option to hide selected posts. * Added Post Offset setting to skip initial posts while maintaining pagination. * Fixed category Include/Exclude fields not refreshing when changing post type in Elementor. = 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.2.0 = Added advanced query controls including Include / Exclude Post IDs and Post Offset. = 1.1.0 = New pagination types and performance improvements added. = 1.0.0 = First public release.