替换 WooCommerce PayPal Checkout Gateway 插件的结帐页面上的图标

Posted 2023-02-22

【中文标题】替换 WooCommerce PayPal Checkout Gateway 插件的结帐页面上的图标

【英文标题】：Replace icon on checkout page for WooCommerce PayPal Checkout Gateway Plugin

【发布时间】：2019-08-21 22:27:37

【问题描述】：

我正在使用 WooCommerce 的“WooCommerce PayPal Checkout Gateway”插件，我想使用自定义图像显示在结帐页面的付款选项部分。

我尝试了以下方法，但都不起作用；我想它们可能是他们在不使用插件的情况下使用的默认 PayPal 实现？

add_filter( 'woocommerce_paypal_icon', 'my_replace_paypal_icon', 99 );

function my_replace_paypal_icon() 
    return 'https://your_image_url';

..和...

add_filter( 'woocommerce_gateway_icon', 'my_paypal_gateway_icon', 10, 2 );

function paypal_gateway_icon( $icon, $id ) 
    if ( $id === 'paypal' ) 
        return '<img src="' . get_bloginfo('stylesheet_directory') . '/images/woocommerce-icons/cards.png"  />';
     else 
        return $icon;
    

有没有简单的方法可以做到这一点？

【参考方案1】：

对于 Woocommerce 默认的 Paypal 支付网关，您将专门使用以下内容：

add_filter( 'woocommerce_paypal_icon', 'custom_paypal_icon', 10, 2 );
function custom_paypal_icon( $icon ) 
    return '<img src="' . get_bloginfo('stylesheet_directory') . '/images/woocommerce-icons/cards.png"  />';

代码进入您的活动子主题（或活动主题）的 function.php 文件中。经过测试并且可以工作。

---

对于插件WooCommerce PayPal Checkout Payment Gateway，试试这个（正确的支付方式ID是ppec_paypal）：

add_filter( 'woocommerce_gateway_icon', 'custom_payment_gateway_icons', 10, 2 );
function custom_payment_gateway_icons( $icon, $gateway_id )
    // For Paypal Checkout (or Paypal Express) only
    if( $gateway_id == 'ppec_paypal' ) 
        $icon = '<img src="' . get_bloginfo('stylesheet_directory') . '/images/woocommerce-icons/cards.png"  />';
    
    return $icon;

代码进入您的活动子主题（或活动主题）的 function.php 文件中。经过测试并且可以工作。

【讨论】：

在哪里可以找到正确的 ID？因为我也需要为他们的 Stripe 网关做类似的事情。

@Brett 在后台，在设置 > 付款中，当您点击付款方式时，您可以在 URL 中看到：?page=wc-settings&tab=checkout&section=ppec_paypal，其中ppec_paypal 会针对每种付款方式进行更改。或者您可以检查主付款页面上的链接。同样在前端结帐中，如果您检查付款单选按钮，您还可以获得每个 ID。

非常好 - 再次感谢。在阅读您的评论之前，我还发现您可以在 label 的检查器中看到它；如：payment_method_*.

@Brett 或者只是每个输入单选按钮的“值”