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