
內容簡介
NoorPDP 是一款專為 WooCommerce 設計的產品頁面建構外掛,讓使用者能夠在標準區塊編輯器中視覺化地重新設計單一產品頁面,無需修改佈景主題檔案。
【主要功能】
• 視覺化編輯單一產品頁面
• 支援產品網格和相關產品區塊
• 提供多種佈局和排版區塊
• 每個產品可指定不同佈局
• 內建範本庫提供預製佈局
• 無需付費或解鎖功能
外掛標籤
開發者團隊
② 後台搜尋「NoorPDP – Build Custom WooCommerce Product Pages」→ 直接安裝(推薦)
原文外掛簡介
Live Demo | Documentation
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
