Forum Replies Created
-
Posts
-
Pleas login with FTP to your account and delete the woocommerce language files in /wp-content/languages/plugins/. Afterwards login to wordpress and navigate to the update section. You should get a notice about new translations. Install them. Now your translations should be fixed. If not you might have to wait for Enfold or some Plugins to provide updates.
You cant activate the layer slider. It is bundled with the theme and will get updates if the theme gets an update.
Side note: If my feature request would have been included it would have been possible to create a solution without overloading the templates. Developers should upvote so we may get plugable jquery functions for better control of the image overlay.
For those of you interested in the new zoom and lightbox feature I have prepared an enhanced version.
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 Theme1. 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 Theme1. 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@caudebert I know it is a long thread but it would have helped reading at least the last 2 pages: solution
@ncbrorg My solutions activates/restores the native display of product images in WooCommerce and shows gallery thumbnails just fine. You might have some caching issues (clear browser cache, disable/clear cache plugins) or you have additional plugins causing the issue.
@charlescheng719 although you could unhook all the functions your self including jquery scripts (which is causing your mobile ‘issue’) you might better go with one of the catalog plugins available. A google search for ‘woocommerce catalog’ will give you a lot of solutions. Pick the one that suites you best. My former favorite unfortunately lost some attention from the developers so I would not recommend it until it gets updates.
@ncborg there is already a large thread with a solution
@dandelion222 A fresh installation of WordPress with Enfold is blasting fast. The more plugins you install and the more ‘gimmick’ elements (slider, blincking, fading, poping up stuff) you implement the higher the risk of the site becoming slower.
The Google Page Speed analyzer is not telling the whole truth. The ‘above the fold’ issue will be displayed even if you would have only jquery aktiv in the head of the page. If you like to have modern looking page with some sort of extras (like a slider) you simply can not move all css and jquery to the footer. Therefore Googles warning is misleading.
There are a couple of alternative sources to test you site like https://www.dareboost.com or https://gtmetrix.com/. Use them all and compare the results. You would than have to see whether there are scripts loaded you do not need, e.g. if do not use the layer slider plugin deactivate it.
After analyzing your site and dropping unneeded stuff you can use plugin like https://de.wordpress.org/plugins/wp-speed-of-light/ (free) or https://wp-rocket.me/ (my recommendation and worth every cent) for caching and minifying.
@wdrow81 from my current knowledge there is no reason. But WC 3 is new and there maybe other issues we do not know of yet. If those issue lead to problems that can’t be fixed like the image issue you maybe forced to switch back (as pain full this may be). Therefore I wrote the fix to be independent from the version of WooCommerce. Anyway even the stripped down version wont damage anything it would just skip enfold image handling in WooCommerce before 3.0 too.
@dennisveeken
1. Login to the WordPress backend
2. Navigate to WooCommerce -> Settings
3. Select the products tab
4. Click on the Display breadcrumb right below the tab
5. Locate the Column Count setting at the bottom of the page and set it to 3
6. Save the setting and you are done@wdrow81 as long as you do not intend to switch back to WC 2.4.16 this stripped down version of my solution is ok.
@dandelion222 it is always difficult to say whether an other gallery plugin will do the job. It may even conflict with enfolds script. My advice: if there is a way to get it done in enfold (like my monkey patch) do it. Each additional plugin is a new potential source of trouble ;-)
As far as i can tell this is a change within layer sliders update class. I have seen this with other themes to. Talking to some of the lead developers of such themes I was told they (the theme developers) may only update the slider if they update the theme. Maybe Kriesi can confirm this.
guys this will happen every time a new version of layer slider is published. You will have to wait until the next Enfold update as it most likely will include the new version of layer slider. If you don’t want to wait you need to buy a separate licence for layer slider to get updates on the fly.
as stated above I can’t confirm this issue in a fresh wordpress installation with woocommerce and enfold. The chances are this is a wpml issue as there are already known limitations with translated product ids: https://wpml.org/forums/topic/access-to-product-id-is-protected-in-woocommerce-3-0-0/
@georgecornelius contact me via skype
enable wpml again and save your permalinks again
@eversreclame you version of enfold is outdated. I would recommend updateing to 4.0.5 (latest version) rather than messing around with css as this will cause you some headaches after the next update ;-)
@georgecornelius simply follow the instructions I have linked to in my last reply. The one you used is outdated and was just the first fix until I found the reason for the problems.
Did you try to save your permalinks again? Did you try to disable all plugins except woocommerce itself? I can’t confirm the issue in a fresh WP, WC, Enfold installation.
@georgecornelius if you followed this instructions and you had no child theme before you would not need to create any directory at all. If you already have a child theme you would only add the code as described. So I am not sure where you want to create a directory and for what reason.
Guys i told you the issue exists. As much as I appreciate the awesome support of Kriesi’s crew this time they are simply wrong. Nobody seems to listen. The ONLY solution is the one I provided. The CSS hack and the image regeneration lead are wrong and will even cause more issues! So either stay with woo 2.6.14 or update to 3.0 in combination with my solution.
@dandelion222 this is by default in Enfold because the lightbox function is missing the .gallery class in the groups property. The script tries to catch the closest group (css class) wrapped around the image that has been clicked on. Unfortunately without .gallery this is .post-entry. The jQuery script will than pick up all images within the div with class .post-entry. You can verify this by adding some more single images to the post content. They all will appear in the gallery popup.
If you have a child theme you could use a monkey patch in a custom jquery script:
(function($){ var _old_avia_lightbox = $.fn.avia_activate_lightbox; $.fn.avia_activate_lightbox = function( variables ){ if ( ! variables ) { var variables = {}; } variables.groups = ['.gallery', '.avia-slideshow', '.avia-gallery', '.av-instagram-pics', '.portfolio-preview-image', '.portfolio-preview-content', '.isotope', '.post-entry', '.sidebar', '#main', '.main_menu']; return _old_avia_lightbox.call( this, variables ); }; })(jQuery);Put the code above in a file called mmx.js and put the file in the child theme directory. In the functions.php file of your child you would than add the following lines:
add_action( 'wp_enqueue_scripts', 'mmx_load_scripts', '99' ); function mmx_load_scripts() { wp_enqueue_script( 'mmx', get_stylesheet_directory_uri() . '/mmx.js', array( 'jquery', 'avia-default' ) ); }@synthea79 can you explain that issue in detail or post a link for me to check that? I can’t see any issues with category images and/or product images on category pages.
