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

本文主要是介绍解决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 = '<div class="custom-content" style="color: red;">Early Holiday Savings 35% Off for Black EV Charger Only！</div>';} elseif ($product_id == 214026) {$custom_content = '<div class="custom-content" style="color: red;">72hrs Flash Bundle Sale Starts Soon</div>';}// 输出内容echo $custom_content;
}// 在产品价格下面执行函数
add_action('woocommerce_single_product_summary', 'insert_custom_content_below_price', 20);

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

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

<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>