Woocommerce - 定價旁邊的徽章

我想添加一個圖標旁邊的產品，可以在不同的倉庫發貨，這意味着更快的交貨時間。例如，該網站在定價旁顯示「優先發貨」，並在商店頁面的圖片下方顯示一個小徽標。Woocommerce - 定價旁邊的徽章

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

我發現某些插件，讓我泡添加到圖像或標籤，但我不能添加圖片，我不知道如何標記產品，使他們能夠真正下現身商店頁面中的圖像也是如此。

謝謝！

2017-05-26 Helga Tang

首先向您的產品添加一個裝運類，爲此要顯示的裝運圖標。

那就試試下面給出的代碼 -

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'; 
     } 
    }

來源

2017-05-26 09:15:25 Alice

謝謝愛麗絲。我對woocommerce很陌生，當我回應它時，您寫下了「您的圖標或任何內容」，並且我想將其鏈接到我上傳的圖片（如發貨圖標）。我怎麼把它放下？ $形象？網址是什麼？我試圖查找，但我不斷收到語法錯誤。 –

將你的圖標文件（比如shipping.png）放到你的主題文件夾中。然後，echo''; 如果有幫助和正確的答案，您可以接受並提高我的答案。 – Alice

這樣做，我得到一個破碎的圖像鏈接<？php 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 =='priority-shipping'）{ echo''; }} 你 –

Woocommerce - 定價旁邊的徽章

回答

相關問題