Woocommerce: Produkt-Tags als verlinkte Bilder ausgeben

Nach langer Zeit mal wieder was frisches im News-Bereich und auch endlich mal wieder was zum Coden.

Die Aufgabe: Unser geschätzter Kunde Simloc hat eine neue Website bekommen. Die Produkte sind über WooCommerce angelegt worden. Da die Seite aber kein Shop ist, wurde ein Catalogue-Modul aktiviert, so dass niemand bestellen kann. Soweit so gut.

Als nächstes war unser Wunsch, das Tag-System von WooCommerce zu nutzen um die Funktionen der Wäsche zu verlinken. So dass der Website-Besucher sich auch andere Produkte von Simloc mit der selben Funktion ansehen kann.

Um die Bilder den Tags zuordnen zu können wurde das Modul „Category and Taxonomy Image“ gewählt. Wir haben zu diesem Zeitpunkt also die Bilder bei den Tags. Und die einzelnen Tags bei den Produkten.

Der nun folgende Code überschreibt nur die meta.php im Ordner single-product von Woocommerce. Wenn jemand eine Lösung über die function.php weiß, wäre ich für einen Tipp dankbar.

$terms = get_the_terms( get_the_ID(), 'product_tag' );
    if (!empty($terms) && !is_wp_error($terms)){
    echo '<span class="tagged_as">';
        foreach ($terms as $term) {
            echo '<span><a alt="'.$term->name.'" href="' . get_term_link($term->term_id, 'product_tag') . '">';
            $image = get_wp_term_image($term->term_id);
            echo '<img src="'.$image.'" alt="'.$term->name.'" width="50" height="50" /></a></span>';
        }
    echo '</span>';
    }

Code ab Zeile 39 einfügen und die Zeile 37 auskommentieren (nach dem <?php ).

Viel Spaß beim nachkochen.

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Woocommerce: Produkt-Tags als verlinkte Bilder ausgeben