Woocommerceの支払い方法のタイトルに画像を追加

Question

Woocommerceでは、銀行名プラグインBACSの前に画像を追加する予定です。今はすでに入力された銀行名などの設定で、銀行名の前にHTMLを入力しようとしていますが、動作しません。

Answer 1

チェックアウトページの支払いゲートウェイに簡単にアイコン（画像）を追加できます。

ただし、Woocommerceではこのアイコンはの後にとなります。参照してください...

 <?php echo $gateway->get_icon(); ?> <?php echo $gateway->get_title(); ?> 

と保存：How to Override WooCommerce Templates via a Themeをこれに

 <?php echo $gateway->get_title(); ?> <?php echo $gateway->get_icon(); ?> 

：あなたはこのからライン27に関連したテンプレートcheckout/payment-method.phpを編集する必要があるのタイトル前にそれを変更するには ...

あなたはimaをアップロードする必要がありますあなたのテーマのフォルダにある "ge"を "資産"として表示します。

add_filter('woocommerce_gateway_icon', 'custom_payment_gateway_icons', 10, 2); 
function custom_payment_gateway_icons($icon, $gateway_id){ 

    foreach(WC()->payment_gateways->get_available_payment_gateways() as $gateway) 
     if($gateway->id == $gateway_id){ 
      $title = $gateway->get_title(); 
      break; 
     } 

    // The path (subfolder name(s) in the active theme) 
    $path = get_stylesheet_directory_uri(). '/assets'; 

    // Setting (or not) a custom icon to the payment IDs 
    if($gateway_id == 'bacs') 
     $icon = '<img src="' . WC_HTTPS::force_https_url("$path/bacs.png") . '" alt="' . esc_attr($title) . '" />'; 
    elseif($gateway_id == 'cheque') 
     $icon = '<img src="' . WC_HTTPS::force_https_url("$path/cheque.png") . '" alt="' . esc_attr($title) . '" />'; 
    elseif($gateway_id == 'cod') 
     $icon = '<img src="' . WC_HTTPS::force_https_url("$path/cod.png") . '" alt="' . esc_attr($title) . '" />'; 
    elseif($gateway_id == 'ppec_paypal' || 'paypal') 
     return $icon; 

    return $icon; 
} 

コードがアクティブなのfunction.phpファイルに行く：それぞれについて、

あなたはwoocommerce_gateway_iconアクションフックに引っかけ、このカスタム関数を使用して、カスタムイメージを有効にするか、デフォルトの1を返すことができますゲートウェイ子供のテーマ（またはテーマ）、またはすべてのプラグインファイルに保存されます。

WooCommerce 3で動作確認済みです。ゲートウェイID欄

に記載されているWC [設定]> [チェックアウト（ページの終わり） に
ゴー：ゲートウェイIDを取得する方法

---