WDOnline Product Tabs for WooCommerce
| 开发者 | wdonlinedk |
|---|---|
| 更新时间 | 2026年10月7日 23:28 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- Create global tabs with rich content and shortcodes.
- Show global tabs on selected products or categories; exclusions take priority.
- Add unlimited tabs unique to one product under Product data > Product Tabs, using a visual editor with images and shortcodes.
- Temporarily hide a product-specific tab without deleting its content.
- Hide a global tab or replace its title and content on a specific product.
- Drag standard and reusable tabs into one shared order; change standard tab labels and visibility.
- Drag product-specific tabs into their own order below standard and reusable tabs.
- Customize tab button and content backgrounds, text colors, and text sizes in the separate Design settings tab.
- Set active and hover colors, and disable styling while retaining saved design settings.
- Insert shortcodes from WDOnline Content Sections into a reusable tab when that separate plugin is active.
- Keep working if the separate WD Online Support Diagnostics plugin is unavailable. A privacy-conscious
wdonlinept_diagnosticsfilter offers basic diagnostic data to integrations.
woocommerce_product_tabs filter. Theme templates or Product Details block layouts that do not use this filter may require separate integration.
No diagnostic data is sent to external servers.
Learn more on the WD Online product page.
安装:
- Install and activate WooCommerce.
- Upload the plugin ZIP under Plugins > Add New > Upload Plugin.
- Activate the plugin.
- Open WD Online > Product Tabs to create a global tab or change standard tabs.
- In the classic WooCommerce product editor, open Product data > Product Tabs, click Add product tab, enter a title and content, and update the product. This tab belongs only to that product.
- Under Reusable tab overrides in the same panel, hide or replace a global tab on this product if needed.
- Open WD Online > Product Tabs > Design, select colors and text sizes, enable custom tab styling, and save the design.
常见问题:
Can I customize the appearance of the tabs?
Yes. Open the Design tab to configure the button background and text colors, active and hover colors, and the content background and text color. Button and content text sizes can be set separately from 10 to 40 pixels. Styling is disabled by default. It affects standard, reusable, and product-specific tabs using standard WooCommerce tab markup. Custom theme and block layouts may require separate styling. Disabling styling retains your saved design settings.
How are global display rules evaluated?
With both Include fields empty, the tab is available to all products. Otherwise, a matching product ID OR an assigned category includes it. Product and category exclusions always win. On an individual product, Hide and Replace content take priority over global rules.
Can I translate labels?
Plugin interface strings can be translated through WordPress translation tools. Custom tab titles and content are store data. Translation of this data depends on your multilingual plugin and may need additional configuration or integration.
Where do I manage product-specific tabs?
The plugin adds a Product Tabs panel to Product data in the classic WooCommerce product editor. The tabs you create there appear beneath that product on the storefront.
What happens when I deactivate or delete the plugin?
Tab content and settings are retained in the database, including when the plugin is deleted. Reinstalling the plugin restores access to that data.
更新日志:
- Add the WD Online product page as Plugin URI and link to it from the readme.
- Point Author URI to the public WordPress.org developer profile.
- Apply the selected button background color to the whole tab navigation bar, overriding inherited theme backgrounds.
- Added a separate Design settings tab with WordPress color pickers.
- Added optional colors and text sizes for tab buttons and content, including active and hover colors.
- Use the Settings API to validate and securely save design settings.
- Load design CSS only on product pages when custom styling is enabled.
- Add the Tested up to header for WordPress 7.1 following store-owner testing on WordPress 7.1.2.
- Validate request field types explicitly and sanitize IDs and notice keys directly with WordPress functions.
- Apply tab priorities before WooCommerce sorts the frontend tabs.
- Restrict admin assets to the plugin pages and product editing screens.
- Validate malformed inputs and stored settings without losing existing tab content.
- Use plugin-prefixed metadata names with backward-compatible reads of previous development versions.
- Format text before rendering shortcodes and keep the resulting HTML filtered.
- Report failed trash operations correctly and update plugin metadata and documentation.
- Remove an unverified WordPress compatibility claim pending release testing.
- Verify each form nonce inside the posted-data helper before reading the requested field.
- Keep English source labels, including Product Tabs, with translation support.
- Moved product-specific tabs into Product data > Product Tabs in the classic WooCommerce product editor.
- Added visual editors with media insertion for product-specific tabs and a visibility switch that preserves content.
- Existing tabs and reusable tab overrides remain available with their saved content and order.
- Preserve backslashes in saved tab content and expose the product-panel hook in diagnostics.
- Added a shared drag-and-drop order for standard and reusable tabs and drag-and-drop order for product-specific tabs.
- Added an optional WDOnline Content Sections shortcode inserter to the reusable tab editor.
- Consolidated standard tab labels and visibility into the shared list, and aligned the WD Online menu with Content Sections.
- Existing tab content, rules, and previous order are retained during upgrade.
- Initial release: global tabs, display rules, per-product tabs and overrides, standard tab controls, and diagnostic interface.