Title: NoorPDP – Build WooCommerce Product Pages and Customize Author: noorealam Published: August 15, 2026 Last modified: August 15, 2026 --- Search plugins ![](https://ps.w.org/noorpdp/assets/banner-772x250.png?rev=3648451) ![](https://ps.w.org/noorpdp/assets/icon-128x128.png?rev=3648451) # NoorPDP – Build WooCommerce Product Pages and Customize By [noorealam](https://profiles.wordpress.org/noorealam/) [Download](https://downloads.wordpress.org/plugin/noorpdp.1.0.0.zip) * [Details](https://wordpress.org/plugins/noorpdp/#description) * [Reviews](https://wordpress.org/plugins/noorpdp/#reviews) * [Installation](https://wordpress.org/plugins/noorpdp/#installation) * [Development](https://wordpress.org/plugins/noorpdp/#developers) [Support](https://wordpress.org/support/plugin/noorpdp/) ## 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 1. Make sure WooCommerce is installed and active. 2. Upload the plugin to `/wp-content/plugins/noorpdp`. 3. Run `npm install && npm run build` inside the plugin directory (development installs only). 4. Activate the plugin through the Plugins screen. 5. 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. Contributors * [ noorealam ](https://profiles.wordpress.org/noorealam/) [Translate “NoorPDP – Build WooCommerce Product Pages and Customize” into your language.](https://translate.wordpress.org/projects/wp-plugins/noorpdp) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/noorpdp/), check out the [SVN repository](https://plugins.svn.wordpress.org/noorpdp/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/noorpdp/) by [RSS](https://plugins.trac.wordpress.org/log/noorpdp/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release: WooCommerce product blocks, Product Layouts, per-product/category/ site-wide template assignment, starter layouts and sections. ## Meta * Version **1.0.0** * Last updated **13 hours ago** * Active installations **Fewer than 10** * WordPress version ** 6.6 or higher ** * Tested up to **7.0.4** * PHP version ** 7.4 or higher ** * Tags * [blocks](https://wordpress.org/plugins/tags/blocks/)[gutenberg](https://wordpress.org/plugins/tags/gutenberg/) [page builder](https://wordpress.org/plugins/tags/page-builder/)[product page](https://wordpress.org/plugins/tags/product-page/) [woocommerce](https://wordpress.org/plugins/tags/woocommerce/) * [Advanced View](https://wordpress.org/plugins/noorpdp/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/noorpdp/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/noorpdp/reviews/) ## Contributors * [ noorealam ](https://profiles.wordpress.org/noorealam/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/noorpdp/)