You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.14 00:02:11