H-Code 主题 WooCommerce 产品购物车功能替换为询盘按钮

主题的 functions.php 代码添加：

/**
 * 将WooCommerce购物车功能替换为询盘按钮的优化代码
 */

// 1. 隐藏价格
add_filter('woocommerce_get_price_html', 'hide_product_price', 10, 2);
function hide_product_price($price, $product) {
    return ''; // 返回空字符串，隐藏价格
}

// 2. 移除"加入购物车"按钮、数量字段，并替换为"Send Inquiry"按钮 (单品页面)
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30); // 移除单品页的加入购物车按钮
remove_action('woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30); // 移除简单产品的加入购物车按钮
remove_action('woocommerce_variable_add_to_cart', 'woocommerce_variable_add_to_cart', 30); // 移除变体产品的加入购物车按钮
remove_action('woocommerce_before_add_to_cart_button', 'woocommerce_template_single_add_to_cart_quantity', 10); // 移除数量字段
add_action('woocommerce_single_product_summary', 'replace_with_inquiry_button', 30);

function replace_with_inquiry_button() {
    global $product;
    if ($product) {
        // 保留原始的内联样式，确保按钮正确显示
        echo '<a href="#" class="custom-inquiry-button pum-trigger popmake-19530" data-popup-id="19530" style="display: inline-block; padding: 10px 20px; background-color: #000000; color: #ffffff; text-align: center; text-decoration: none; border: none; border-radius: 0; font-size: 16px; line-height: 1; cursor: pointer; text-transform: uppercase; margin-bottom: 20px;">SEND INQUIRY</a>';
    }
}

// 3. 针对店铺页面（产品列表）替换"加入购物车"按钮为"SEND INQUIRY"按钮
add_filter('woocommerce_loop_add_to_cart_link', 'replace_loop_add_to_cart', 10, 3);
function replace_loop_add_to_cart($button, $product, $args) {
    // 创建一个SEND INQUIRY按钮，样式与单品页一致，但尺寸稍小
    return '<a href="#" class="custom-inquiry-button pum-trigger popmake-19530" data-popup-id="19530" style="display: inline-block; padding: 8px 15px; background-color: #000000; color: #ffffff; text-align: center; text-decoration: none; border: none; border-radius: 0; font-size: 14px; line-height: 1; cursor: pointer; text-transform: uppercase;">SEND INQUIRY</a>';
}

// 优化的JavaScript悬停效果代码
add_action('wp_footer', 'add_hover_effect');
function add_hover_effect() {
    ?>
    <script>
        jQuery(document).ready(function($) {
            // 稍微延迟以确保DOM完全加载
            setTimeout(function() {
                $(".custom-inquiry-button.pum-trigger.popmake-19530").hover(
                    function() {
                        // 添加过渡效果
                        $(this).css({
                            "transition": "all 0.3s ease",
                            "background-color": "#333333", // 浅一点的黑色
                            "opacity": "0.9" // 稍微透明
                        });
                    },
                    function() {
                        $(this).css({
                            "background-color": "#000000", // 恢复原来的黑色
                            "opacity": "1.0" // 恢复完全不透明
                        });
                    }
                );
            }, 300);
        });
    </script>
    <?php
}

主题的 style.css 代码添加：

/**
 * 询盘按钮样式
 */

/* 询盘按钮基本样式 */
.custom-inquiry-button.pum-trigger.popmake-19530 {
    display: inline-block;
    padding: 10px 20px;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 0;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    text-transform: uppercase;
    margin-bottom: 20px; /* 按钮下方的间距 */
    transition: all 0.3s ease; /* 添加平滑过渡效果 */
}

/* 确保社交图标上方有适当间距 */
.product-details-social {
    margin-top: 20px !important; /* 社交图标上方的间距为 20px */
}

/* 响应式调整 */
@media (max-width: 768px) {
    .custom-inquiry-button.pum-trigger.popmake-19530 {
        padding: 8px 16px !important;
        font-size: 14px !important;
    }
}