Woocommerce - 価格の横にあるバッジ

Question

私は別の倉庫に出荷できる商品の横にアイコンを追加しようとしています。これは納期が早いことを意味します。たとえば、このウェブサイトは価格の横に「優先発送」と表示され、ショップページの写真の下に小さなロゴが表示されます。私は私がイメージやタグに気泡を追加することができますが、私は絵を追加カントと私は、彼らが実際に下に表示できるように、製品にタグ付けする方法を知らない、特定のプラグインを見つけた

http://www.shein.com/women-dresses-c-1727.html?icn=dresses&ici=www_navbar04

ショップのページにも画像があります。

ありがとう！

Answer 1

まず、この配送アイコンを表示したい商品に商品を追加します。

add_action('woocommerce_after_shop_loop_item_title','shipping_methods_icon'); 

    function shipping_methods_icon(){ 
     $product  = new WC_Product(get_the_id()); 
     $shipping_class = $product->get_shipping_class(); 
     if($shipping_class=='your_class'){ 
      echo 'your icon or any thing'; 
     } 
    }