カートから商品を削除するXボタンの下にカスタムテキストを追加する

Question

WordpressとWooCommerceを使用して、ショッピングカートの「x」の下にカスタムテキスト「delete item」を追加しようとしています。

この「x」テキストアイコンがどこにあるのかを見つけるために「要素を調べる」ことを試みましたが、私はレンガの壁に当たっています。

どのように私がこれを見つけることができ、 "x"ボタンの下にテキストを含めるように修正するかに関する提案はありますか？

ありがとうございました。

Answer 1

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); 
} 

この小さなクロステキストアイコンがWooCommerce templatescart/cart.phpとcart/mini-cart.phpに位置しています

Answer 2

あなたのアクティブなテーマののfunctions.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ファイルに行きますまたは任意のプラグインファイルでも使用できます。

あなたは、あなたのアクティブなテーマのslyle.cssファイルに
.woocommerce a.remove CSSセレクタを使用して赤い十字のアイコンのためのいくつかのCSSスタイルを追加する必要がすることができるでしょう。