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

Question

我正在使用 Woocommerce theme 在线商店。

我喜欢在每个缩略图的顶部显示一些自定义文本。类似于以下 example。我知道我必须 fiddle 使用 archive-product.php 文件。我也需要同样的风格。

有人能给我指出正确的方向吗？也可以通过 Advance Custom Field Plugin 完成同样的事情吗？

Answer 1

您应该可以通过 ACF（高级自定义字段）完成此操作。当您创建自定义字段时，您将 post_type 分配给 WooCommerce 产品。

然后在产品循环中，您只需使用 ACF 的 get_field() 来获取它。可能你要查询每个产品的ID，然后像这样插入到ACF的函数中：get_field('my_text', 123); (id = 123).

Answer 2

正如 Gustaf 所说，您可以使用 ACF（高级自定义字段）非常轻松地做到这一点。

您需要创建一个新的自定义字段，它将仅显示在 Woocommerce 产品上。

选择一个复选框选项并将其命名为 "Badges"。然后创建一些选项以供选择。例如"new"

然后您需要将这段代码添加到子主题的 functions.php 文件中。您实际上需要在 woocommerce 中定位 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 );

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

要将此文本也添加到单一产品页面（单-product.php）页面，然后也添加此行。

add_action( 'woocommerce_before_single_product_summary', 'custom_badges', 5 );

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

Custom text label on Woocommerce shop thumbnail images

css

php

wordpress

woocommerce