Flexi Post Grid

Descrizione

๐Ÿ“„ 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

โš™๏ธ How Flexi Post Grid Works

๐Ÿ”น Step 1: Select Your Content

๐Ÿ”น Step 2: Choose a Layout

๐Ÿ”น Step 3: Customize the Appearance

๐Ÿ”น Step 4: Display the Grid Anywhere

๐ŸŽ 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 โ€“ Explore different grid layouts in action.

  • ๐Ÿ“˜ Documentation โ€“ Step-by-step guides and tutorials.

  • โญ Get Pro Version โ€“ Unlock advanced layouts, WooCommerce grids, sliders, and additional customization options.

๐Ÿš€ Pro 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.

๐Ÿ”Ž AJAX Content Popup (Posts & Custom Post Types)

  • โšก Open post details in a fast AJAX popup without page reload
  • ๐Ÿ“ Show title, image, content/excerpt, categories, and meta
  • ๐Ÿ”Œ Supports custom fields (ACF) and shortcodes
  • ๐Ÿ”— Add custom action button for internal or external links
  • ๐ŸŽจ Fully customizable design and responsive behavior

  • ๐ŸŒ View Demo โ€“ See the AJAX post popup in action.

๐Ÿ“… Event Popup (Advanced Event Layout)

  • ๐Ÿ“… Display event start date, end date, expiry date, and location
  • โ›” Automatically hide expired events
  • โฑ๏ธ Flexible date formats and optional countdown timer
  • ๐ŸŽŸ๏ธ Add action buttons such as Book Now, Register, or View Details
  • ๐Ÿ“Œ Ideal for events, webinars, and time-based content

  • ๐ŸŒ View Demo โ€“ Explore the event popup layout.

๐Ÿ›’ WooCommerce Product Popup (Quick View)

  • ๐Ÿ›’ Open product quick view popup directly from the grid
  • ๐Ÿ–ผ๏ธ Show product image/gallery, title, description, price, rating, SKU, and stock
  • ๐ŸŽจ Supports variable products, color, size, and attributes
  • โž• Add to cart, quantity selector, Buy Now button, wishlist, and image zoom
  • ๐Ÿ“ฑ Optimized for desktop and mobile shopping experience

  • ๐ŸŒ View Demo โ€“ Preview the WooCommerce quick view popup.

๐ŸŽฏ 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.

Screenshot

  • Settings โ€” Manually include post types (Posts, Pages & CPTs) with one-click Save and quick Docs access.
  • Content controls โ€” choose post type, include or exclude categories or post IDs, set posts per page, offset posts, and control sorting.
  • Image settings โ€” resolution, crop/fit, wrapper height, spacing, borders, and radius.
  • Style panel โ€” tune buttons, titles, descriptions, meta, overlays, filters, and pagination.
  • Preset grid styles โ€” pick from Blog, News, Portfolio, Team, and Product Grid layouts.
  • Customizable filters & pagination โ€” Classic Pagination, Load More Button (AJAX), and Infinite Scroll (AJAX).

Installazione

  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.

FAQ

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.

Recensioni

Non ci sono recensioni per questo plugin.

Contributi e sviluppo

“Flexi Post Grid” รจ un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

Changelog

1.3.0

  • Improved Elementor editor category loading for Include Categories and Exclude Categories fields.
  • Fixed category fields showing empty or outdated options after switching post types.
  • Improved category selection memory when switching between post types.
  • Fixed AJAX nonce recovery issue after WordPress logout/login session restore.
  • Improved grid reload stability in Elementor editor, frontend, and mobile views.
  • Minor JavaScript stability and compatibility improvements.

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.