WebOptics

Haseeb Nawaz Awan

Saleem Munawar

Muhammad Asad

M.Nawaz Khalid

The Advanced Post Grid plugin allows you to create customizable and responsive grid layouts to display your posts, pages, or any custom content dynamically. Designed for flexibility and ease of use, this plugin integrates seamlessly with the Gutenberg block editor, offering an intuitive way to showcase your content in a visually appealing grid format. Whether you’re building a blog, portfolio, or product showcase, this plugin gives you full control over the number of columns, layout styling, and content arrangement..
<h4>Features</h4>
<ul>
<li>Dynamic Column Control: Choose the number of columns to display in the grid, adapting to your design requirements.</li>
<li>Customizable Layouts: Style your grids with custom CSS or use default settings for a clean and responsive design.</li>
<li>Dynamic Content Support: Display posts, pages, or any REST-enabled public post type with ease.</li>
<li>Mobile Responsive: Per-block tablet and mobile column controls with an independent responsive toggle.</li>
<li>Shortcode Support: Use <code>[advance_post_grid]</code> anywhere — pages, widgets, classic editor.</li>
<li>Developer Friendly: Extend the plugin’s functionality with hooks, filters, and templates.</li>
</ul>
<h4>Shortcode</h4>
Use [advance_post_grid] anywhere shortcodes are supported — pages, widgets, or the classic editor.
Available attributes (all optional):
<ul>
<li>posttype — Post type to display. Default: post. Accepts any REST-enabled public post type slug.</li>
<li>postgrid — Desktop column count. Default: 3. Accepts: 1, 2, 3, 4.</li>
<li>postgridtablet — Tablet column count. Default: 2. Only applied when enablepostgridres=”true”.</li>
<li>postgridmobile — Mobile column count. Default: 1. Only applied when enablepostgridres=”true”.</li>
<li>enablepostgridres — Enable independent tablet and mobile columns. Default: true. Accepts: true, false.</li>
<li>postperpage — Number of posts per page. Default: 12.</li>
<li>postorder — Sort direction. Default: DESC. Accepts: ASC, DESC.</li>
<li>postorderby — Sort field. Default: title. Accepts: title, date, modified, menu_order, rand, comment_count.</li>
<li>showhidepagi — Show pagination. Default: true. Accepts: true, false.</li>
<li>showhidelink — Show post links and Read More button. Default: true. Accepts: true, false.</li>
<li>showhidecat — Show category badges. Default: true. Accepts: true, false.</li>
<li>showhidedate — Show post date. Default: true. Accepts: true, false.</li>
<li>showhidert — Show estimated read time. Default: true. Accepts: true, false.</li>
</ul>
Example: [advance_post_grid posttype=”product” postgrid=”4″ postperpage=”8″ postorderby=”date” showhidedate=”false” showhidert=”false”]

Advance Post Grid

The plugin allows you to create responsive grid layouts to display your posts, pages, or any custom content dynamically.

WPXERO

What Gridify Plus does
Gridify Plus adds two Elementor widgets you drag onto any page or template:
<ol>
<li>Post Grid — Lists WordPress blog posts (articles, news, guides) in a responsive tile layout with optional filters and pagination.</li>
<li>Product Grid — Lists shop catalog items when WooCommerce is active: featured products, sales, best sellers, categories/tags, pricing, ratings, add to cart, and optional gallery-hover imagery.</li>
</ol>
You configure queries and styling entirely inside Elementor’s sidebar—no custom PHP templates required—making it practical for merchants, publishers, and agencies who want repeatable shop or magazine layouts.
Why install it
Gridify Plus replaces brittle manual loops or generic theme archives when you need a purpose-built Elementor grid for posts or products: filtered listings, conversion-focused cards (reviews, badges, cart buttons), and AJAX load-more so visitors can browse deeper catalogs without a full page reload.
Whether you run an online store, a magazine-style blog, or a hybrid marketing site, Gridify Plus keeps catalog and editorial grids aligned with your brand—readable on mobile, easy for teammates to edit, and simpler to maintain across sites.
<h4>Core capabilities</h4>
Two dedicated widgets
<ul>
<li>Post Grid — Curate blog content by category, ordering, exclusions, and pagination; optional publish date, excerpt length, author presentation, and control over sticky posts.</li>
<li>Product Grid — WooCommerce-aware grids with merchandising presets (featured, on sale, best sellers, top rated, recent), category and tag filtering, optional hiding of free or out-of-stock products, and granular card controls.</li>
</ul>
WooCommerce product cards
Show or hide product imagery, titles, star ratings (when reviews are enabled), sale badges, prices, add-to-cart actions, category badges, and seller/author rows. Optional gallery image swap on hover helps product tiles feel closer to premium storefront builders—without leaving your Elementor workflow.
Pagination that matches real UX
Choose numbered pagination, Load more (AJAX) (no full page reload), or no pagination—for both post and product grids—so you can align behavior with landing pages, category hubs, or long editorial indexes.
Responsive layout
Column counts and spacing are responsive across breakpoints so grids stay readable on phones and tablets—supporting a smoother experience that complements Core Web Vitals–friendly practices.
Deep styling in Elementor
Adjust backgrounds, borders, radius, shadows, typography, and colors for cards, images, titles, prices, categories, author blocks, pagination, and load-more controls—keeping visual language on-brand.
Compatibility you can plan around
<ul>
<li>Declares support for WooCommerce High-Performance Order Storage (HPOS).</li>
<li>Multisite-aware detection when WooCommerce is active on a network.</li>
<li>Elementor version guards and predictable widget registration suitable for production sites.</li>
</ul>
<h4>Who it is for</h4>
<ul>
<li>Store owners building shop, category, sale, or featured-product sections with Elementor.</li>
<li>Publishers & marketers who need dependable blog grids, archive-style blocks, and author-aware layouts.</li>
<li>Agencies & freelancers standardizing reusable grid patterns across WooCommerce and content-heavy builds.</li>
</ul>
<h4>Requirements (quick reference)</h4>
<ul>
<li>Elementor is required (widgets register through Elementor).</li>
<li>WooCommerce is required only for the Product Grid widget; Post Grid runs on a standard WordPress site.</li>
</ul>

Gridify Plus

Elementor Post Grid and Product Grid (for WooCommerce): responsive grids, query filters, AJAX load-more, product cards with add to cart, HPOS-ready.

Advance Post Grid vs Gridify Plus