當產品有多個類別時，獲取主要父級產品類別

Question

在我公司最初由其他人設置的Wordpress網站上工作。 Here's a product page在這裏你可以看到我所參考的東西...

「皮膚狀況」，「皮膚類型」和「養生」部分是爲我們創建的。我現在試圖複製行爲來創建「As Seen In」部分。他們通過WooCommerce類別工作 - 在產品頁面上我們有很多類別的列表，我們檢查那些對應的類別，並顯示圖標。

最終結果在functions.php和style.css中完成。使用的PHP如下：

add_action('woocommerce_product_meta_end', 'skin_condition'); 

function skin_condition() { 

    echo '<div class="skin-icons">'; 
    echo '<div class="skin-condition-title"><h4>Skin Condition</h4></div>'; 

    if (is_product()){ 

     $terms = get_the_terms($post->ID, 'product_cat'); 

     foreach ($terms as $term){ 

      $category_name = $term->name; 
      $category_thumbnail = get_woocommerce_term_meta($term->term_id, 'thumbnail_id', true); 
      $image = wp_get_attachment_url($category_thumbnail); 

      echo '<div class="skin-condition">'; 
      echo '<img class="'.$term->slug.'" title="'.$category_name.'" src="'.$image.'">'; 
      echo '</div>'; 
     } 
    } 
    echo '</div>'; 
} 

因此，這最終會拉動應用於產品的所有類別的縮略圖。然後CSS用於隱藏我們不想在每個部分中的東西：

.skin-condition img.glycolic, .skin-condition img.citrix, .skin-condition img.replenix, 
.skin-condition img.glycolix, .skin-condition img.srs, .skin-condition img.solvere, 
.skin-condition img.resurfix, .skin-condition img.rebrightalyze, .skin-condition img.benzaderm, 
.skin-condition img.acne-regimen, .skin-condition img.cleansetone, .skin-condition img.hydrate, 
.skin-condition img.prevent, .skin-condition img.protect, .skin-condition img.repair, 
.skin-condition img.antioxidants, .skin-condition img.body-care, .skin-condition img.cleansers, 
.skin-condition img.exfoliators, .skin-condition img.eye, .skin-condition img.glycolic, 
.skin-condition img.kits-systems, .skin-condition img.masques-peels, .skin-condition img.masques-peels-specialty, 
.skin-condition img.moisturizers, .skin-condition img.retinols, .skin-condition img.sunscreens, 
.skin-condition img.toners, .skin-condition img.new, .skin-condition img.dry, 
.skin-condition img.normal, .skin-condition img.oily, .skin-condition img.sensitive, 
.skin-condition img.dermatopix, .skin-condition .gly-sal, .skin-condition .elite, 
.skin-condition .peels-specialty, .skin-condition .glycolix-elite, .skin-condition .best-sellers, 
.skin-condition .replenix-acne-solutions, .skin-condition .press-mentions { 
    display: none; 
} 

所以我認爲這是一種避免使用CSS的方法。
我可以在PHP的每個部分調用一個父類別嗎？而不是他們都加載和去「display: none;」？

小的視覺類別，如果有幫助：

謝謝！

Answer 1

UPDATE：爲避免你必須添加global $post;白屏。或者你也可以使用global $product;和$product->id（而不是$post->ID）。

獲取父類（主要類別），你必須使用$term->parent，這種方式：

add_action('woocommerce_product_meta_end', 'skin_condition'); 
function skin_condition() { 

    global $post; // or global $product; and $product->id in get_the_terms() function 

    if (is_product()){ 

     echo '<div class="skin-icons">'; 
     echo '<div class="skin-condition-title"><h4>Skin Condition</h4></div>'; 

     $terms = get_the_terms($post->ID, 'product_cat'); 

     // First loop 
     foreach ($terms as $term){ 

      // We target the child categories to get the parent ones (based on your screen shot) 
      if($term->parent != 0){ 
       // Storing the parent term objects 
       $parent_terms_ids[] = $term->parent; 
      } 
     } 

     // Second loop 
     foreach ($parent_terms_ids as $term_id){ 

      // get the object term 
      $parent_term = get_term($term_id, 'product_cat'); 

      // Only Main parent terms 
      if($parent_term->parent == 0){ 

       $category_thumbnail = get_woocommerce_term_meta($term_id, 'thumbnail_id', true); 
       $term_image = wp_get_attachment_url($category_thumbnail); 

       echo '<div class="skin-condition">'; 
       echo '<img class="'.$parent_term->slug.'" title="'.$parent_term->name.'" src="'.$term_image.'">'; 
       echo '</div>'; 
      } 
     } 
     echo '</div>'; 
    } 
} 

的代碼放在您的活動子function.php文件主題（或主題）或任何插件文件。

此代碼已經過測試並可正常工作。