Electro display tags in archive

functions.php

if ( ! function_exists( 'electro_template_loop_tags' ) ) {
    /**
     * Output Product Tags
     *
     */
    function electro_template_loop_tags() {
        global $product;

        $product_id = electro_wc_get_product_id( $product );
        $tags = wc_get_product_tag_list( $product_id );
        echo apply_filters( 'electro_template_loop_tags_html', wp_kses_post( sprintf( '<span class="loop-product-tags">%s</span>', $tags ) ) );
    }
}

add_action( 'woocommerce_before_shop_loop_item_title', 'electro_template_loop_tags', 20 );

style.css

.products>.product .loop-product-tags {
    margin-bottom: .4em;
    font-size: .8em;
    line-height: 1.05em;
    height: 1.1em;
}

i.product .loop-product-tags a {
  color: #878787;
}

@media (min-width: 1200px) {
  .products>.product .loop-product-tags {
    margin-bottom: 6px;
    font-size: .857em;
    line-height: 1.05em;
    height: 1.05em;
    display: block;
  }
}