Woocommerce 지불 방법 제목에 이미지 추가

Question

Woocommerce에서 은행 이름 플러그인 BACS 앞에 이미지를 추가 할 계획입니다. 지금은 이미 입력 된 은행 이름 및 기타 설정 및 이미 은행 이름 앞에 HTML 입력 시도하지만 작동하지 않습니다.

Answer 1

체크 아웃 페이지의 지불 게이트웨이에 아이콘 (이미지)을 쉽게 추가 할 수 있습니다.

그러나이 Woocommerce이 아이콘이 제목 후 에 위치해 있습니다. 제목 전에 변경하려면 당신이 라인이에서 27에 관련 템플릿 checkout/payment-method.php을 편집해야한다 : 이것에

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

:

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

저장 ... 참조하십시오 : How to Override WooCommerce Templates via a Theme를 ...

ima를 업로드해야합니다. 예를 들어 테마의 폴더에있는 "ge"를 "assets"로 지정하십시오.

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 액션 후크에 걸려이 사용자 정의 기능을 사용하여, 사용자 정의 이미지를 사용하거나 기본 하나를 반환 할 수 있습니다 게이트웨이 자식 테마 (또는 테마) 또는 모든 플러그인 파일에서도 사용할 수 있습니다.

WooCommerce 3에서 테스트되었으며 작동합니다. 게이트웨이 ID 열

에 나와 WC 설정> 체크 아웃 (페이지 끝) 에
이동 : 게이트웨이 ID을 얻을 수있는 방법

---