Forum Replies Created
-
Posts
-
@georgecornelius it is not cured at all. See my post above yours. The fix in Woo 3.0.1 does NOT address the issue in enfold. It is just an coincidence. Simple test: Create a variable product with two or more variations. Give each variation its own image. Now open the product in the single view in the shop and select the different variations. The image will not change. Apply my fix and the images will change. Enfold needs to fix this for them selves – WooCommerce won’t.
@ismael, @john please forget about the CSS. This is NOT the problem and it does not solve the main issue. I have described the problem in detail here and recommended a solution for your developers here.
If you need more information just tell Kriesi to contact me. Again: the core issue for the missing image in enfold will not be fixed with any woocommerce update (at least according to my conversation with Mike Jolley) because the filter hook used in Enfold to display the image does not exist anymore.
Can you check the file /wp-content/themes/enfold/functions-enfold.php exists?
Can you take a look into the file and check the function avia_is_burger_menu() is defined starting from line 162?
Can you confirm there is no function called avia_is_burger_menu() in your child themes functions.php?
Can you confirm the file permission are correct?
Can you confirm you have at least PHP 5.6 running?
Can you confirm the file owner is either the webserver user (apache, www) if PHP is running as mod-apache modul or the ftp user if PHP is running as FPM or Fast-CGI?@welwebmaster if this would happen to me I would
1. Download a fresh ‘Install Files Only’ package from themeforest
2. Unpack the file
3. Connect via FTP and DELETE the enfold directory completely
4. Transfer the unpacked enfold directory and make sure the transfer mode is binary (not ascii)
5. Make sure my file permissions are correct (755 for directories, 644 for files)To solve the image display issue please see this posting
@flowerjova three ppossible issues:
1. wrong encoding of the functions.php file if transferd by FTP (must be UTF-8 without BOM and transfer mode have to be binary)
2. invalid characters from copy and paste (most commonly with MACs) if you use the wordpress editor (bad bad bad idea at all)
3. old php version in combination with a closing php tag (?> in functions.php) and pasting the code below that tagI usually don’t offer free help one-to-one. But lets make ONE exception from the rule. Contact me via Skype to get this sorted.
@codecreative please take a look at /wp-content/themes/enfold/config-woocommerce/config.php line 1045 – 1047
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 ); remove_action( 'woocommerce_after_single_product', 'woocommerce_upsell_display',10); add_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_upsells', 21); // needs to be called after the "related product" function to inherit columns and product countas well as line 1074
add_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_display_output_upsells', 30); //display the related products and upsellsEnfold itself removes the upsell section and adds it again with lower priority (later). If you want to change things you need to remove enfolds custom functions first. If you add your own take care you do not use priority 15 and 10 as those will be removed by Enfold. Just take something like 14 or 11.
To solve the image display issue please see this posting
To solve the image display issue please see this posting
There is a better solution now than the first “overload” approach. To solve the image display issue please see this posting
As for now there is bug with the image display on single product pages. If you are not in a hurry just wait for WooCommerce and Enfold updates to arrive. If you need to update for any reason please see this posting
To solve the image display issue please see this posting
To solve the image display issue please see this posting
To solve the image display issue please see this posting
To fix the image display issue please see this posting
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.
- It is save to use with any version of WooCommerce.
- It is intended to be used with Enfold version 4 to 4.0.5 only
If you do NOT have a Child Theme
1. Download https://mensmaximus.de/dokumente/enfold/enfold-child.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/If you already have a Child Theme
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', ">=" ) ) { 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; } }Attention: If you feel you are not able to reproduce this steps hire a WordPress freelancer to do it for you. Point him to this posting and he will know what to do. It takes less than 15 min. for a WordPress professional to accomplish the job (including asking for ftp credentials and/or WordPress access).
Nag Nag Nag: If you do not want to use a Child Theme or if you are just in bad mood please feel free to keep that for you. No need to tell anyone. In this case just wait for an official update.
Support: This solution is provided by me and not Kriesi. I am not affiliated to Kriesi in any way other than you all loving Enfold. I have spent more than one day with trouble shooting and talking to the WooCommerce Development as well as extensive testing. If you use this solution please report back if it worked or not. Your feedback will help others to decide if they will give it a try too.
@ollihb to fix the variation problem you need to add two functions to your child themes functions.php:
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; }@botanica a child theme is the recommended way by wordpress to make customization. If you don’t want one or if you are not able to create one you have to wait for an update. And of course there will be an update for Enfold. Regarding my fix (quick because it can be deployed quickly) there was only one person that had an issue and as I wrote he probably did something wrong. The solution I posted works 100%.
@BotaniCa please follow my suggestion and see the many answers of satisfied users in that thread.
@pibull_germany most likely all translations will be included in the upcoming updates. Translations are kind of teamwork done by the community. It is pretty normal that new versions lack some translations because the community seldom uses beta versions or release candidates. They start as soon as the new version has launched and the missing words are spotted.
@dandy either you buy a licence for layer slider to get updates right after they are published or you have to wait until enfold bundles the new version with an update.
@mirzepapa Looking into the source code of your site reveals uncommon version suffices on all css links. From what you describe until now my best guess is you uploaded files with a wrong encoding. Make sure all files especially style.css, functions.php and wp-config.php are saved as UTF-8 without BOM. Make also sure they got uploaded via FTP in binary mode (not ascii). Disable any caching plugin as wells as any server side caching.
@charger70 check this posting and a possible solution
@flowerjovia Which “hack” do you mean? I have presented two solutions. If your site went down (whatever that means) you probably did something wrong (my suggestions work 100%). Your best bet would have been to hire a wordpress expert who would have fixed that in less than 15 min.
This issues is something that could habe been prevented from occurring at all. Agreed. However – shit happens and developers are humans too. There is a quick fix to get around the issue. The implementation takes 5 minutes or less if you already have a child theme.
@yigit as a quick solution your developers can load the two filter hooks in /wp-content/themes/enfold/config-woocommerce/config.php only if the woocommerce version is lower than 3.0.0
global $woocommerce; if( version_compare( $woocommerce->version, '3.0.0', "<" ) ) { 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){ ... 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 = "" ){ ... return $img; } } }This will solve both issues. The missing and blurred images.
I just realized WooCommerce has dropped the support for the filter ‘woocommerce_single_product_image_html’ and is using ‘woocommerce_single_product_image_thumbnail_html’ instead in product-image.php and product-thumbnails.php. Therefore the functions in Enfold that hooked into ‘woocommerce_single_product_image_html’ is not used any more. Instead the function hooked into ‘woocommerce_single_product_image_thumbnail_html’ is used (see my last post above) which causes images to disappear and to be blurry if the opacity is removed manuals (by css hack or overload). According to a chat with Mike Jolley the old filter ‘woocommerce_single_product_image_html’ is unlikely to return with an update due to changes in css classes and new features like ‘swipe’. Saying this Enfold will have to provide an update to solve the issue. I checked with other major themes and found some have dropped custom html code to display the images with WooCommerce 3.0 as I did in my solution above.
Digging a bit deeper into this issue reveals the main problem is within Enfold creating its own html code to display the product images. This code is incompatible with WooCommerce 3.0. The code is inserted in /wp-content/themes/enfold/config-woocommerce/config.php line 1423 using the woocommerce filter ‘woocommerce_single_product_image_thumbnail_html’.
You can remove that filter to get the native woocommerce 3.0 product image display by adding the following function to a child themes functions.php:
function avia_woocommerce_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class ) { return $img; }@0rca Restoring a backup will vanish any new orders, product changes/additions and/or customer registrations since the backup has been taken. Making people not aware of the risk to lose vital data is bad advice. Overloading templates on the other hand is not a bad hack. It is the recommended procedure to customize template. Whether to make things pretty or to circumvent a bug makes no difference.
I just had a conversation on slack with Mike Jolley (WooCommerce Developer at Automattic) and gave him access to a WordPress installation with WooCommerce 3.0 and Enfold. After a few minutes the issue has been located. Mike Jolley has already provided a patch for WooCommerce for an other issue which solves this one too. https://github.com/woocommerce/woocommerce/pull/13912. It will be included in the next update 3.0.1 of WooCoemmrce.
