Change Shop #4

Hey Oriano,
I’m not sure if this is possible, but do you have a staging site with the other modifications active that we can test on?

Best regards,
Mike

Hi,
Thanks, I added this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_action('woocommerce_after_shop_loop_item_title', 'display_custom_attribute_in_product_grid', 10);
function display_custom_attribute_in_product_grid(){
    // HERE define the desired product attributes to be displayed
    $defined_attributes = array('autore');

    global $product;
    $attributes = $product->get_attributes();

    if ( ! $attributes ) {
        return;
    }

    $out = '<ul class="taste-attributes">';

    foreach ( $attributes as $attribute ) {

        // Get the product attribute slug from the taxonomy
        $attribute_slug = str_replace( 'pa_', '', $attribute->get_name() );

        // skip all non desired product attributes
        if ( ! in_array($attribute_slug, $defined_attributes) ) {
            continue;
        }

        // skip variations
        if ( $attribute->get_variation() ) {
            continue;
        }

        $name = $attribute->get_name();

        if ( $attribute->is_taxonomy() ) {

            $terms = wp_get_post_terms( $product->get_id(), $name, 'all' );
            // get the taxonomy
            $tax = $terms[0]->taxonomy;
            // get the tax object
            $tax_object = get_taxonomy($tax);
            // get tax label
            if ( isset ( $tax_object->labels->singular_name ) ) {
                $tax_label = $tax_object->labels->singular_name;
            } elseif ( isset( $tax_object->label ) ) {
                $tax_label = $tax_object->label;
                // Trim label prefix since WC 3.0
                if ( 0 === strpos( $tax_label, 'Product ' ) ) {
                   $tax_label = substr( $tax_label, 8 );
                }                
            }

            $out .= '<li class="' . esc_attr( $name ) . '"style="width:100%" >';
            $out .= '<span class="attribute-label">' . esc_html( $tax_label ) . ': </span> ';
            $tax_terms = array();

            foreach ( $terms as $term ) {
                $single_term = esc_html( $term->name );
                array_push( $tax_terms, $single_term );
            }

            $out .= '<span class="attribute-value">' . implode(', ', $tax_terms) . '</span>';

        } else {
            $value_string = implode( ', ', $attribute->get_options() );
            $out .= '<li class="' . sanitize_title($name) . ' ' . sanitize_title( $value_string ) . '">';
            $out .= '<span class="attribute-label">' . $name . ': </span> ';
        }
    }

    $out .= '</ul>';

    echo $out;
}

and now the author is showing in the product grid and in the Related products at the bottom of product pages:

Best regards,
Mike

Hi,
Did Ismael’s solution work? I see you wrote that it did but I can’t see it?
The reason the other site can have a author link below the image is because only the image has the product link, but on your site the whole element has the product link.
I’m not sure how we can change that without a major element re-write.

Best regards,
Mike

Hi,
Ok, so it is working correctly now, shall we close this thread then?

Best regards,
Mike