【问题标题】: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()。
    猜你喜欢
    • 2018-03-06
    • 2020-09-10
    • 1970-01-01
    • 1970-01-01
    • 2020-05-19
    • 1970-01-01
    • 1970-01-01
    • 2017-05-17
    相关资源
    最近更新 更多