Добавление html в уведомление магазина WooCommerce с использованием фильтров

Я пытаюсь добавить оболочку div вокруг моего уведомления магазина WooCommerce, используя фильтр. И я также хочу заменить ссылку «Отклонить» значком «Закрыть».

Это то, что у меня есть до сих пор, и на самом деле это не работает так, как я хочу;

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>

Возможно ли это с фильтрами? Или я должен сделать это, создав новую функцию?


person Reece    schedule 05.09.2018    source источник


Ответы (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>

проверено и работает.

person kashalo    schedule 05.09.2018
comment
Похоже, это не работает, потому что теперь есть md5 data-notice-id = 12334454546, поэтому str_replace больше не работает. - person SolaceBeforeDawn; 03.12.2019