Mô tả
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
Ảnh màn hình
Khối
Plugin này cung cấp 30 khối.
- FAQ Accordion A collapsible list of frequently asked questions about the product.
- Product Tabs Displays the current WooCommerce product's description, additional information and reviews tabs.
- Accordion Collapsible content panels, perfect for FAQs. Powered by the WordPress Interactivity API — no jQuery, minimal footprint.
- Product Specifications Displays the current WooCommerce product's attributes as a specification table, the same data shown in the native Additional Information tab.
- Urgency & Countdown A low-stock warning or countdown timer (sale end date or a custom deadline) that nudges shoppers toward buying now.
- Container A flexible wrapper section for grouping and laying out other blocks.
- 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.
- 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 Meta Displays the current WooCommerce product's SKU, categories and tags.
- Advanced Heading A heading block with adjustable level, alignment, colors and typography.
- Product Category Displays the current WooCommerce product's category as a small label — useful right above the Product Title.
- Product Title Displays the current WooCommerce product's title.
- Product Breadcrumbs Displays the WooCommerce breadcrumb trail for the current product.
- 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 Short Description Displays the current WooCommerce product's short description (excerpt).
- Advanced Button A customizable call-to-action button with link, colors and typography options.
- 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 Grid Display a responsive grid of WooCommerce products (latest, related, upsells or cross-sells), rendered dynamically so it always stays up to date.
- Product Price Displays the current WooCommerce product's price.
- Product Rating Displays the current WooCommerce product's star rating.
- Product Gallery Carousel A swipeable carousel of the current WooCommerce product's own images, with an optional thumbnail strip.
- Product Add to Cart Displays the WooCommerce add-to-cart form for the current product, including variations, quantity and stock handling.
- Related Products Displays WooCommerce's related products for the current product.
- Comparison Table A feature-by-feature comparison table, useful for plans, variants, size guides or specs.
- Tabs Organize content into switchable tabs. Powered by the WordPress Interactivity API with full keyboard support.
- Trust Badges A row of icon + label badges (e.g. Third-Party Tested, Vegan Friendly) in a soft rounded card, divided by vertical lines.
- Hero A full-width hero section with a heading, subheading, call-to-action button and an optional background image or video.
- Accordion Item A single collapsible panel inside an Accordion.
- Tab A single tab panel inside a Tabs block.
Cài đặt
- Make sure WooCommerce is installed and active.
- Upload the plugin to
/wp-content/plugins/noorpdp. - Run
npm install && npm run buildinside 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.
Đánh giá
Không có đánh giá nào cho plugin này.
Người đóng góp & Lập trình viên
“NoorPDP – Build Custom WooCommerce Product Pages” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.
Những người đóng góp
Dịch “NoorPDP – Build Custom WooCommerce Product Pages” sang ngôn ngữ của bạn.
Muốn tham gia phát triển?
Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.
Nhật ký thay đổi
1.0.0
- Initial release: WooCommerce product blocks, Product Layouts, per-product/category/site-wide template assignment, starter layouts and sections.