Title: NoorPDP – Build Custom WooCommerce Product Pages Author: noorealam Published: 15 آگوست 2026 Last modified: 26 آگوست 2026 --- جستجوی افزونه‌ها ![](https://ps.w.org/noorpdp/assets/banner-772x250.png?rev=3648451) ![](https://ps.w.org/noorpdp/assets/icon-128x128.png?rev=3648451) # NoorPDP – Build Custom WooCommerce Product Pages توسط [noorealam](https://profiles.wordpress.org/noorealam/) [دانلود](https://downloads.wordpress.org/plugin/noorpdp.1.0.0.zip) * [جزئیات](https://fa.wordpress.org/plugins/noorpdp/#description) * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/noorpdp/#reviews) * [نصب](https://fa.wordpress.org/plugins/noorpdp/#installation) * [توسعه](https://fa.wordpress.org/plugins/noorpdp/#developers) [پشتیبانی](https://wordpress.org/support/plugin/noorpdp/) ## توضیحات [Live Demo](https://noor-e-alam.com/noorifa/) | [Documentation](https://noor-e-alam.com/docs/noorpdp/user-guide.html) **NoorPDP is a WooCommerce product page builder** that lets you redesign the single product page visually, in the standard block editor, 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 ``` ## عکس‌های صفحه [⌊Screenshot 1 showing frontend product page.⌉⌊Screenshot 1 showing frontend product page.⌉[ Screenshot 1 showing frontend product page. [⌊Screenshot 2 showing frontend product page.⌉⌊Screenshot 2 showing frontend product page.⌉[ Screenshot 2 showing frontend product page. [⌊Screenshot 3 showing frontend product page.⌉⌊Screenshot 3 showing frontend product page.⌉[ Screenshot 3 showing frontend product page. [⌊Screenshot 4 showing frontend product page.⌉⌊Screenshot 4 showing frontend product page.⌉[ Screenshot 4 showing frontend product page. [⌊Screenshot 5 showing frontend product page.⌉⌊Screenshot 5 showing frontend product page.⌉[ Screenshot 5 showing frontend product page. [⌊Screenshot 6 showing frontend product page.⌉⌊Screenshot 6 showing frontend product page.⌉[ Screenshot 6 showing frontend product page. ## بلوک‌ها این افزونه 30 بلوک ارائه می‌دهد. * 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. ## نصب 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.1. Make sure WooCommerce is installed and active. 6. Upload the plugin to `/wp-content/plugins/noorpdp`. 7. Run `npm install && npm run build` inside the plugin directory (development installs only). 8. Activate the plugin through the Plugins screen. 9. 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. ## سوالات متداول ### Do I need to know how to code? No. NoorPDP adds blocks to the standard WordPress block editor — you build your product page the same way you’d build any other page, with no PHP or template files to edit. ### Will this work with my theme? Yes. A Layout renders through a template override that keeps every WooCommerce hook( sale badges, “recently viewed”, structured data, etc.) firing in its normal position, so it works with classic and block themes alike — not just block themes. ### Does NoorPDP replace WooCommerce’s own product page logic? No. Every block is a thin wrapper around WooCommerce’s own rendering functions, so variations, stock handling, reviews and add-to-cart behave exactly as WooCommerce implements them — you’re only changing the layout, not the underlying logic. ### What happens to my product pages if I deactivate NoorPDP? They fall back to whatever your theme/WooCommerce would normally show. Nothing is deleted, and your Layouts and assignments are still there if you reactivate the plugin later. ### Can I use a different design for one product, a whole category, and everything else? Yes. NoorPDP checks a per-product choice first, then a per-category default, then your site-wide default — whichever matches first wins. ### Where do I find the premade templates? Open a Product Layout in the block editor and click the “NoorPDP” button in the toolbar to browse the Template Library — full page layouts and drop-in sections like FAQ accordions, trust badges and feature tables. ## نقد و بررسی‌ها نقد و بررسی‌ای برای این افزونه یافت نشد. ## توسعه دهندگان و همکاران “NoorPDP – Build Custom WooCommerce Product Pages” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند. مشارکت کنندگان * [ noorealam ](https://profiles.wordpress.org/noorealam/) [ترجمه “NoorPDP – Build Custom WooCommerce Product Pages” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/noorpdp) ### علاقه‌ مند به توسعه هستید؟ [کد را مرور کنید](https://plugins.trac.wordpress.org/browser/noorpdp/)، [مخزن SVN](https://plugins.svn.wordpress.org/noorpdp/) را بررسی کنید، یا از طریق [RSS](https://plugins.trac.wordpress.org/log/noorpdp/?limit=100&mode=stop_on_copy&format=rss) در [گزارش توسعه](https://plugins.trac.wordpress.org/log/noorpdp/) مشترک شوید. ## گزارش تغییرات #### 1.0.0 * Initial release: WooCommerce product blocks, Product Layouts, per-product/category/ site-wide template assignment, starter layouts and sections. ## اطلاعات * نگارش **1.0.0** * آخرین به‌روزرسانی **4 روز پیش** * نصب‌های فعال **کمتر از 10** * نگارش وردپرس ** 6.6 یا بالاتر ** * آزمایش‌شده تا **7.1** * نگارش PHP ** 7.4 یا بالاتر ** * زبان * [English (US)](https://wordpress.org/plugins/noorpdp/) * برچسب * [blocks](https://fa.wordpress.org/plugins/tags/blocks/)[gutenberg](https://fa.wordpress.org/plugins/tags/gutenberg/) [page builder](https://fa.wordpress.org/plugins/tags/page-builder/)[product page](https://fa.wordpress.org/plugins/tags/product-page/) [woocommerce](https://fa.wordpress.org/plugins/tags/woocommerce/) * [نمایش پیشرفته](https://fa.wordpress.org/plugins/noorpdp/advanced/) ## امتیازها هنوز هیچ نقدی ارسال نشده است. [بررسی شما](https://wordpress.org/support/plugin/noorpdp/reviews/#new-post) [مشاهدهٔ همهٔ بررسی‌ها](https://wordpress.org/support/plugin/noorpdp/reviews/) ## مشارکت کنندگان * [ noorealam ](https://profiles.wordpress.org/noorealam/) ## پشتیبانی چیزی برای گفتن دارید؟ نیاز به کمک دارید؟ [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/noorpdp/)