使用过滤器将 html 添加到 WooCommerce 商店通知

Question

我正在尝试使用过滤器在我的 WooCommerce 商店通知周围添加一个 div 包装器。而且我还想用关闭图标替换关闭 link。

这就是我目前所拥有的，但它并不像我想要的那样有效；

add_filter('woocommerce_demo_store', 'demo_store_filter');

function demo_store_filter($text){
    return str_replace( '<p class="woocommerce-store-notice demo_store">', '<div class="hello"><p class="woocommerce-store-notice demo_store"></p></div>', $text);
}

此处为通知默认html；

<p class="woocommerce-store-notice demo_store">Enter the code <strong>'TLFS5V'</strong> to received £10 off your order when you spend over £100 <a href="#" class="woocommerce-store-notice__dismiss-link">Dismiss</a></p>

这是我想要的；

<div class="container-fluid"><div class="container"><p class="woocommerce-store-notice demo_store">Enter the code <strong>'TLFS5V'</strong> to received £10 off your order when you spend over £100 <a href="#" class="woocommerce-store-notice__dismiss-link">(close svg icon here)</a></p></div></div>

这可以用过滤器吗？或者我应该通过创建一个新函数来做到这一点？

Answer 1

你可以这样做：

add_filter('woocommerce_demo_store', 'demo_store_filter', 10, 1);

function demo_store_filter($text)
{

    $text = str_replace(array('<p class="woocommerce-store-notice demo_store">', '</p>', 'Dismiss'), array('<div class="hello"><p class="woocommerce-store-notice demo_store">', '</p></div>', '(close svg icon here)'), $text);

    return $text;
}

输出：

<div class="hello"><p class="woocommerce-store-notice demo_store">as <a href="#" class="woocommerce-store-notice__dismiss-link">(close svg icon here)</a></p></div>

已经过测试并且可以正常工作。

使用过滤器将 html 添加到 WooCommerce 商店通知

Adding html to WooCommerce Store Notice using filters

php

wordpress

add-filter

woocommerce