每个属性循环的 Woocommerce

Question

如何输出 woocommerce 产品的变体属性，其中每个属性都在单独的 div 中？

add_action( 'woocommerce_after_shop_loop_item_title', 'display_color_attribute', 5 );
    function display_color_attribute() {
        global $product;

        if ( $product->is_type('variable') ) {
            $taxonomy = 'pa_color';
            echo '<span class="attribute-color">' . $product->get_attribute($taxonomy) . '</span>';
        }
    }

这里输出产品页面上的两种颜色，用逗号分隔，因此对于一个产品，它可能是：

<span class="attribute-color">Black, Brown</span>

我想要在两个单独的 div 中输出这两种颜色，如下所示：

<span class="attribute-color black">Black</span>
<span class="attribute-color brown">Brown</span>

这可行吗？

Answer 1

我怀疑 $product->get_attribute($taxonomy); 返回一个数组，所以你需要像下面这样循环它：

add_action( 'woocommerce_after_shop_loop_item_title', 'display_color_attribute', 5 );
function display_color_attribute() {
    global $product;

    if ( $product->is_type('variable') ) {
        $taxonomy = 'pa_color';
        $colors = $product->get_attribute($taxonomy);
        foreach ($colors as $color) {
            echo '<span class="attribute-color '. strtolower($color) .'">' . $color . '</span>';
        }   
    }
}

Answer 2

1.通过查看您的代码以及基于get_attribute() details，您实际上得到了一个逗号分隔的字符串。

2.So explode() 将其转换为数组并循环遍历它，如下所示：

add_action( 'woocommerce_after_shop_loop_item_title', 'display_color_attribute', 5 );
function display_color_attribute() {
    global $product;

    if ( $product->is_type('variable') ) {
        $taxonomy = 'pa_color';
        $colors = explode(',',$product->get_attribute($taxonomy));
        foreach ($colors as $color) {
            echo '<span class="attribute-color '. strtolower(trim($color)) .'">' . trim($color) . '</span>';
        }   
    }
}

参考：-

explode()

strtolower()

trim()