Forum Replies Created
-
Posts
-
Update –
Install the JQuery Migrate Helper Plugin, go to tools and enable legacy support. This is a temporary workaround until the team at enfold find the bug.
Using the Jquery Migrate Helper.
Here is a log file from the migrate plugin
There is a problem with the avia_meag_men.js compatibility with the latest 5.6 WP update.
2021-01-05 17:07:22 jQuery.fn.attr(\’checked\’) might use property instead of attribute Theme: enfold/framework/js/avia_mega_menu.js /wp-admin/nav-menus.phpUpdate –
Using the Jquery Migrate Helper.
Here is a log file from the migrate plugin
There is a problem with the avia_meag_men.js compatibility with the latest 5.6 WP update.
2021-01-05 17:07:22 jQuery.fn.attr(\’checked\’) might use property instead of attribute Theme: enfold/framework/js/avia_mega_menu.js /wp-admin/nav-menus.phpAdding comment for updates.
This problem just hit all of my customers. Some designs depend on the use of an alternate mobile menu.
Please advise on when we can expect a fix.
I have the same problem with every site on my server that has an alternative mobile menu set.
The
tags are empty. No menu is displaying.
Please can you advise. Another user has had the same problem so replying so i get updates.
I can confirm this problem is happening on all of my enfold sites.
If you set an alternative mobile menu in the theme panel it does not work. This has caused a major problem with some of my websites.
Please can you advise asap!
Hi RubenHD,
Just saw this while checking for an issue. AMP is not necessary for competitive mobile searches.
I do not use it and have managed to get enfold sites performing at 90+ in the current Google Lighthouse speed tests – with further improvements to be implemented around fonts and analytics.
AMP is designed to speed up the loading times of blog entries – It is therefore not going to be compatible with all ALB elements in Enfold which add complexity and functions over the standard WP theme. The same applies for most premium WP themes with complex features. AMP normally removes animations and other complexities in order to reduce load times (reducing the size of the AMP CSS files). Its literally what AMP is designed to do.
If you are looking to improve the load times for your site without compromising on the design – try any of the following:
-Update your .htaccess file or use a plugin to ensure features like gzip compression and cache age are set and enabled
-Add a caching plugin and set the cache length to 30 days.
-Compress your images before you upload them
-Enable Lazy Load in the Enfold performance panel and enable all other performance related settings
-Ensure responsive images is turned on in the Enfold performance panel
-Use a CDN – Like Jetpack (Free) or Cloudflare (also free)
-Enable lazyload and image optimisation in jetpack (If enfold is set up correctly it works perfectly)I hope this helps.
I wouldn’t complain!
I just bought another 5 copies while it is on sale. Thanks for notifying us of the sale! This isn’t a bug it’s just good marketing – That perhaps is not relevant to users who only have 1 website. But for developers like me – THANK YOU for the heads up!
Please dont fix this with Envato. I’d prefer you to notify current users when a sale starts.
If you go into wp-admin and check for updates its pretty easy to work out that there is no update – But oh look! Enfold is on offer!
Keep up the good work!
Hi Ismael,
Thanks for getting back to me about this. I imagine this needs to be added as the default html tag for each part of the modal.
Please can you let me know if this gets added to core? Otherwise I will need to go through all of the Enfold installs on my server and add the tags manually.
Thanks again,
Tom
Hi Mike,
It works really well.
I adjusted the code above to right:-10px which just nudges it in slightly.
I’ll apply this to all of the WooCommerce sites on my system.I have another I am working on with a burger menu left, so I’ll modify the offset and padding to suit.
Now live on the site in the private comments.Thanks again.
Thanks Mike, really appreciate the input from you both.
I probably won’t hide the icon but I’ll try out the code to move it and get back to you.
The Enfold sites I run without a online store – the cross position isn’t a problem because its right in the corner. But I now have several WooCommerce sites so thank you for a solution.
Hi Stephan,
CF7 Flamingo caused issues with CF7 when Recaptcha is used so I don’t do it by default. It also bloats your database with contact form submissions.
I often recommend using a gmail account as a relay if there are mail delivery problems.
Try using an wp mail smtp by WPforms plugin.
You can use the other SMTP option to add a free Gmail account and use it as a relay.Emails are then sent by Gmail meaning you get a record of the email being sent in the Gmail account’s sent items. This gives you an additional backup without bloating your database with contact form submissions. HOWEVER bare in mind that you are still relying on an external connection to Gmail, but because it is smtp it should simply stay in the outbox or as a draft if it fails to send. Therefore you still have a record of the message.
This is also a neat way to get around some web hosts mailservers getting blocked by outlook.com/hotmail addresses. Gmail doesn’t get blocked unless the content is spammy.
Thanks Victoria,
This affects every Enfold website running WooCommerce.
The easiest solution I can think of is to swap the position of the menu button and cart button on mobiles. Then the cross will always be out of the way in the top corner.
I can implement this myself this end but given that this affects all enfold sites it needs looking into your end.
Let me know if you have a solution for me, if not I’ll mod the CSS so the cart and menu are switched.
Hi Ismael,
I have just looked again. I think my diagnosis of the problem is wrong sorry. I have more information below.The problem is actually this:
On mobiles all of the mobile menus have an animation that makes each menu item appear one by one – top to bottom.If you quickly open the menu and then select any of the menu items before the animation has finished it ignores the first button tap.
This is a UX problem and a frustration for anyone wanting to browse quickly.
So 3 possible solutions:
1. Is there a way to disable the animation to stop this behaviour?
2. Can the animation be sped up by changing the CSS? Therefore the menu items become interactive sooner?
3. Can Enfold Core be updated to address the problem?Solution 2 is the preferred option and probably easiest for you to help me solve
Thanks again.
Hi Victoria,
I see you are in Chrome Dev tools. The scroll behaviour appears to be the same as the physical device even in safari.
When you scroll down, the cross sits over and obstructs the menu links.
Screenshot is linked in the private content.
Is it possible to get the cross to scroll with the content or move the cross to the top corner on menu open?
Launched on Monday. Advanced Woocommerce Site based on Enfold with some clever modifications.
Dunrich Ltd are a wholesale cushion and wholesale cushion pad manufacturer based in Swadlincote, UK. The site correctly uses Attribute archives and the built in filter by category and filter by attribute widgets so that customers can find what they are looking for more easily. To achieve this, a widget area was added to the top of all shop pages with filters that show and hide depending on screen size. I also reinstated the quantity adjustment on the basket page for mobiles which is removed by default in Enfold. Its a little squashed on mobiles but a vital function.
The media library is not organised by date to make it easier to manage products via spreadsheet upload.
Mods
The main menu is a modified version of the logo centre, menu below option. The logo is then adjusted to appear on the left making space for a widget area on the right. This is a variation of the settings in Enfold’s menu/header documentation.
I have posted a tutorial on how to add the Search bar to the header area with Ajax here: https://kriesi.at/support/topic/product-search-in-top-bar-for-woocommerce-sites-with-ajax-dropdown-or-any-site/. This is a common ecommerce feature that Enfold can achieve with mods.All of the products are now arranged by colour first making the shop easier to navigate and much more attractive than the original version of the site.
Any feedback is welcome.
Dunrich Ltd Cushion Manufacturer UKThe company has used an SEO service in the past who focused on the following pages.
Dunrich Ltd Wholesale Cushion Pads, Inserts and Inners
and
Dunrich Ltd Wholesale Cushions and Cushion CoversThe new site expands these areas and adds more detailed information including new content for Wholesale beanbags and white label manufacturing services. It also introduces a second page for Wholesale Cushion Inners and pads which previously only existed on a prod category not a physical page.
Performance:
Optimised using bespoke Functions.php, .htaccess settings alongside common optimisation plugins. wp-optimize and jetpack.Testing the site in Google lighthouse – Scores as high as 86/100 in performance testing which is fantastic for a Woocommerce site.
Lazy load is enabled in Enfold alongside the lazy load module within Jetpack.Cheers Gunter,
Thanks for the speedy response. I thought this would be the case.Keep up the great work.
More info:
The issue is caused by the cart icon position. The cart icon pushes the mobile menu icon over meaning it sits over the menu text rather than in the corner.Is it possible to move the location to the top corner on click? So the close icon is in the top corner?
Hi All,
Another two Fantastic Enfold Sites for you from Think Jarvis Design and Marketing
Blossom Branch Florist
Blossom Branch Florists is a local florist specialising in wedding flower packages and bespoke gift bouquets. The owner Hayley recently opened a shop at Craythorne Court in Stretton near Burton On Trent, UK.
The new website was designed using a custom version of Enfold and a couple of plugins from Code Canyon to add extra functions like delivery dates and a message to go inside the gift card attached to their bouquets.
The site uses WooCommerce and Paypal with deliveries limited to specific postcode regions of the UK. It also has several modifications to Enfolds stock WooCommerce add-on including tweaks to the basket for easier use on mobiles.
To see the site please visit: https://www.blossombranch.co.ukWild Heart Yoga and Fitness
Wild Heart Yoga and Fitness is ran by Nicky, a Yoga and Aerial Yoga Specialist and personal trainer. The business is based in Christchurch, UK and operates throughout the local area including Bournemouth, Poole and Boscombe.
The new website is designed using a custom version of Enfold and has been set up to use Jetpack Lazy Load and Image Optimisation.
To see the site please visit: https://www.wildheartyogaandfitness.co.ukI hope these prove useful to anyone else looking to set up an optimised website using Enfold.
Kind regards,
Tom(More sites on their way – Another 11 enfold sites still in progress!)
Cheers Rikard,
I’ve only encountered this problem once when copy and pasting testimonials into the testimonial grid ALB element.
Emojis and creating hearts like this <3 in comments threw it out.Thanks Nikko,
I have a plugin called Archive control which I use to add content to both categories and Attribute Categories.
I’ve also added a widget area in the same way – Just above the product grid on archive pages.But it would be great to have the banner images on attribute pages as standard – Its something a lot of non techie WordPress Users ask for on forums.
I have a few other bits that I’d like added to core for WooCommerce compatibility. I’m working on something special at the moment – A big Ecommerce for a local manufacturer.
When I get a minute I’ll share the mods I’ve made.
Another launch last week.
This time for Swadlincote Aerials and Home Security Ltd
Swadlincote Aerials is a local business based in Swadlincote, Derbyshire UK. The brief was to modernise the design, add a bespoke booking form and make it so the owners could easily update their gallery of works and social media.
The site uses smash balloon instagram feed allowing the customer to update their website, instagram and facebook pages all from the app on their phones.Because animations are used it appears that Srcset isn’t working on some of the images on the home page. So GTMetrix scores are a little low at the moment but this has little impact on the Google Web Vitals scores.
Nice project for a local business looking to get their website working in the right way for their business.
Key performance plugins: wp-optimize, jetpack CDN and Photon, bespoke .htaccess settings. I also use the stop generating image sizes plugin to remove a majority of enfolds auto generated image sizes.Hi Victoria,
Thanks for confirming. I’ll crack on as usual!
I’ve just purchased another 5 copies of Enfold to cover my new customers sites. More to be added to the showcase in the next few months.I am re-sharing a project I completed a few years ago.
I have just updated Enfold to the latest build and applied some speed and performance updates.
https://www.albionbke.co.uk is the first site I have managed to get to a record 94/100 in Google lighthouse/web vitals testing ready for the roll out at the end of the year.
It is easy to get enfold to score 90+ in gtmetrix but much harder to meet Googles strict testing. Still working out how I am going to get my entire portfolio of Enfold sites above 90/100 in Web vitals but they are all getting close now!
For this site I have disabled Jetpack Lazy load as it actually slowed the site down too much. It depends on the design as to how effective this is.
Had the same issue on one of my site, not entirely sure why you need a Masonry gallery all of the images have the same proportions.
I changed the gallery from masonry to just a standard gallery instead to get around the problem on one of my customer sites.
Example below:
https://www.scspm.co.uk/examples-of-our-work/The shake is caused by the size of the image files and the way that ajax loads the page
Try uploading smaller images or selecting smaller thumbnail images in the gallery or switch to a standard gallery as only one of your images is a different size!
Hi All,
Some more websites designed using Enfold launched over the past 2 weeks by Think Jarvis Design & Marketing.
Simply Needlecraft Haberdashery & Sewing Studio is an ecommerce store with over 1700 products all uploaded using CSV files to save time. The site has some unique modifications like adding a search bar with Ajax support to the header area rather than appending it to the main menu. I also added the category control plugin so that text can be added to product categories for SEO purposes.
Optimisation – Difficult to improve further given the weight of Woocommerce – Square payments plugin contains performance bugs which have not been fixed yet by the developers. Scaled images not yet implemented fully as update to latest enfold version needs a quick test before roll out.
Caching using WP-Optimize.
Jetpack CDN
Bespoke .htaccess server settingsDerbyshire Artificial Lawns is a small business specialising in artificial grass, resin bound driveways and outdoor garden buildings. This is a simply site with an instagram feed integrated so that the customer can update their portfolio, instagram and facebook pages all from the instagram app on their phone.
Scores 98% and 90% in GTMetrix
Currently at 70/100 in Lighthouse due to use of animations rather than lazy load and use of full screen image above the fold on the home page. Max pos score of around 81 without adjusting the full screen image design.Caching using WP-Optimize.
Jetpack CDN
Bespoke .htaccess server settingsSpecialist Tradesmen Ltd is a local bathroom and kitchen installer specialising in bathrooms and kitchen adaptations for age related mobility issues and disabilities. Another simple site with an instagram feed so the customer can update his social profiles and portfolio from the instagram app.
Currently waiting for update to the latest Enfold build and WP 5.5.
Scores 98% and 93% in GTMetrixCaching using WP-Optimize.
Jetpack CDN
Bespoke .htaccess server settingsHope you manage to resolve this.
I have successfully updated 3 sites to 5.5 and the latest Enfold build with no issues.Have you tried flushing the merged stylesheets in the performance panel, then clearing the cache and then using an incognito window to see if the problem persists?
I cannot seem to reproduce it since upgrading to the last release. Really annoying! Sorry.
To clarify, the issue was happening before the introduction of WP 5.5 lazy load to Enfold (the previous release).
Since then there has also been an update to jetpack, so I wonder if they have picked it up.
Close the issue, I’ll let you know if I have any more issues when I roll it out to my customers.
But looking good for a version of enfold that seems to work well with Jetpack lazy load!
The only issues remaining to resolve to get to the magical 90/100 in web vitals is LCP. I have raised a seperate post about a potential improvement.
Getting 81/100 at the moment so almost there.
Hi Nikko,
Sorry to ask for clarification.
Outside of changing the design, the CSS always seems to be around 80kb no matter what elements are used on the page.
All of my enfold websites use the default performance setting – load only used elements (recommended).
When I check web vitals for any of my sites the CSS file and JS file is always the same size.Can you double check with the other Devs that the css merging and js merging feature only merges the css files for elements that have been used on the site? and not all of them?
If not can I feature request that the merge function is updated so the css/js from used elements only is added to the merge files?
Thanks in advance,
Tom
