php - 在 WooCommerce 中为每种运输方式添加单独的图标

Question

我试图为每个运输选项添加一个自定义图标，但无济于事。

我试过这个答案:Adding custom icons to the shipping options in Woocommerce Cart and Checkout .

到目前为止，我的代码如下所示:

add_filter( 'woocommerce_cart_shipping_method_full_label', 'filter_woocommerce_cart_shipping_method_full_label', 10, 2 ); 

function filter_woocommerce_cart_shipping_method_full_label( $label, $method ) { 
   // Use the condition here with $method to apply the image to a specific method.      

   if( $method->method_id == "shipping_method_0_flat_rate2" ) {
       $label = $label."https://example.com/wp-content/uploads/2020/05/icon.png";

   }
   return $label; 
}

但这不起作用。我想我如何提供文件路径或方法 ID 存在问题。

任何帮助表示赞赏。

Answer 1

离你很近……需要使用$method->id === "flat_rate:2"而不是 $method->method_id == "shipping_method_0_flat_rate2"在 IF 语句中。

对于图标，您还需要包含完整的 <img>带有源链接的 html 标签...

所以在你的代码中:

add_filter( 'woocommerce_cart_shipping_method_full_label', 'filter_woocommerce_cart_shipping_method_full_label', 10, 2 ); 

function filter_woocommerce_cart_shipping_method_full_label( $label, $method ) {      
   // Targeting shipping method "Flat rate instance Id 2"
   if( $method->id === "flat_rate:2" ) {
       $label .= '<img src="https://example.com/wp-content/uploads/2020/05/icon.png" />';

   }

   return $label; 
}

代码位于事件子主题(或事件主题)的 functions.php 文件中。测试和工作。