解决woocommerce产品方面遇到的小问题记录

问题1.通过 自定义 代码在woocommerce的任意 一个产品的价格下面，加上一段文字

id，换成你自己的产品id，div 里面的文字换成你自己的自定义文字，代码是加在function.php里面的哦

//添加文字产品价格下面
function insert_custom_content_below_price() {
    // 获取当前产品的 ID
    $product_id = get_the_ID();
    //其他id的产品显示为空的
$custom_content='';
    // 根据产品的 ID 插入不同的内容
    if ($product_id == 213398) {
        $custom_content = '&lt;div class="custom-content" style="color: red;"&gt;Early Holiday Savings 35% Off for Black EV Charger Only！&lt;/div&gt;';
    } elseif ($product_id == 214026) {
        $custom_content = '&lt;div class="custom-content" style="color: red;"&gt;72hrs Flash Bundle Sale Starts Soon&lt;/div>';
    }

    // 输出内容
    echo $custom_content;
}

// 在产品价格下面执行函数
add_action('woocommerce_single_product_summary', 'insert_custom_content_below_price', 20);

问题2，woocommerce的默认的产品页面是优先 显示产品描述的，通过代码 实现，优先 显示产品的客人的评论

解决方案，在页面的中通过那种自定义代码的插件或者是element o r等等插件，将下面的代码加入

<script>
// 在页面所有的js加载完成后执行
window.onload = function() {
    // 移除 description_tab 的 active 类
    var descriptionTab = document.getElementById('tab-title-description');
    if (descriptionTab) {
        descriptionTab.classList.remove('active');
    }

    // 找到 reviews_tab 元素
    var reviewsTab = document.getElementById('tab-title-reviews');
    if (reviewsTab) {
        // 添加 active 类
        reviewsTab.classList.add('active');
// 获取包含 #tab-reviews 的链接元素
        var reviewsLink = reviewsTab.querySelector('a[href="#tab-reviews"]');

        // 触发点击事件
        if (reviewsLink) {
            reviewsLink.click();
        }
    }
};
</script>