Title: StepSelect for WooCommerce
Author: Senff - a11n
Published: <strong>2025 年 2 月 5 日</strong>
Last modified: 2026 年 1 月 14 日

---

搜索插件

![](https://ps.w.org/stepselect-for-woocommerce/assets/icon-256x256.png?rev=3236600)

# StepSelect for WooCommerce

 作者：[Senff – a11n](https://profiles.wordpress.org/senff/)

[下载](https://downloads.wordpress.org/plugin/stepselect-for-woocommerce.1.0.zip)

 * [详情](https://cn.wordpress.org/plugins/stepselect-for-woocommerce/#description)
 * [评价](https://cn.wordpress.org/plugins/stepselect-for-woocommerce/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/stepselect-for-woocommerce/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/stepselect-for-woocommerce/#developers)

 [支持](https://wordpress.org/support/plugin/stepselect-for-woocommerce/)

## 描述

#### Summary

With StepSelect for WooCommerce, selecting the options of your Variable Products
will become more of a step-by-step process. It will hide/obscure every select box
until the previous option has been selected, and it will show a progress bar which
will indicate how many options the customer has left to select before they can add
it to their cart.

## 安装

 1. Upload the “stepselect-for-woocommerce” directory to your “wp-content/plugins” 
    directory.
 2. In your WordPress admin, go to PLUGINS and activate “StepSelect for WooCommerce”
 3. Done!

## 常见问题

### What does it do exactly?

With the plugin enabled, your Variable Products will not show all selectable options
right away. Instead, it will show the first option only, then when that’s selected
it will show the second option, then when that’s selected it will show the third
option, and so on. Additionally, it will show a progress bar on the product page,
that shows how many options have been selected and how many are left.

### Wait, explain!

Let’s say you have a Variable Product with 3 attributes: Color, Size and Fabric.
Normally, you will see all three options shown on the page and people can select
Fabric first, then Color, then Size. Or in whichever order they want! With StepSelect
for WooCommerce, it will only show the Color option first (Size and Fabric are hidden).
Only when someone selects a Color, the Size option will become visible. Then when
they select a Size, the Fabric option will appear.

### What about default selections when I’ve selected a Default Form Value in a product’s setting?

If you have default selections set, then that will be considered a selection made.
For example, you have 3 attributes Color, Size and Fabric, and you’ve set a default
option for Size. At first, it will only show Color. Then once you select a color,
the Size will appear. Though, because it already has a default value, the Fabric
option will also appear right away.

### Instead of fully hiding the select options that haven’t been chosen yet, is it possible to show them but obscured (for example, less opacity)?

You can do that by editing the file /assets/stepselect-for-woocommerce.js.
 – If
you want select boxes to be visible until the previous option has been chosen, comment
line 24 only. – If you want select boxes to be fully hidden until the previous option
has been chosen, comment line 25 only (default setting). This will be an option 
to change in WP-admin in the next version.

### When I set an option to it’s default setting, it also resets the setting for all next options. Can this be changed?

You can change that by editing line 54 in the file /assets/stepselect-for-woocommerce.
js.
 – Mode 0: everything goes to it’s standard, non-selected selection – Mode 1:
if a field has a default option, it goes to that selection – Mode 2: does not change
anything (default setting) This will be an option to change in WP-admin in the next
version.

### It doesn’t do anything for me.

It’s possible that your theme or another plugin is part of the issue. This plugin
will only work with the standard WooCommerce code is used, so if your theme (or 
another plugin) makes any changes to that, it might not work. To check this, check
if your theme has a file called wp-content/themes/your-theme/woocommerce/single-
product/add-to-cart/variable.php . If it does, then that’s an indicator that that
file overrides WooCommerce’s default selection process, and would probably be why
the plugin is not working.

### I’ll need more help please!

If you’re not sure how to use this, or you’re running into any issues with it, post
a message on the plugin’s [WordPress.org support forum](https://wordpress.org/support/plugin/stepselect-for-woocommerce).

### I’ve noticed that something doesn’t work right, or I have an idea for improvement. How can I report this?

Plugin Status Snapshotter’s community support forum at https://wordpress.org/support/
plugin/stepselect-for-woocommerce would a good place, though if you want to add 
all sorts of -technical- details, it’s best to report it on the plugin’s Github 
page at https://github.com/senff/WordPress-StepSelect-for-Woocommerce/issues . This
is also where I consider code contributions.

### My question isn’t listed here?

Please go to the plugin’s community support forum at https://wordpress.org/support/
plugin/stepselect-for-woocommerce and post a message. Note that support is provided
on a voluntary basis and that it can be difficult to troubleshoot, and may require
access to your admin area. Needless to say, NEVER include any passwords of your 
site on a public forum!

## 评价

此插件暂无评价。

## 贡献者及开发者

「StepSelect for WooCommerce」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Senff – a11n ](https://profiles.wordpress.org/senff/)

[帮助将「StepSelect for WooCommerce」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/stepselect-for-woocommerce)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/stepselect-for-woocommerce/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/stepselect-for-woocommerce/)，或
通过[RSS](https://plugins.trac.wordpress.org/log/stepselect-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/stepselect-for-woocommerce/)。

## 更新日志

#### 1.0

 * Initial release.

## 额外信息

 *  版本 **1.0**
 *  最后更新：**5 月前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  语言
 * [English (US)](https://wordpress.org/plugins/stepselect-for-woocommerce/)
 * 标签
 * [attributes](https://cn.wordpress.org/plugins/tags/attributes/)[progress](https://cn.wordpress.org/plugins/tags/progress/)
   [steps](https://cn.wordpress.org/plugins/tags/steps/)[Variable product](https://cn.wordpress.org/plugins/tags/variable-product/)
 *  [高级视图](https://cn.wordpress.org/plugins/stepselect-for-woocommerce/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/stepselect-for-woocommerce/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/stepselect-for-woocommerce/reviews/)

## 贡献者

 *   [ Senff – a11n ](https://profiles.wordpress.org/senff/)

## 支持

最近两个月解决的问题：

     总计 1，已解决 0

 [查看支持论坛](https://wordpress.org/support/plugin/stepselect-for-woocommerce/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](http://donate.senff.com)