Is there an easy way to change where video shows on productpage…

Hey idespiran!

Thank you for using Enfold.

Do you want to replace the product image with a video? Are you going to do this for all products? It’s possible but you need to add a custom field. Edit the product then go to the Screen Options. Enable the custom field, add a new field called “product_video” then add the youtube url as value. If possible, use this kind of youtube url format: http://www.youtube.com/watch?v=G0k3kHtyoqc

Add this in the functions.php file:

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;
	
	$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 = '';
	}
	
	$video = get_post_meta( $post->ID, 'product_video', true );
	$echo = do_shortcode("[av_video src='{$video}' format='16-9' width='16' height='9' custom_class='']");

	
	if(has_post_thumbnail() && get_post_meta( $post->ID, 'product_video', true )) 
	{
		return sprintf( $echo . '<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s"  rel="prettyPhoto' . $gallery . '">%s</a>', $image_link, $image_title, $image);
	} 
	elseif(has_post_thumbnail() && empty($video))
	{
		return sprintf( '<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s"  rel="prettyPhoto' . $gallery . '">%s</a>', $image_link, $image_title, $image);
	} 
	else 
	{
		return $img;	
	}
}

In order to make the video bigger, add this in the Quick CSS field:

.single-product-main-image {
  width: 50%;
}

For further modifications, please contact codeable: http://kriesi.at/contact/customization

Cheers!
Ismael

Hi,

We did some changes in the product gallery in the later versions of the theme, so the modification above is no longer valid. The filter was also created before the release of the Woocommerce 3.0 gallery.

You might be able to accomplish the same thing by creating a copy of the woocommerce\templates\single-product\product-image.php template file in your child theme.

Best regards,
Ismael

Hi,

Did you enable the Woocommerce 3.0 gallery from the Enfold > Shop Option panel? The plugin may not work with the theme’s default gallery. Please feel free to open a new thread if you need more help. We will close this one for now.

Best regards,
Ismael