Forum Replies Created
-
AuthorPosts
-
See below
- This reply was modified 2 years ago by thinkjarvis.
Top man Thanks Yigit.
Cheers Yigit,
The workaround I provided above to hide the buttons works for now. I have applied this to all of my WooCommerce sites so the picker works.
Just checking this has made it only the bug fix request list.
Just checking has this made it onto the bug fix list?
Happy to help mate.Post up here if you have a solution for us to test.
Workaround to enable Spinbox defaults:
Place this into Quick CSS to add the default Spinbox controls to the basket page only and hide the JS plus/minus buttons.
This is WooCommerce default setting for the quantity field. If you remove .product-quantity from the css below and change it to .quantity it applies to the product pages as well.
/* For Chrome and Safari */ .product-quantity input[type="number"]::-webkit-outer-spin-button, .product-quantity input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: button !important; } /* For Firefox */ .product-quantity input[type="number"] { -moz-appearance: button !important; width: 75px !important; } .product-quantity input[type="button"] { display:none !important; } table div.quantity { width: 75px !important; }
- This reply was modified 2 years, 1 month ago by thinkjarvis.
- This reply was modified 2 years, 1 month ago by thinkjarvis.
I can confirm that this script does not work.
As a workaround is it possible to restore the default spinbox for quantity? I can simply hide the two buttons temporarily but if there is a way to enable the default Spinbox this should prevent the problem.
Thanks ddandreo/
The full problem below unless you have anything else to add.
1.Add item to basket
2.View basket
3.Change the shipping method4.The plus and minus buttons stop working and you can only change the quantity by typing in a value.
Please can this be added for urgent investigation? As it will affect sales on WooCommerce Sites.
This is not a new issue
It also affect Enfold 5.1.2 and WooCommerce 6.8.2See private data
- This reply was modified 2 years, 1 month ago by thinkjarvis.
I too have this same issue and can replicate it on the site in the private link.
You cannot change the basket quantities after changing the shipping method on the basket screen.
Please can you advise? I am running WP 6.1.1 and Enfold 5.2.1
Thanks Gunter that sounds fantastic.
I wasn’t expecting you to do this so soon. I really appreciate it.November 12, 2022 at 10:27 pm in reply to: How to remove filename which shows when mouse arrow is on a picture #1372354@hmsvictory
In the media library changing the title and alt text is possible per image.I use this plugin which includes a bulk updater based on file name.:
https://wordpress.org/plugins/auto-image-attributes-from-filename-with-bulk-updater/If you upload the images named what you want the text to say then this plugin will automatically use this to create a title and alt tag. Best practice is to upload images with file names that reflect the content anyway. Just as a final bit of info for search engines to cross reference against.
The difference between title and alt tag
“alt” is for providing an image alt tag to describe the image to the search engine crawlers and the screen readers for better web accessibility.
“title” is for providing an explanation of the image alt tag and image URL within the “src” attribute.Alt tags are used by search engines and for accessability. Titles are used to provide more detail than alt tags and also displayed to the user on hover.
If they are both the same it isnt an issue. I would keep the title tags for SEO purposes but also get into the habit of uploading images named to reflect what they contain.
@Mike
Not yet. I will test it and get back to you if that is ok?Please dont ever delete this post.
What an excellent insight into self hosting fonts.
I have always gone down the route of individual fonts at 400 (regular) woff2 rather than variable to reduce the number of font files that need to be downloaded. The browser interpretation of font weights is normally adequate for most sites.
I also pre-load them manually to prevent the font swap jumping in.
Font Squirrel can further optimise Woff and Woff2 bringing the file size of each custom font down significantly. A Woff2 font created using cloud convert is often about 30 to 60% larger than using Font Squirrels Optimised versions. A site with 3 fonts for example would save about 100kb of data which is huge.
If you want an alternative to roboto, arial, helvetica, open sans etc. Try Google font Karla – Compressed it is only about 17kb as a Woff2. The lightest Google font available?
@coldstreamer
Nice looking site!
I can see an error in the developers console. Jquery not defined.
It looks like you have delayed or deferred jquery and a particular element is loading before jquery is defined.You may need to exclude jquery.min.js this from any optimisation plugin you have used.
I am not sure what plugins you have installed in general but this may be caused by a plugin (not an optimisation plugin) that is loaded in before jquery is defined or an improperly coded plugin – but it is more likely that an optimisation plugin is to blame loading Jquery later than a critical function.I hope this helps. The site itself works just fine. :)
See private reply below
- This reply was modified 2 years, 1 month ago by thinkjarvis.
I’ve found it.
Its on Includes/error404.php
Sorry.
I’ll add it to my child theme.Cheers Rikard
I have provided a few snippets but never a guide. Unfortunately some my the speed settings I apply I tend to keep secret these days. Very few people particularly here in the UK have a understanding of how speed optimisation works on sites. So it is a bit of a unique selling point.
I did share an optimised setup for Wp-Rocket on a post the other day though for someone struggling with their performance scores.
https://kriesi.at/support/topic/really-poor-score-on-mobile-google-speed-test/- This reply was modified 2 years, 1 month ago by thinkjarvis.
Cheers Mike I missed one see below:
@guenni007 No problem.
I would normally merge scripts as well on a standard Enfold install. However guidance has been updated for http2.0 servers where script merge can actually slow down load times FCP and LCP due to time spent waiting for the merged scripts vs several smaller scripts.
Excluding CSS issues – This is what the delay execution of JS deals with. it stops a majority of the JS firing on pageload.
If you wanted a combination to experiment with. Turn on merge and minify CSS in Enfold and also still turn on the CSS settings in WP-Rocket as above.
I am considering adding WP-Rocket on top of my current performance stack. I had a site fail web vitals in real data (clientbase uses 3G/slow 4G in poor signal areas regularly) even though it scores 95/100 on mobiles and 100/100 on desktops (This is without WP-Rocket). So I have been looking at WP-Rocket to add defer and delay JS in a reliable way.
Alternatively Flying Scripts is a free plugin that can delay and defer JS executions but I have not tried it with Enfold. I may try this first but I will likely just pay for the studio license of WP-Rocket because it also offers reliable critical css generation.
- This reply was modified 2 years, 1 month ago by thinkjarvis.
- This reply was modified 2 years, 1 month ago by thinkjarvis.
Hey @guenni007,
The best settings for Enfold and WP-Rocket
Note that you may have to add more exclusions to the JS settings depending on the Enfold features used.Also note that this is set up for compatibility. You may find that you can defer or delay more JS and your site still loads properly.
In most setups I would merge and minify CSS and JS – then use critical css to load above the fold content. But because WP-Rocket provide a set of exclusions in their documentation specifically for Enfold it is probably better to just serve items minified only instead of merged so scrips can be excluded.
My advice would be play around with the CSS settings to see if you get a better result with CSS merged and minifed or just minified. Site design will play a part in how well this works.
Enfold > Performance
Turn off Enfold Script merge and minify
Enable only load used elementsWP-Rocket
(From the top down)Cache
Enable caching for mobile devicesFile Optimization
Minify CSS
Optimize CSS delivery (Load Asynchronously)Minify JS
Exclude:
/wp-includes/js/jquery/jquery.min.js
/wp-includes/js/jquery/jquery-migrate.min.jsLoad Javascript deferred
Exclude:
/wp-includes/js/jquery/jquery.min.js
/wp-includes/js/jquery/jquery-migrate.min.js
google-analytics.com/analytics.js
ga\( ‘
ga\(‘
/gtag/js
gtag\(
/gtm.js
/fbevents.jsDelay Javascript execution:
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/dynamic_avia/avia-footer-scripts-(.*).js
var avia_is_mobile
/enfold/js/avia.js
/enfold/js/shortcodes.js
/enfold/config-templatebuilder/avia-shortcodes/
/enfold/js/avia-compat.js
layerslider
google-analytics.com/analytics.js
ga\( ‘
ga\(‘
/gtag/js
gtag\(
/gtm.js
/fbevents.jsFeel free to tweak depending on your theme setup. You may have to exclude some plugins from this. You can keep google analytics from loading until interaction if you want but this may through your metrics off slightly if you live in the US and do not need to ask users to opt-in to cookies (bounce rate).
Media
Enable lazyload for images
Enable for iframes and videos
Add missing image dimensionsPreload
Activate PreloadHeartbeat
Control heartbeatAll other aspects I normally deal with manually or using a different plugin including loading fonts locally.
Thanks Gunter I’ll give this a try.
I will re-visit the site again and see if I can get this working.
I have delivered face to face training to the client’s staff and created a simple user guide – In hope that they dont break anything!
@navindesigns
A lot to unpack here
I specialise in optimised Enfold sites.
Enfold with a handful of plugins is capable of scoring 90+ in web vitals without premium plugins or a CDN.
Using WP-Rocket and their delay execution of JS and defer JS feature will see most Enfold sites score 95+/100 if the rest is done correctly.It looks like all of the options under Enfold > Performance are turned off.
JS is being loaded first
No minification
Imagery loads after all other scripts
Multiple tracking codes and third party resources loaded.My recommendation would be to enable all Enfold performance features and re-test. Assuming your host offers server side caching you wont need a caching plugin.
The popup you have on pageload will also affect load times.Otherwise I recommend WP-Rocket to users who are not familliar with speed optimisation because it does all of the work for you.
They also provide bespoke exclusions specifically for Enfold on their support pages.If you use Google tag Manager to manage multiple tracking metrics then this can impact speed scores especially if they all fire ahead of pageload.
I hope this helps.
I currently have 50+ enfold sites scoring 90+ under lab conditions on mobile and 100 on desktops.
Some of the sites I design and host below if you wanted to run your own tests.
https://www.stanspals.co.uk/
https://www.forensic-testing.co.uk/
https://www.thehealthworkshop.co.uk/
The three above do not use WP-Rocket but I am expecting to add this on a developer license very soon.I must add – Always run a few test. Especially if you are using page speed insights via your browser and not in chrome dev tools. You will not always get a clean test run.
- This reply was modified 2 years, 1 month ago by thinkjarvis.
This ticket can be closed sorry to have wasted your time. I have found a solution for the client.
To add some more info:
From another client site:https://www.midlandfiresecurity.co.uk/news/
https://www.midlandfiresecurity.co.uk/advice-and-guidance/an-introduction-to-bs-5839-part-6/
The first entry is a post that uses the advanced layout builder. It has automatically stuck a Read More button after the first paragraph when viewed on the news page.If we can make the example in the private content (previous post) do this by default it would solve the problem.
Thanks in advance.
- This reply was modified 2 years, 2 months ago by thinkjarvis.
September 23, 2022 at 2:17 pm in reply to: Enfold Child Theme: Correct place for custom CSS #1366126Yes please close this out.
Really pleased this is working actually. I have always used the quick css but due to WPML on this one style.css is the right place for it.
Cheers All.
September 23, 2022 at 10:43 am in reply to: Enfold Child Theme: Correct place for custom CSS #1366083@ismael
It appears to be a caching issue – Although all caching is off. I think the timestamp on the my_custom.css didnt update right away so my browser was loading a version of the site with the old my_custom.css.I am now using the child theme style.css having dequeued the my_custom.css and it is working as expected.
Sorry this thread has become a bit of a nothing thread.
I have always used the Quick CSS box but this particular site uses WPML which means duplicated CSS that is used by both language versions of the site if I use Quick CSS.
I have now emptied quick CSS, copied it all into style.css and dequeued my_custom.css (Disabled the function above).
September 22, 2022 at 10:32 am in reply to: Enfold Child Theme: Correct place for custom CSS #1365959@ismael
Sorry that was a typo. I have just edited my original post.If you place any CSS in the child theme style.css it is ignored or not given high enough priority to overide the theme/plugin css.
Using my_custom.css seems to work OK for most CSS but some still gets ignored unless it is in the quick css box.
-
AuthorPosts