Cómo poner taxonomías en productos de tienda en Woocommerce

En muchas ocasiones podremos  necesitar que aparazcan las categorías en la página de tienda o las propias etiquetas, en estas breves líneas de código podremos hacer que sean visibles en el front page.

☑️ Añadir taxonomías de productos en página de Tienda en Woocommerce.

El resultado será ver debajo de la imagen de producto, título y precio, primero, la o las etiquetas (tag), y segundo, la o las categorías (cat).

/*Añade taxonomías etiqueta y categoria a producto en tienda*/
add_action('woocommerce_shop_loop_item_title', 'add_tags_and_category', 15);
function add_tags_and_category() { ?>
    <div class="tags">
    <?php $product_tags = get_the_terms( get_the_ID(), 'product_tag') ;
    if( $product_tags && ! is_wp_error( $product_tags ) ) :
        foreach( $product_tags as $tag) : ?>
            <a href="<?php echo get_term_link( $tag->slug, 'product_tag'); ?>" rel="tag" class="btn btn-primary btn-sm mb-4"><?php echo $tag->name; ?></a>
        <?php endforeach;
    endif;
    $product_terms = get_the_terms( get_the_ID(), 'product_cat');
    if( $product_terms && ! is_wp_error( $product_terms ) ) :
        foreach( $product_terms as $term) : ?>
            <a href="<?php echo get_term_link( $term->slug, 'product_cat'); ?>" rel="tag" class="btn btn-primary btn-sm mb-4"><?php echo $term->name; ?></a>
        <?php endforeach;
    endif; ?>
    </div>
<?php }

☑️ Añadir taxonomía categoría en página de tienda en Woocommerce

El resultado será ver debajo de la imagen de producto, título y precio, solamente la o las categorías (cat).

/*Añade taxonomía categoría a producto en Tienda*/
add_action('woocommerce_shop_loop_item_title', 'add_tags_and_category', 15);
function add_tags_and_category() { ?>
    <div class="tags">
    <?php $product_terms = get_the_terms( get_the_ID(), 'product_cat');
    if( $product_terms && ! is_wp_error( $product_terms ) ) :
        foreach( $product_terms as $term) : ?>
            <a href="<?php echo get_term_link( $term->slug, 'product_cat'); ?>" rel="tag" class="btn btn-primary btn-sm mb-4"><?php echo $term->name; ?></a>
        <?php endforeach;
    endif; ?>
    </div>
<?php }

☑️ Añadir taxonomía categoría sin enlace en página de tienda en Woocommerce

El resultado será ver debajo de la imagen de producto, título y precio, primero, la o las categorías pero sin ningún tipo de enlace a la url en dónde estarán los resultados que se hayan categorizado igualmente.

/*Añade taxonomía categoria a producto en Tienda sin enlace a categorias*/
add_action('woocommerce_shop_loop_item_title', 'add_tags_and_category', 15);
function add_tags_and_category() { ?>
<div class="tags">
<?php $product_terms = get_the_terms( get_the_ID(), 'product_cat'); 
   if( $product_terms && ! is_wp_error( $product_terms ) ) : 
      foreach( $product_terms as $term) : ?> 
         <span><?php echo $term->name; ?></span> 
      <?php endforeach; 
   endif; ?>
   </div>
<?php }

☑️ ¿Dónde pego el código?

Simplemente en el function.php de tu tema hijo, si aún no tienes creado un tema hijo te recomiendo inminentemente que lo hagas debido a que todas las personalizaciones, códigos y otros que quieras mantener en tu sitio web se pueden perder en las actualizaciones de tu tema actual, que es conocido como tema padre. Si te interesa que publique un post al respecto dejame tu comentario y me pondré manos a la obra.

Y con esto hemos terminado, espero que te sirva de ayuda en la creación de tu e-commerce, no obstante, encantado de poder recibir tus comentarios.

Si tienes alguna aportación al respecto creo que tanto yo como quien lea este post estará agradecido. ¡Hasta la próxima!.