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

Big thanks John, can i have a last help?

how can i edit border and background color on contact form text input?

i found it on enfold.css but seems enfold change dynamic everytime it loads

#top .main_color .input-text,
#top .main_color input[type='text'],
#top .main_color input[type='input'],
#top .main_color input[type='password'],
#top .main_color input[type='email'],
#top .main_color input[type='number'],
#top .main_color input[type='url'],
#top .main_color input[type='tel'],
#top .main_color input[type='search'],
#top .main_color textarea,
#top .main_color select {
    border-color: #ebebeb;
    background-color: #f8f8f8;
    color: #919191;

Regards

Hi Victoria,

I read the article, but it is not what I’m looking for.

I can see pages like this indexed on Google:

Index of /wp-content/themes/enfold/framework/images/layout/
Index of /wp-content/themes/enfold/framework/php/
Index of /wp-content/themes/enfold/framework/
Index of /wp-content/themes/enfold/framework/images/icons
Index of /wp-content/themes/enfold/framework/js/
Index of /wp-content/themes/enfold/framework/images/colorpicker/
Index of /wp-content/themes/enfold/framework/php/avia_shortcodes/
Index of /wp-content/themes/enfold/framework/php/auto-updates/

and more and more… It is not good to have all these pages indexed. Never happened to me.

Please check out my website putting on Google search site:website.com (in private content) from page 11.

Should I change my robots.txt file on Google Webmaster Tools? What should I put in robots.txt in therms of code?

Thanks,
Maria

Hi, I appreciate the link, but we too are doing custom calculations. I’ve search everywhere as well. The last message in that thread says:

“The calculations is done through a javascript function, whenever there are script errors elsewhere on the page it can often conflict. It looks like you are using a kind of custom theme, it should be a pretty simple fix for your dev, the filepath is just wrong.”

So even they say this should be a pretty simple fix for theme dev. Gravity Forms is pretty widely used and is listed as compatible with Enfold, and it’s my go too theme, I’ve got multiple licenses, but this is a big deal to not be able to process the stripe payment with Gravity. I’ve been pretty patient and I don’t want to have to leave a negative comment to warn others, but I’m going to have to consider going to a different theme if you guys can’t help get conflict or file path cleared up.

Hi,

I found that the Woocmerce plugin manager was the on fo the problem as well as the WC3 cache not working properly with Enfold.

The woocommerce tab erroe give this that error message,

Sun Apr 02 15:49:07.311978 2017] [proxy_fcgi:error] [pid 2527] [client 127.0.0.1:49174] AH01071: Got error ‘PHP message: PHP Fatal error: Class ‘SV_WC_Product_Compatibility’ not found in /home/39226-44573.cloudwaysapps.com/kerscvngnj/public_html/wp-content/plugins/woocommerce-tab-manager/includes/class-wc-tab-manager-search.php on line 619\n’,

I went on the develper webiste and it mentined somthing about the Enfolde them here.

Do you use the Enfold theme from Kriesi? Do not edit the core plugin as the forums recommend — this is an issue with the Enfold theme. Please see the solution here and ask for an updated copy of the theme. wich relays to this.
https://kriesi.at/support/topic/bug-report-woocommerce-tab-manager-conflict/?avia_support_contact=avs_560add58092787.27437365

Have come across something similar.
Thanks.

Hi Andy,
certainly I created my first feature request.

FOR ALL: Who is looking forward for the feature to get a sidebar in the product page have a look on that feature request and VOTE VOTE VOTE
Title is: “Product Page Styling Woocommerce Product Page Sidebar Enfold Shop Sidbar”

I don’t know why there I can’t find a search functionality or category for feature request but hopefully google will find it :-)

Greetings
Michael