Woocommerce商店缩略图上的自定义文本标签


Custom text label on Woocommerce shop thumbnail images

Am使用网上商店的Wooccommerce主题。

我喜欢在每个缩略图的顶部显示一些自定义文本。类似下面的例子。我知道我不得不摆弄archive-product.php文件。我也需要同样的风格。

有人能给我指正确的方向吗。还有可能通过高级自定义字段插件实现同样的功能吗?

您应该能够通过ACF(高级自定义字段(实现这一点。创建自定义字段时,会将post_type分配给WooCommerce产品。

然后在products循环中,您只需要使用ACF的get_field()来获取它。也许您必须查询每个产品的ID,然后将其插入ACF的函数中,如下所示:get_field('my_text', 123);(ID=123(。

正如Gustaf所说,您可以使用ACF(高级自定义字段(非常轻松地完成这项工作。

您需要创建一个新的自定义字段,该字段将仅在Wooccommerce产品上显示。

选择一个复选框选项并将其称为"徽章"。然后创建一些选项供选择。例如"新">

然后,您需要将这段代码添加到子主题中的functions.php文件中。实际上,您需要在wooccommerce中以content-product.php文件为目标,该文件是archive-product.php 循环的一部分

function custom_badges() {
    // vars 
    $badges = get_field('badges');
    // check
    if( $badges && in_array('new', $badges) ):
    ?> <span class="new">New!</span> <?php
    endif;
    }
add_action( 'woocommerce_before_shop_loop_item_title', 'custom_badges', 5 );

然后,如果你在产品中选中新选项,它将显示在wooccommerce商店功能中的每个缩略图的顶部。

要将此文本添加到Single Product Page(Single Product.php(页面,请同时添加此行。

add_action('woococommerce_before_single_product_summary','custom_badges',5(;