WooCommerce 中，显示虚拟售出量的插件可以用来增强销量展示

在线商店中启用虚拟销售量和虚拟当前访问量通常被认为是一种营销策略，其目的是激发购买欲望和增加用户信任感。这种做法的主要作用包括：

创造紧迫感： 显示虚拟销售量可以给用户一种紧迫感，让他们觉得某个产品正在热卖，从而促使他们更快地做出购买决定，以避免错过机会。
建立信任： 虚拟销售量和当前访问量也可以建立对商店的信任感。如果用户看到其他人正在购买产品或者有很多人正在访问网站，他们可能会觉得这是一个受欢迎和可信赖的商家。
引导用户行为： 这种信息有时也被用来引导用户的行为。例如，如果一个产品的虚拟销售量很高，用户可能更倾向于选择购买这个产品，因为他们认为其他人也认为它是一个不错的选择。
提高转化率： 通过在页面上展示虚拟销售量和当前访问量，商家有时可以增加产品的转化率，即用户从浏览状态转变为实际购买的状态。
然而，需要注意的是，如果虚拟销售量和访问量是虚构的，并不真实反映实际情况，这可能对用户产生负面影响，降低信任度。因此，商家应该在使用这种策略时保持透明，并确保信息的真实性。虚构的信息如果被用户识破，可能导致负面的口碑和信誉损失。

add_action('woocommerce_single_product_summary', 'display_sales_with_progress_bar_and_highlight', 10);

function display_sales_with_progress_bar_and_highlight() {
    global $product;

    // 获取产品的 ID
    $product_id = $product->get_id();

    // 获取虚拟销量或随机生成
    $virtual_sales = get_post_meta($product_id, 'virtual_sales', true);

    if (empty($virtual_sales)) {
        $virtual_sales = rand(100, 500); // 随机生成销量
        update_post_meta($product_id, 'virtual_sales', $virtual_sales); // 保存虚拟销量
    }

    // 设置虚拟目标销量（比如 500 件）
    $target_sales = 500;
    $progress_percentage = min(100, ($virtual_sales / $target_sales) * 100); // 计算进度百分比，最大 100%

    // 输出样式和销量信息
    echo '
    <style>
        .product-sales {
            font-size: 18px;
            color: #555;
            font-weight: bold;
            margin-top: 15px;
            display: flex;
            align-items: center;
        }
        .highlight-number {
            background: #ff5722;
            color: #fff;
            padding: 2px 8px;
            border-radius: 5px;
            font-size: 20px;
            margin-left: 5px;
            font-weight: bold;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
        }
        .fire-icon {
            font-size: 22px;
            margin-right: 10px;
            animation: pulse 1.5s infinite;
        }
        @keyframes pulse {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.2);
            }
        }
        .sales-progress-bar-container {
            margin-top: 10px;
            width: 100%;
            background: #f0f0f0;
            border-radius: 10px;
            overflow: hidden;
            height: 15px;
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
			    margin-bottom: 30px;
        }
        .sales-progress-bar {
            height: 100%;
            background: linear-gradient(90deg, #ff5722, #ff9800);
            width: ' . $progress_percentage . '%;
            transition: width 1s ease-in-out;
        }
    </style>
    <p class="product-sales">
        <span class="fire-icon">🔥</span> 
        In the past 30 days, sold 
        <span class="highlight-number">' . $virtual_sales . '</span> pieces!
    </p>
    <div class="sales-progress-bar-container">
        <div class="sales-progress-bar"></div>
    </div>';
}