Description

NoorPDP lets you redesign the WooCommerce single product page without touching a theme file:

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
Product Grid and Related Products blocks for latest/related/upsell product listings
Container, Heading, Button, Accordion and Tabs layout blocks for arranging everything
Product Layouts — full page arrangements built in the standard block editor, so it works on any theme, not just block themes
Assign a Layout per product, per product category, or as the site-wide default; unconfigured products keep rendering exactly as vanilla WooCommerce always has
An editor Template Library with premade full layouts and drop-in sections (FAQ accordion, trust badges, feature table)

Everything above is free — no license, upsell, or locked feature anywhere in the plugin.

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

Blocks

This plugin provides 30 blocks.

Product Meta Displays the current WooCommerce product's SKU, categories and tags.
Tabs Organize content into switchable tabs. Powered by the WordPress Interactivity API with full keyboard support.
Feature Cards A row or grid of cards, each with a heading and a line of supporting text — useful for ingredients, benefits, or feature highlights.
Product Gallery Carousel A swipeable carousel of the current WooCommerce product's own images, with an optional thumbnail strip.
Comparison Table A feature-by-feature comparison table, useful for plans, variants, size guides or specs.
Hero A full-width hero section with a heading, subheading, call-to-action button and an optional background image or video.
Product Grid Display a responsive grid of WooCommerce products (latest, related, upsells or cross-sells), rendered dynamically so it always stays up to date.
Product Reviews A rating summary with a star breakdown and a responsive grid of the current WooCommerce product's reviews, rendered dynamically so it always stays up to date.
Product Title Displays the current WooCommerce product's title.
Product Category Displays the current WooCommerce product's category as a small label — useful right above the Product Title.
Urgency & Countdown A low-stock warning or countdown timer (sale end date or a custom deadline) that nudges shoppers toward buying now.
Sticky Add to Cart Bar A bar fixed to the bottom of the screen with the product thumbnail, name, price and a Buy Now button — appears once the visitor scrolls past the main Add to Cart block.
Product Specifications Displays the current WooCommerce product's attributes as a specification table, the same data shown in the native Additional Information tab.
Icon List A list of short lines, each with a picked icon instead of a bullet — e.g. shipping info, trust points, feature highlights.
Review Carousel A curated, swipeable carousel of hand-picked reviews for a chosen product.
Product Price Displays the current WooCommerce product's price.
FAQ Accordion A collapsible list of frequently asked questions about the product.
Product Rating Displays the current WooCommerce product's star rating.
Product Tabs Displays the current WooCommerce product's description, additional information and reviews tabs.
Advanced Button A customizable call-to-action button with link, colors and typography options.
Container A flexible wrapper section for grouping and laying out other blocks.
Accordion Collapsible content panels, perfect for FAQs. Powered by the WordPress Interactivity API — no jQuery, minimal footprint.
Trust Badges A row of icon + label badges (e.g. Third-Party Tested, Vegan Friendly) in a soft rounded card, divided by vertical lines.
Product Breadcrumbs Displays the WooCommerce breadcrumb trail for the current product.
Product Short Description Displays the current WooCommerce product's short description (excerpt).
Related Products Displays WooCommerce's related products for the current product.
Product Add to Cart Displays the WooCommerce add-to-cart form for the current product, including variations, quantity and stock handling.
Advanced Heading A heading block with adjustable level, alignment, colors and typography.
Tab A single tab panel inside a Tabs block.
Accordion Item A single collapsible panel inside an Accordion.

Installation

Make sure WooCommerce is installed and active.
Upload the plugin to /wp-content/plugins/noorpdp.
Run npm install && npm run build inside the plugin directory (development installs only).
Activate the plugin through the Plugins screen.
Go to Products Add New Product Layout, build a layout, then assign it to a product from the “Product Page Template” box on the product edit screen.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“NoorPDP – Build WooCommerce Product Pages and Customize” is open source software. The following people have contributed to this plugin.

noorealam

Translate “NoorPDP – Build WooCommerce Product Pages and Customize” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0

Initial release: WooCommerce product blocks, Product Layouts, per-product/category/site-wide template assignment, starter layouts and sections.