Directory / plugin

NoorPDP

v1.1.0 · by noorealam

Design beautiful WooCommerce product pages visually with Gutenberg blocks and premade templates — 100% free, no upsells.

View on WordPress.org

About this plugin

Tired of every product page on your store looking like every other default WooCommerce store? NoorPDP turns the standard WordPress block editor into a real WooCommerce product page builder — not a bloated, do-everything page builder with a learning curve of its own, just the editor you already know, pointed at the page that actually sells your product.

Build a Layout visually, assign it to one product, a whole category, or your entire catalog, and watch your product pages finally look like your brand instead of a theme default. No page-builder plugin to learn. No theme files to edit. No code.

Built on WooCommerce, not around it

  • Product Title, Rating, Price, Short Description, Add to Cart, Meta, Gallery, Tabs and Breadcrumbs blocks — each a thin wrapper around WooCommerce’s own woocommerce_template_single_*() functions, so variations, stock handling and reviews keep working exactly as WooCommerce implements them
  • The Product Gallery block renders WooCommerce’s own native gallery template, so zoom, lightbox and per-variation gallery swapping work exactly as they would on a theme’s default product page — wherever the active theme supports them
  • Works with classic and block themes — a Layout renders through a template override that keeps every WooCommerce hook firing in its normal position, so nothing else on your site breaks

Real design flexibility

  • Product Grid and Related Products blocks for latest/related/upsell product listings
  • Container, Heading, Button, Accordion and Tabs layout blocks for arranging everything exactly how you want it
  • Connect a Paragraph, Heading, Image or Button block directly to a product’s custom field — including an ACF field, when ACF is active — using WordPress’s own Block Bindings “Connect to custom field” picker
  • Shortcodes placed inside a Layout’s text content render normally, the same as they would in a theme’s regular content
  • An editor Template Library with premade full layouts and drop-in sections (FAQ accordion, trust badges, feature table) to start from instead of a blank canvas

Granular control, zero risk

  • Assign a Layout per product, per product category, or as the site-wide default; unconfigured products keep rendering exactly as vanilla WooCommerce always has
  • Deactivate any time — nothing is deleted, your product data is untouched, and pages simply fall back to your theme’s default

“NoorPDP has given me considerably more control over my product pages without requiring me to move to a heavyweight page builder… my product pages now feel much more like my own site, and the builder itself has been straightforward to work with.” — a 5-star review from a real store owner

Every block, every Layout, every premade template above is free — no license, no upsell, no locked feature anywhere in the plugin, and none planned.

External services

This plugin includes an optional “Cloud Templates” source that can fetch additional premade templates from a remote API. It is disabled by default and only activates if a site or another plugin explicitly defines the NOORPDP_CLOUD_URL constant (or hooks the noorpdp/cloud_api_url filter) with a real endpoint URL — out of the box, this plugin makes no external requests at all.

When enabled, the plugin sends a single GET request to the configured URL (no personal or site-identifying data included beyond standard HTTP headers) to retrieve a JSON list of templates, and caches the response in a transient for 12 hours.

Source Code

The JavaScript in the build/ directory is compiled from the human-readable source in src/. Full source, including the build tooling, is available at https://github.com/noorealamdev/noorpdp. To regenerate the compiled files:

npm install && npm run build

Plugin tags