WooCommerce Filter Adding Captions to Gallery Thumbnails

WooCommerce Filter Adding Captions to Gallery Thumbnails

/*** Add to Child Theme functions.php to show media caption under product thumbnails in the WooCommerce Product Gallery. ***/
 
add_filter('woocommerce_single_product_image_thumbnail_html', function($html, $attachment_id) {
  $caption = get_post_field('post_excerpt', $attachment_id);

  if(trim($caption)) {
    $html = str_replace('</div>', '<span class="gtnCaps">' . $caption . '</span></div>', $html);
  }

  return $html;
}, 10, 2);

Thanks works great

Thanks much, this is great.

It works for me too, using Woocommerce in combination with WPML in 2021. Translations are correct. Thanks a lot.

Thanks for the code! How can I edit the font size for this?

Thanks for the code! How can I edit the font size for this?

@fifionana3 - Just ID the CSS class via Web Inspector and change as needed. Sorry, I don't remember what it is off the top of my head. It might be "gtnCaps".

Thank you :)

Is there a way to display on main product only not gallery thumbnails?

Hi, for me this repeats the caption of the product image, and not displays the thumbnail's caption. Can you please help me with this? Thank you