С WordPress и WooCommerce я пытаюсь добавить пользовательский текст «удалить элемент» под «x» в корзине покупок, который удаляет элементы из корзины.
Я попытался «осмотреть элемент», чтобы найти, где находится значок «x», но я ударяю о кирпичную стену.
Любые предложения о том, как я могу это найти, и изменить кнопку «x», чтобы включить текст под ним?
Благодарю.
add_filter('woocommerce_cart_item_remove_link', 'remove_icon_and_add_text', 10, 2); function remove_icon_and_add_text($string, $cart_item_key) { $string = str_replace('class="remove"', '', $string); return str_replace('×', 'Delete Item', $string); } Попробуйте ниже фрагмент кода в функции active.php активной темы
Этот маленький крестик расположен на cart/cart.php сайте WooCommerce cart/cart.php и cart/mini-cart.php . Но вместо того, чтобы переопределять эти шаблоны, вы можете использовать выделенный фильтр фильтра woocommerce_cart_item_remove_link для достижения того, что вы хотите сделать.
Вот рабочий тестируемый код, который добавит «Удалить элемент» под иконкой красной корзины:
add_filter( 'woocommerce_cart_item_remove_link', 'custom_filter_wc_cart_item_remove_link', 10, 2 ); function custom_filter_wc_cart_item_remove_link( $sprintf, $cart_item_key ) { if ( is_admin() && ! defined( 'DOING_AJAX' ) ) return $sprintf; // HERE Define your additional text $add_text = __('Delete item', 'woocommerce'); // HERE Define the style of the text $styles = 'font-size:0.8em; display:block;'; $sprintf = str_replace('</a>', '</a><span class="remove-text" style="'.$styles.'">'.$add_text.'</span>', $sprintf); return $sprintf; };
Код идет в файле function.php вашей активной дочерней темы (или темы), а также в любом файле плагина.
Вам может понадобиться добавить некоторые стили CSS для значка красного креста, используя
.woocommerce a.removeCSS selector в файлеslyle.cssвашей активной темы.