How to add title attribute in image on my product category page

Hi @tinzion,

You’ll need some custom code to add the title attribute to the images. The code in this Stack Overflow answer may be a good place to start.

https://wordpress.stackexchange.com/questions/258007/how-to-automatically-apply-woocommerce-product-title-to-all-product-images-alt-t/#answer-279386

Cheers

Hi Three Sons

I tried to insert the code on the link but however not solve my problem

add_filter('wp_get_attachment_image_attributes', 'change_attachement_image_attributes', 20, 2);
function change_attachement_image_attributes( $attr, $attachment ) {
// Get post parent
$parent = get_post_field( 'post_parent', $attachment);

// Get post type to check if it's product
$type = get_post_field( 'post_type', $parent);
if( $type != 'product' ){
    return $attr;
}

/// Get title
$title = get_post_field( 'post_title', $parent);

if( $attr['alt'] == ''){
    $attr['alt'] = $title;
    $attr['title'] = $title;
}

return $attr;
}

here’s the sample product category page link: https://weedsmart.net/product-category/vapes-thc/

You can see the category image have alt but no title attribute, hope you can help me with this

Hi @tinzion ,

This is a fairly complex development topic. I’ll leave it open for a bit to see if anyone is able to chime in to help you out.

I can also recommend the following places for more development-oriented questions:

1. WooCommerce Slack Community: https://woocommerce.com/community-slack/
2. WooCommerce FB group: https://www.facebook.com/groups/advanced.woocommerce/