Linux 软件免费装

在这里免费安装WordPress以及其他软件

Banner图

StoreStack Attribute Swatches for WooCommerce

开发者 tiagosartor3
storestack
更新时间 2026年8月16日 13:33
PHP版本: 8.1 及以上
WordPress版本: 7.0
版权: GPLv3 or later
版权网址: 版权信息

标签

woocommerce swatches variation-swatches color-swatches attribute-swatches

下载

1.0.1 1.0.0

详情介绍:

StoreStack Attribute Swatches for WooCommerce replaces default, plain WooCommerce variation dropdowns with visual, interactive swatches. Easily display product colors, pattern images, inline text buttons, and radio options to improve user experience and boost conversions on your online store. Features Integrations Works seamlessly with the following plugins:

安装:

Getting Started
  1. Install and Activate:
  2. Download the .zip file from WordPress.org and install via WordPress Admin > Plugins > Add New > Upload Plugin.
  3. Click Activate to enable the plugin.
  4. Configure Attribute Types:
  5. Go to Products > Attributes in your WordPress Admin.
  6. Edit an existing attribute or create a new one, then set the Type to Color, Image, Button, or Radio.
  7. Create Groups if you want to separate options into subgroups.
  8. Assign Swatches & Groups:
  9. Click Configure terms for your attribute.
  10. Add or edit terms to select colors using the color picker or to upload images via the Media Library.
  11. Assign the desired Group to the option if you have created one in the previous step.
  12. View on Product Pages:
  13. Create or edit a Variable Product, assign the configured attribute under the Attributes tab, and enable Used for variations.
  14. Your custom swatches will automatically replace standard dropdowns on the single product page.
  15. On some hosting providers, it may be needed to clear the server-level cache in order for the changes to be reflected on the frontend.

屏幕截图:

  • Click "configure terms" to create or edit attribute options.
  • Add new attribute options or edit existing ones.
  • Assign the global attribute to a variable product, making sure "Used for variations" is checked.
  • Frontend demo with the Storefront theme.
  • Hovering over or clicking on an image swatch will trigger a tooltip to showcase a larger version of the image.

常见问题:

What swatch types are supported?

The plugin currently supports four swatch types: Color, Image, Button, and Radio.

How do Swatch Groups work?

When editing an attribute under Products > Attributes, you can define custom group names. When editing individual terms (e.g. Blue, Red, Metallic Silver), assign them to a group. On the frontend, swatches will be organized under titled section headers for better visual hierarchy.

I've configured the swatches as instructed, but I can't see the changes

After setting or updating the swatches, it may be needed to clear the server-level cache in order for the changes to be reflected on the frontend.

Is it possible to change the appearance of the swatches?

Yes! The swatches use clean, standard HTML markup and CSS selectors. You can easily override styles in your theme's style.css or via the WordPress Customizer.

Can developers customize the swatch HTML or tooltip markup?

Yes! The plugin provides custom filter hooks to allow developers to modify or wrap the output as needed.

Does this plugin support WooCommerce High-Performance Order Storage (HPOS)?

Yes! The plugin declares full compatibility with WooCommerce HPOS (Custom Order Tables).

更新日志:

1.0.1 - 2026/08/16 1.0.0 - 2026/08/15