WooCommerce: css Anstand ausgeblendet, wenn ein Element leer ist

Question

Ich habe versucht, ein benutzerdefiniertes Feld in die Produktliste in der Shop-Seite meiner Website hinzuzufügen. habe ich diesen Code in functions.php Datei:

add_action('woocommerce_after_shop_loop_item_title', 'ins_woocommerce_product_excerpt', 3); 

if (! defined('ABSPATH')) { 
    exit; // Exit if accessed directly 
} 

if (!function_exists('ins_woocommerce_product_excerpt')) 
{ 
    function ins_woocommerce_product_excerpt() { 

     global $post; 
     $item = get_post_meta($post->ID, 'item12', true); 

     if ($item !== "" || is_home() || is_shop() || is_product_category() || is_product_tag()) { 


      echo '<span class="item12"><em>'; 
      echo ($item); 
      echo '</em></span>'; 

     } 
    } 
} 

Der Code funktioniert und zeigt das benutzerdefinierte Feld (mit einem grünen Etikett in CSS gemacht), auf das Bild Produkt in der Shop-Seite.

CSS-Codes:

.item12 { 
    position: absolute; 
    margin-top: -3.750em; 
    z-index: 8; 
    color: #FFFFFF; 
    display: block; 
    color: #FFFFFF; 
    text-shadow: black 0.063em 0.063em 0.313em; 
    font-weight: 800; 
    font-size: 1.125em; 
    background-color: rgba(89, 140, 31, 0.71); 
    border-radius: 0.438em; 
    padding: 0.313em 0.313em 0.313em 0.313em; 
    position: absolute; 
    /* margin-top: -100px; */ 
    margin-left: 9.375em; 
} 

Das Problem ist, wenn das benutzerdefinierte Feld leer ist, ein grüner Punkt visibile auf das Bild ist.

Wie kann ich das Etikett nur zu zeigen, wenn das benutzerdefinierte Feld nicht leer ist?

Danke.

Answer 1

hinzufügen Neuer Code in function.php Like This:

add_action('woocommerce_after_shop_loop_item_title', 'ins_woocommerce_product_excerpt', 3); 

if (! defined('ABSPATH')) { 
    exit; // Exit if accessed directly 
} 

if (!function_exists('ins_woocommerce_product_excerpt')) 
{ 
    function ins_woocommerce_product_excerpt() { 

     global $post; 
     $item = get_post_meta($post->ID, 'item12', true); 

     if ($item !== "" || is_home() || is_shop() || is_product_category() || is_product_tag()) { 

      if(!empty($item)){ 
       echo '<span class="item12"><em>'; 
       echo ($item); 
       echo '</em></span>'; 
      } 
     } 
    } 
}