如何在WooCommerce单品页的“售罄”提示文字中添加超链接?
在WooCommerce单品页给缺货提示文字添加超链接的实现方法
完全可行,你只需要在替换的文本中直接加入HTML超链接标签即可,以下是修改后的代码:
/** * Change Out Of Stock Text On Product Page */ add_filter('woocommerce_get_availability', 'availability_filter_func'); function availability_filter_func($availability) { // 替换缺货文本,为customization添加超链接 $target_url = 'https://你的目标页面链接'; // 替换成实际页面URL $replacement_text = "Sold! Style available for <a href=\"{$target_url}\">customization</a> using the bespoke code below"; $availability['availability'] = str_ireplace('Out of stock', $replacement_text, $availability['availability']); return $availability; }
额外优化建议
如果担心硬编码URL后期维护麻烦,可以用WordPress内置函数get_permalink()动态获取页面链接,比如你的自定义页面ID是123,代码可以改成:
$target_url = get_permalink(123);
常见问题处理
如果发现链接显示成纯HTML代码(没有解析成可点击的链接),可能是主题模板输出时对文本做了HTML转义,这时可以改用更精准的woocommerce_get_availability_text过滤器:
/** * Change Out Of Stock Text On Product Page */ add_filter('woocommerce_get_availability_text', 'custom_out_of_stock_text'); function custom_out_of_stock_text($text) { if ($text === 'Out of stock') { $target_url = get_permalink(123); // 替换成实际页面ID或URL $text = "Sold! Style available for <a href=\"{$target_url}\">customization</a> using the bespoke code below"; } return $text; }
内容的提问来源于stack exchange,提问作者ajumbz
相关产品推荐
相关产品推荐

