Woocommerce - 定价旁边的徽章
Woocommerce - Badge next to pricing
我正在尝试在可以在不同仓库中运送的产品旁边添加一个图标,这意味着交货时间更快。例如,此网站在定价旁边显示 "priority shipping",还在商店页面的图片下方显示一个小徽标。
http://www.shein.com/women-dresses-c-1727.html?icn=dresses&ici=www_navbar04
我发现某些插件可以让我在图片或标签上添加气泡,但我无法添加图片,而且我不知道如何为产品添加标签,这样它们才能真正显示在商店的图片下方还有页面。
谢谢!
首先为您的产品添加运费 class,您要为其显示此运费图标。
然后试试下面给出的代码-
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';
}
}
我正在尝试在可以在不同仓库中运送的产品旁边添加一个图标,这意味着交货时间更快。例如,此网站在定价旁边显示 "priority shipping",还在商店页面的图片下方显示一个小徽标。
http://www.shein.com/women-dresses-c-1727.html?icn=dresses&ici=www_navbar04
我发现某些插件可以让我在图片或标签上添加气泡,但我无法添加图片,而且我不知道如何为产品添加标签,这样它们才能真正显示在商店的图片下方还有页面。
谢谢!
首先为您的产品添加运费 class,您要为其显示此运费图标。
然后试试下面给出的代码-
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';
}
}