Productberg: Product Carousel & Categories Grid Blocks for WooCommerce
| 开发者 | imtiazrayhan |
|---|---|
| 更新时间 | 2026年10月22日 12:02 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- Choose the product source: latest, featured, on-sale products, and more.
- Set how many products to load and hide out-of-stock items with one toggle.
- Responsive slides per view: set a different number of slides for desktop, tablet, and mobile.
- Image aspect ratio: keep every product image the same shape for a clean, even row.
- Navigation: turn arrows and pagination dots on or off.
- Choose what each card shows: image, title, price, rating, add to cart button, and sale badge.
- Add to cart button width: auto, full width, or a custom width.
- Sorting: order products by date and more, in ascending or descending order.
- Text alignment: left, center, or right.
- Typography: control the size and appearance of product titles and prices.
- Colors: set colors for the block background, card background, title, price, rating, add to cart button and text, sale badge, arrows, and pagination dots.
- Spacing and borders: adjust the gap between slides, card corner radius, and button corner radius.
- Pick your categories, or leave the field empty to show your top-level categories automatically.
- Hide empty categories so shoppers never land on a page with no products.
- Responsive columns: set a different column count for desktop, tablet, and mobile.
- Image aspect ratio: keep category images consistent.
- Choose what each card shows: category image, product count, and description.
- Sorting: order categories by name and more, in ascending or descending order.
- Text alignment: left, center, or right.
- Typography: control the size and appearance of category names, product counts, and descriptions.
- Colors: set colors for the block background, card background, category name, product count, description, and image overlay.
- Spacing: adjust the row and column gaps.
- Built for the block editor. Productberg blocks are native WordPress blocks, so they work with block themes, classic themes, and the Site Editor.
- Live preview. Your real products, prices, and sale badges appear in the editor while you design.
- Fits your theme. Blocks inherit your theme's fonts and colors by default. Change only what you want.
- Focused and lightweight. Each block does one job well, without extra page builders or frameworks.
- Ultimate Blocks: essential content blocks for the block editor.
- Tableberg: a table block builder.
- Galleryberg: a gallery block.
- Sliderberg: a slider block.
安装:
- Make sure WooCommerce is installed and active.
- Go to Plugins > Add New Plugin.
- Search for Productberg.
- Click Install Now, then Activate.
- Download the plugin ZIP file from WordPress.org.
- Go to Plugins > Add New Plugin > Upload Plugin.
- Choose the ZIP file, click Install Now, then Activate.
- Open any page or post in the block editor.
- Click the + button and search for "Product Carousel" or "Product Categories Grid".
- Insert the block and adjust its settings in the block sidebar on the right.
屏幕截图:
常见问题:
Does Productberg require WooCommerce?
Yes. Productberg displays your WooCommerce products and categories, so WooCommerce must be installed and active.
Is Productberg an official WooCommerce plugin?
No. Productberg is an independent plugin made by DotCamp. It is built to work with WooCommerce but is not affiliated with or endorsed by WooCommerce or Automattic.
Does it work with my theme?
Productberg blocks work with any theme that supports the block editor, including block themes and classic themes. The blocks use your theme's fonts and colors by default.
Can I use the blocks in the Site Editor?
Yes. You can add both blocks to templates and template parts in the Site Editor, as well as to regular pages and posts.
Can I show different numbers of slides or columns on mobile?
Yes. Use the desktop, tablet, and mobile icons in the Layout panel to set slides per view (Product Carousel) or columns (Product Categories Grid) for each screen size.
Which products can the Product Carousel show?
You can choose a source such as latest, featured, or on-sale products, set how many to show, and hide out-of-stock items.
Which categories does the Product Categories Grid show by default?
If you do not select any categories, the block shows your top-level product categories. Turn on "Hide empty categories" to show only categories that contain at least one product.
Why is a category showing a placeholder instead of an image?
The block uses the thumbnail set on each product category. Go to Products > Categories, edit the category, and add a thumbnail image.
Will the blocks slow down my site?
Productberg loads its styles and scripts only on pages where its blocks are used.
Where can I get help?
Please post in the support forum. We read every topic.
更新日志:
- FIX: Text domain now matches the plugin slug so community translations work.
- FIX: Build is reproducible from the included sources (pnpm workspace config, corrected shared import).
- DOC: Added Source Code section with build steps and third-party library attribution.
- FIX: Technical issues.
- Initial release.
- New: Product Carousel block.
- New: Product Categories Grid block.