wordpress - 如何在 woocommerce 中向此函数添加父类

Question

下面的代码用于获取单个产品中的所有变体，并将它们显示在产品摘要下方的自定义位置。

我能够获取所有的变化，但是要添加一些 CSS，我被困在这里

这是我需要显示的

<div class="all_variations_thumb">
    <div class="variation_thumb"></div>
    <div class="variation_thumb"></div>
    <div class="variation_thumb"></div>
</div>

这就是我目前得到的

    <div class="variation_thumb"></div>
    <div class="variation_thumb"></div>
    <div class="variation_thumb"></div>

请帮忙。

    function loop_display_variation_attribute_and_thumbnail() {
        global $product;

        // HERE your targeted product attribute taxonomy
        $taxonomy = 'pa_color';


        if( $product->is_type('variable') ){
            foreach ( $product->get_available_variations() as $variation ){
                if( isset($variation['attributes']['attribute_'.$taxonomy]) ){
          
                 // Get the "pa_color"

                 $term_name = get_term_by('slug', $variation['attributes']['attribute_'.$taxonomy], $taxonomy)->name;
    
        
            // Display the product thumbnail
                echo '
                    <div class="'. variation_thumb .'">
                        <img src="' . $variation['image']['thumb_src'] .'">                
                        '. $term_name .'             
                    </div>
                ';
             
                }

            }
        } 
    }

Answer 1

<div class="all_variations_thumb">在你的 foreach 循环之前回显。

像这样

if( $product->is_type('variable') ){
            echo '<div class="all_variations_thumb">';
            foreach ( $product->get_available_variations() as $variation ){
                if( isset($variation['attributes']['attribute_'.$taxonomy]) ){
          
                 // Get the "pa_color"

                 $term_name = get_term_by('slug', $variation['attributes']['attribute_'.$taxonomy], $taxonomy)->name;
    
        
            // Display the product thumbnail
                echo '
                    <div class="'. variation_thumb .'">
                        <img src="' . $variation['image']['thumb_src'] .'">                
                        '. $term_name .'             
                    </div>
                ';
             
                }
             echo '</div>';
            }
        }