Woocommerce - 定价旁边的徽章答案

【问题标题】：Woocommerce - Badge next to pricingWoocommerce - 定价旁边的徽章
【发布时间】：2017-10-26 18:33:53
【问题描述】：

我正在尝试在可以在不同仓库发货的产品旁边添加一个图标，这意味着更快的交货时间。例如，该网站在定价旁边显示“优先发货”，并在商店页面的图片下方显示一个小徽标。

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

我发现某些插件可以让我在图像或标签中添加气泡，但我无法添加图片，而且我不知道如何标记产品，以便它们可以实际显示在商店页面中的图像下方好吧。

谢谢！

【问题讨论】：

标签： wordpress woocommerce tags shipping badge

【解决方案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';
        }
    }

【讨论】：

谢谢爱丽丝。我对 woocommerce 很陌生，当我回应它时，你写了“你的图标或任何东西”，我想将它链接到我上传的图片（如运输图标）。我要怎么放下？ $图像？网址？我试着查了一下，但我一直收到语法错误。
将您的图标文件（例如 shipping.png）放到您的主题文件夹中。然后， echo '';如果我的回答有帮助并正确，您可以接受并投票。
这样做了，我得到了一个损坏的图像链接 get_shipping_class(); if($shipping_class=='priority-shipping'){ echo ''; } }
get_shipping_class(); if($shipping_class=='your_class'){ echo '';我复制了它，就像你发布的一样，包括所有标签，但现在损坏的图像甚至没有出现。如果我将图像上传到子主题文件夹中是否重要？
是的，如果它是子主题，get_template_directory_uri() 将不起作用。请改用获取样式表目录 uri()。