Title: Step Kit OS
Author: stepkitos
Published: <strong>2025 年 5 月 31 日</strong>
Last modified: 2026 年 1 月 29 日

---

搜索插件

![](https://s.w.org/plugins/geopattern-icon/step-kit-os.svg)

# Step Kit OS

 作者：[stepkitos](https://profiles.wordpress.org/stepkitos/)

[下载](https://downloads.wordpress.org/plugin/step-kit-os.zip)

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

 [支持](https://wordpress.org/support/plugin/step-kit-os/)

## 描述

Step Kit OS is a comprehensive WooCommerce plugin that brings 3D product customization
capabilities to your online store. It allows customers to personalize products in
real-time through an interactive iframe interface, creating a unique shopping experience.

Key Features:
 – Seamless integration with WooCommerce – Interactive 3D product 
customization interface – Real-time product preview – Custom product attributes 
support (size, name, number, signature, badge) – Dynamic pricing based on customization
options (separate pricing for name and number) – Flexible number pricing (fixed 
price or per-digit pricing) – Persistent cart functionality across sessions – Mobile-
responsive design – Guest user support with proper session handling – Custom meta
data display in cart and orders – Automatic cart updates and fragment refresh – 
Session persistence during login/logout – Automatic simulator button injection on
product pages – Enhanced security with proper nonce verification

The plugin provides a complete solution for stores looking to offer customizable
products with a modern, interactive interface.

### Product Setup

 1. Create Required Products:
 2.  * Create four Variable Products in WooCommerce:
        - Main Kit
        - Secondary Kit
        - Third Kit
        - Goalkeeper Kit
     * For each product:
        - Add the “size” attribute with variations (e.g., S, M, L, XL)
        - Set prices and other required fields
        - Publish the products
 3. Configure Product IDs:
 4.  * Go to WooCommerce > Step Kit OS in your WordPress admin
     * In the “Product Configuration” section:
        - Select your products from the dropdown menus for each kit type
        - The dropdowns automatically show all published WooCommerce products
     * Save your settings
 5. Create Simulator Page:
 6.  * Create a new page with the slug “simulador”
     * Add the shortcode `[custom_iframe]` to the page content
     * Publish the page
 7. Add Simulator Button:
 8.  * Edit your product pages
     * Add the shortcode `[simulator_button]` where you want the customization button
       to appear
     * Or enable automatic button injection in the plugin settings
     * Update the product pages

### Shortcodes

 * `[custom_iframe]` – Displays the customization iframe
 * `[simulator_button]` – Displays the simulator button

**Shortcode Parameters:**

For `[custom_iframe]`:
 – `height` – Iframe height (default: 100vh) – `width` – 
Iframe width (default: 100%) – `border` – Border style (default: none) – `product_id`–
Specific product ID (optional)

For `[simulator_button]`:
 – `label` – Button text (default: “Customizar Camisola”)–`
class` – CSS classes for styling – `product_id` – Specific product ID (optional)

### Testing

 1. Visit your store’s product page
 2. Click the “Customizar Camisola” button (created by the `[simulator_button]` shortcode
    or automatic injection)
 3. You will be redirected to the `/simulador` page
 4. Test the customization features and complete the purchase flow

## 屏幕截图

 * [[
 * Admin Configuration Displays the admin interface where product IDs are configured.
 * [[
 * Product Page with Customization Button Displays the product page with the [simulator_button]
   shortcode.
 * [[
 * Simulator Page Setup Shows the simulator page [custom_iframe] shortcode for desktop.
 * [[
 * Simulator Page Setup Shows the simulator page [custom_iframe] shortcode for mobile.
 * [[
 * Cart with Customized Product Displays how customized products appear in the cart.
 * [[
 * Checkout with Customizations Shows how customizations appear in the checkout 
   process.

## 安装

 1. Download the plugin zip file from the WordPress plugin repository or GitHub
 2. Upload the `step-kit-os` folder to the `/wp-content/plugins/` directory
 3. Activate the plugin through the ‘Plugins’ menu in WordPress
 4. Ensure WooCommerce is installed and activated

## 常见问题

### What are the system requirements?

 * WordPress 5.0 or higher
 * WooCommerce 4.0 or higher
 * PHP 7.4 or higher
 * Modern web browser with JavaScript enabled

### How do I add the customization interface to my products?

You can add the customization interface using the `[custom_iframe]` shortcode or
the `[simulator_button]` shortcode. You can also enable automatic button injection
in the plugin settings.

### Can I customize the appearance of the iframe?

Yes, the plugin includes CSS styles that can be customized to match your theme. 
You can modify the styles in your theme’s CSS or through the plugin’s styling options.

### How does the cart persistence work?

The plugin includes advanced session handling that ensures cart contents are preserved
across page loads, logins, and logouts. It uses a combination of session management
and local storage to maintain cart data.

### What if I get a “Security token” error?

This issue has been fixed in version 1.1.6. The plugin now properly handles nonce
verification and AJAX requests. If you still experience issues, try clearing your
browser cache and WordPress cache.

## 评价

此插件暂无评价。

## 贡献者及开发者

「Step Kit OS」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ stepkitos ](https://profiles.wordpress.org/stepkitos/)

[帮助将「Step Kit OS」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/step-kit-os)

### 对开发感兴趣吗?

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

## 更新日志

#### v1.1.6

 * Fixed WordPress compatibility issue with wp_cache_flush_group() function
 * Added compatibility checks for older WordPress versions
 * Standardized nonce creation across the plugin
 * Fixed cart handler AJAX endpoint registration

#### v1.1.2

 * Added automatic simulator button injection on product pages
 * New setting: Button Color with visual color picker
 * Button now appears automatically under Add to Cart button for configured products
 * Improved settings sanitization and validation

#### v1.1.1

 * Fixed WordPress coding standards compliance issues
 * Fixed translator comments for internationalization
 * Fixed output escaping for security
 * Fixed $_SERVER variable sanitization
 * Added proper nonce verification comments
 * Enhanced simulator button to only show on configured products
 * Improved product validation and security

#### v1.0.0

 * Initial release with core functionality:
    - 3D product customization interface
    - WooCommerce integration
    - Custom product attributes
    - Cart persistence
    - Session management
    - Mobile responsiveness
    - Custom meta data handling

## 额外信息

 *  版本 **1.1.23**
 *  最后更新：**4 月前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 5.0 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/step-kit-os/)
 * 标签
 * [3d](https://cn.wordpress.org/plugins/tags/3d/)[customization](https://cn.wordpress.org/plugins/tags/customization/)
   [ecommerce](https://cn.wordpress.org/plugins/tags/ecommerce/)[product customizer](https://cn.wordpress.org/plugins/tags/product-customizer/)
   [woocommerce](https://cn.wordpress.org/plugins/tags/woocommerce/)
 *  [高级视图](https://cn.wordpress.org/plugins/step-kit-os/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/step-kit-os/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/step-kit-os/reviews/)

## 贡献者

 *   [ stepkitos ](https://profiles.wordpress.org/stepkitos/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/step-kit-os/)

## 捐助

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

 [ 捐助此插件 ](https://stepnow.pt)