Hi!

Ok, the problem is that WooCommerce doesn’t use the description field. To fix the issue add following code to functions.php

if(!function_exists('avia_woocommerce_post_thumbnail_description'))
{
	add_filter('woocommerce_single_product_image_html','avia_woocommerce_post_thumbnail_description', 10, 2);
	function avia_woocommerce_post_thumbnail_description($img, $post_id)
	{
		global $post, $woocommerce, $product;

		if(has_post_thumbnail())
		{
			$image_title = esc_attr(get_post_field('post_content', get_post_thumbnail_id()));
			$image_link  = wp_get_attachment_url( get_post_thumbnail_id() );
			$image  = get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ), array(
				'title' => $image_title
				) );
			$attachment_count = count( $product->get_gallery_attachment_ids() );

			if ( $attachment_count > 0 ) {
				$gallery = '[product-gallery]';
			} else {
				$gallery = '';
			}

			return sprintf( '<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s"  rel="prettyPhoto' . $gallery . '">%s</a>', $image_link, $image_title, $image);
		}

		return $img;
	}
}

if(!function_exists('avia_woocommerce_gallery_thumbnail_description'))
{
	add_filter('woocommerce_single_product_image_thumbnail_html','avia_woocommerce_gallery_thumbnail_description', 10, 4);
	function avia_woocommerce_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class )
	{
			$image_link = wp_get_attachment_url( $attachment_id );

			if(!$image_link) return $img;

			$image = wp_get_attachment_image( $attachment_id, apply_filters( 'single_product_small_thumbnail_size', 'shop_thumbnail' ) );
			$image_title = esc_attr(get_post_field('post_content', $attachment_id));

			$img = sprintf( '<a href="%s" class="%s" title="%s"  rel="prettyPhoto[product-gallery]">%s</a>', $image_link, $image_class, $image_title, $image );

		return $img;
	}
}

and in /wp-content/themes/enfold/config-woocommerce/woocommerce-mod.js remove

    $('.single-product-main-image .images a').each(function(index,value){
        var $this = $(this),
            title = $this.attr('title'),
            img = $this.find('img'),
            description = img.attr('alt');

            $this.attr('title', description);
            img.attr('alt', title);
    });

We’ll update this with the next theme version.

Best regards,
Peter

I have the same question as I encountered the same problem this morning when trying to use a background image.
Thanks.