Ok, after investigating the problem, I have learned that Woocommerce was using the product thumbnail (120×120) in place of the single product image. So, this may or may not be related to the theme. I increased the size of the product thumbnail and that solution seems ok for me.

Rikard, Good morning.

I just did a test and it looks like it’s just the media library image preview of the PDF.
I’ve put a link to the test page below. The page has a JPG thumbnail image of the PDF with a link and a button. They both open the PDF and it looks correct. But if you preview the PDF image when uploaded to the media library it looks like the original image I attached. Thanks for your help, Gary

The formerly used catalog image is hardcroped by default. The single product image used now has fixed width and variable height. You could of course change that in woocommerce settings and afterwards regenerate the thumbnails. You could also modify the product-image.php contained in my enhanced fix and change the shop_single (default thumbnail in woo 3) to any other predefined thumbnail size. My advice is to wait until we know which way Enfold will chose to avoid additional work.

Hi,

I would like my page to look like http://kriesi.at/themes/enfold/blog/blog-single-author-big/

and later, when we have more posts, I may change to: http://kriesi.at/themes/enfold/blog/blog-grid/

I have tried to chose these, both at the Enfold settings level and at the page level using Advanced Editor, but without effect.

Currently my site is displaying “single author small” (http://kriesi.at/themes/enfold/blog/blog-single-small/) and I would like that if only it didn’t force the thumbnail images to be square because they crop my pictures too much. Is there a way to have this layout but specify a change to the image size? Or aspect ratio?

Hi Vinay,
thank you for answer- i used this code before but i dont want to remove the title on the code

<img class="avia_image " src="…………./joe-makroenchen-hamburg-macarons-tasse-decoration.jpg" alt="" title=”joe-makroenchen-hamburg-macarons-tasse-decoration” itemprop=”thumbnailUrl” />

and when i use the snippet it looks like this

the title is complitly remove
but i need the title in the code for seo- is there another solution?
thank you

Thank you very much, Mike, it works, but… there’s a problem… I’m making more han one of my customer buy “enfold theme”, because I want to find a sort of “standard configuration”, but I can’t find it, I find some problem with this.
In the example your code works, but I have another website, with the exactly same configuration (it changes only the ID page).
I tried to use that code in the other side, and this is the result:

The website is http://www.ricevimentodafavola.it

How is it possible?
At the actual moment, to get closer to my goal, i added another css row, called “#top.page.page-id-4084 .fullsize .template-blog .blog-meta ” (that I found i one of my many attempts of finding the right code).
The result is similar, but the thumbnails are not square like I wish. That’s wouldn’t be a big problem, except that I can’t work with Enfold if I can’t understand the logic behind this css code.
My question is, how is it possible that the same identical configuration works different with the same css code? What I am doing wrong? What I can’t understand?
Can you tell me where I am wrong in the second site, what’s the difference in the configuration between tha 2 sites, and what is the right CSS code that I can use in ANY website with enfold theme (except naturally changing the page ID) ?

If you wish you can login to both sites with the same ID and password that you already have.

Thank you very much and sorry for my bad english

Thank you for the answer, but that doesn’t work at all.
Now the original website is visible, so I created a test installation.. The id page is 21 too, but…. I applied your code, and this is the result:

I already tried to put the code also in the custom.css file, but nothing changed.

You can access to this test space by visiting http://www.agenda161.com/test/wp-admin/
and entering with the same credentials I’ve already sent you in the previews post.

Can you help me to reach that thumbnails look that i asked in the first post?
Thank you very much

Hi @mike I believe it’s not a configuration problem, because when I enable the enfold theme and look at the apache error file, I can see some errors related to functions from the theme… for instance:

PHP Warning: Missing argument 4 for avia_woocommerce_gallery_thumbnail_description()

The following solution removes Enfolds custom functions for the image display of products and variations to restore the new image display starting from WooCommerce 3.0.0 including the new zoom feature and the WooCommerce native lightbox.

• Use only with WooCommerce Version 3.x.x
• Use only with Enfold version 4 to 4.0.5

If you just want to fix the basic image issue please stick with my first solution.

If you are curious and want to use the new zoom and lightbox feature from woocommerce continue reading.

—————————————————————————–
If you do NOT have a Child Theme

1. Download https://mensmaximus.de/dokumente/enfold/enfold-child-wc3.zip
2. Login to wordpress and select Appearance -> Themes in the admin menu
3. Click on ‘add new’ (top left of the theme page)
4. Click on ‘upload theme’ (top left of the theme page)
5. Click on the file select button and choose the enfold-child.zip file from step 1
6. Click on ‘Install now’
7. Activate the Enfold Child Theme after the installation has finished
8. Follow the instructions from http://kriesi.at/documentation/enfold/using-a-child-theme/
9. You are done. Have fun with the new features

—————————————————————————–
If you already have a Child Theme

1. Copy the following code block to the functions.php file of your child theme

/*
	Woocommerce 3.0.0 Compatibility Fix
	Remove Enfold's custom functions that conflict with the new image display in WooCommerce 3.0.0
*/
global $woocommerce;

if( version_compare( $woocommerce->version, '3.0.0', ">=" ) ) {

	add_theme_support( 'wc-product-gallery-zoom' );
	add_theme_support( 'wc-product-gallery-lightbox' );

	function avia_woocommerce_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class ) {
	    return $img;
	}
	function avia_woocommerce_post_thumbnail_description($img, $post_id){
	    return $img;
	}

}

2. Copy the following code block to the style.css file of your child theme

.woocommerce-product-gallery__trigger{
    position: absolute !important;
    top: 1em;
    left: 1em;
    z-index: 99;
}

3. Download https://mensmaximus.de/dokumente/enfold/enfold-child-wc3.zip and unpack the file
4. Connect to your hosting account via ftp and navigate to your child themes directory
5. If the child theme directory does not contain a directory called woocommerce you can simply copy the woocommerce directory from my child theme (step 3) to your child themes directory. Otherwise you need to check whether the woocommerce directory in your child theme contains a directory named ‘single-product’. If not you can copy the ‘single-product’ directory contained in the ‘woocommerce’ directory from my child theme (step 3) to your child themes ‘woocommerce directory’. If you already have a directory called ‘single-product’ you have to check wether the files contained in my child theme exist in your child theme. If not copy theme. If they do you need to merge the modifications (Hint: search for ‘noLightbox noHover’ and most likely you will know what to do).
6. You are done. Have fun with the new features