Tagged: yigit
-
AuthorPosts
-
January 5, 2016 at 1:31 pm #559911
Hi,
Our new company web site is now online but we encountered some issues with animated numbers.
The numbers remain to 0 (Chrome and Safari) especially on a 13″ laptop, even when we scroll down.
The only way to animate the numbers is to resize a little bit the web page.
Any ideas (we already tried with no success to add a separator before the numbers. Anyway it is ugly :( ) ?
Thanks for your help and support.
January 6, 2016 at 3:03 am #560246Hi tom9275!
Thank you for using Enfold.
Please try to modify the js > shortcodes.js files then look for the activate_waypoints function around line 78. Decrease the percentage values 85% and 95%. Remove browser cache or hard refresh the page before testing.
Cheers!
IsmaelJanuary 6, 2016 at 11:53 am #560430Hi,
This is what we’ve got for the activate_waypoints function
function activate_waypoints(container)
{
//activates simple css animations of the content once the user scrolls to an elements
if($.fn.avia_waypoints)
{
if(typeof container == ‘undefined’){ container = ‘body’;};$(‘.avia_animate_when_visible’, container).avia_waypoints();
$(‘.avia_animate_when_almost_visible’, container).avia_waypoints({ offset: ‘80%’});
}
}But can’t find 85 and 95% values.
We tried to decrease the 80% one step by step to 10% ! Cleared cache but if the window is too small (on a 11″ macbook air by exemple) the numbers doesn’t increase automatically.
But if we resize the window it works.
So what the next step to have this functionality working without asking our visitors to resize the page ?
- This reply was modified 8 years, 11 months ago by tom9275.
January 7, 2016 at 4:28 am #560973Hi!
My bad. Original value is 80% and 95%:
if(typeof container == 'undefined'){ container = 'body';}; $('.avia_animate_when_visible', container).avia_waypoints(); $('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'}); if(container == 'body') container = '.avia_desktop body'; $('.av-animated-generic', container).avia_waypoints({ offset: '95%'});
Changing the 80% to 50%-10% should work. Please remove browser cache or hard refresh the page before testing the page.
Cheers!
IsmaelJanuary 7, 2016 at 12:55 pm #561154Hi,
I’m not sure to understand your answer.
I already changed offset value from 80% to 10% with no effects on animated numbers (see my previous post)
Do you want me to add in the js file the following code ?
if(container == 'body') container = '.avia_desktop body'; $('.av-animated-generic', container).avia_waypoints({ offset: '95%'});
Because for now it is not present in shortcodes.js
EDIT : I tried to add this code but it changed nothing.
Anyway you’ll find a link in private content (screenshot)
If you need to reproduce the bug scroll down the first page of our web site after minimizing your browser window.- This reply was modified 8 years, 11 months ago by tom9275.
January 9, 2016 at 5:30 am #562303Hey!
Thank you for the screenshot. Yes, that’s what we’re trying to fix here. Did you purge the cache after editing the file and before testing the page? I can see that you have WP Rocket installed so you may be looking on a cached version of the site. Please leave the modification in the shortcodes.js file then post the login details here. We would like to check it.
Cheers!
IsmaelJanuary 11, 2016 at 3:59 pm #563239Hi Ismael,
Every time we try a workaround we clear both browser and WP Rocket cache.
I’m sorry but I don’t know what you mean by login details.
Do you want a temporary access to our web site ?
January 12, 2016 at 12:03 pm #563818Hi!
Yes, we would like to access the site. Please leave the shortcodes.js file modifications. Or give us the FTP details.
Cheers!
IsmaelJanuary 12, 2016 at 4:49 pm #564002Done !
January 13, 2016 at 9:38 am #564446Hey!
I’m sorry but that is not working. I tried it many times. Please check. Could you please post the FTP details as well?
Cheers!
IsmaelJanuary 13, 2016 at 3:52 pm #564759Hi,.
I updated the the login details.
January 15, 2016 at 7:39 am #565973Hey!
None taken. We access at least a handful of sites everyday so rest assured that yours is safe with us. I visited the site and the animated numbers starts automatically without resizing. There’s a bit of a delay but it starts.
Best regards,
IsmaelJanuary 15, 2016 at 9:56 am #566015I disagree.
We tried yet this morning with two different computers (and both chrome an safari browsers).
If the window size is not “full screen” or downsized the animated numbers don’t start.Bugs are sometimes not easy to reproduce. that doesn’t mean there is no bugs.
Try to load the page in a tiny window you will see.
The designer/developper of our web site also encountered the issue.
Is there a way to send you a video to show you the bug ?
EDIT : you will find three links with videos reproducing the bug in private content.
The last one is our web site in full screen. You will see that sometimes animated numbers don’t start unless we resize the browser window.
Thanks for your future support.
- This reply was modified 8 years, 11 months ago by tom9275.
January 18, 2016 at 3:22 pm #567244Ismael,
Let me know if you need more access or anything else.
Thomas
January 19, 2016 at 4:31 am #567570Hi!
Thank you for the videos. I know that you can reproduce the issue, I’m just saying that it is working on my browser when I checked it so it’s probably an issue with a specific browser / browser configuration. We would like to debug it but we will need access to the FTP server.
Cheers!
IsmaelJanuary 19, 2016 at 1:12 pm #567808Hi Ismael,
Login details are in private content.
Thank your for your support.
- This reply was modified 8 years, 11 months ago by tom9275.
January 20, 2016 at 4:30 am #568352Hi!
I set the avia_waypoints offset to 1% and I hope that it will make a difference. It works on every browser, safari, chrome, firefox and ie, windows 7, at least on my end. I will ask the rest of the support team to check the animated numbers on that particular page. Maybe, they will be able to reproduce the issue on mac. Did you change the wp login details? It’s not working anymore.
Cheers!
IsmaelJanuary 20, 2016 at 6:00 am #568380Hi,
@ismael asked me to check this on OSX and I had no problem with the animated number using Chrome, downsized or full screen. Could there be a local setting on your machines maybe?Regards,
RikardJanuary 20, 2016 at 10:12 am #568473Hi,
The issue is still present for us. It has been reported by our customers, employees, … and I don’t think they have a local setting on their machines that we all share :)
@Ismael : login details remain the same, I checked and it works fine. Did you use the good ones ?I’m very embarrassed. I know you try your best to help us. But this morning I checked the web site with another computer on an another network and animated numbers don’t start unless I resize manually the browser window.
January 20, 2016 at 7:24 pm #568831Hi,
You will find to others videos showing the bug on an Acer laptop using Windows 7.
The first one with IE, second with Chrome..
How can I help you to fix this bug ?( logs,…)
let me know
January 21, 2016 at 12:30 am #569001Hey!
Can you please try de-activating all active plugins and check if that helps? I can reproduce the issue and icon list elements do not animate on my end as well.
Cheers!
YigitJanuary 21, 2016 at 2:23 pm #569401Hi Yigit,
We de-activated all the pluggins we use.
Cleared the cache and test again.
The issue is still present
We noticed that it only happens when the browser window size is small (for example on a laptop).- This reply was modified 8 years, 11 months ago by tom9275.
January 23, 2016 at 8:12 am #570477Hey!
I was so focused in the animated numbers that I didn’t notice the icon list until Yigit mentioned it. Yes, it’s not animating on view port. I reviewed the shortcodes.js code and I think I misunderstood the offset value. We should increase the value instead in order to force the elements to start earlier. I set it to 100% and I think its working better now compare to 1% or 80%. The 100% offset value means that the element will start animating once it is visible at the bottom edge of the view port.
Cheers!
IsmaelJanuary 23, 2016 at 12:54 pm #570522I hoped you found a workaround but unfortunately it’s not working.
I tried on another laptop today (at home not office) and the numbers never start animating.
I really think there is a bug with them. Depending the size of the screen.
Hope you will find it.
EDIT : If you have an apple 13″ macbook (pro or air …) try to maximize your browser window (top left green arrow) : in this configuration the animated numbers also don’t start (Tip given by one of our employees)
- This reply was modified 8 years, 11 months ago by tom9275.
January 25, 2016 at 12:30 pm #571288Hey!
I tried every possible screen emulation and spoofed user agents but every test is successful. I really can’t reproduce the issue and I don’t see any errors in the console which makes it harder to debug. And then I checked the theme version which is 3.3.2. The latest version now is 3.4.7 so you have to update the theme. I’m not sure if this is going to make any difference but it’s good to have the latest version. I will ask one of our support member to check it again.
Regards,
IsmaelJanuary 25, 2016 at 12:39 pm #571294Hi Ismael,
I really don’t know why you can’t reproduce the issue. Maybe because of your emulation environment.
You say I should update the theme but when I check for an new version I’ve got this message: “No Updates available. You are running the latest version! (3.3.2)”
January 26, 2016 at 12:46 am #571728Hey!
Please try this plugin to clear WordPress transients if you do not receive auto updates and make sure your API key is correct: https://wordpress.org/plugins/artiss-transient-cleaner/.
Regards,
YigitJanuary 26, 2016 at 11:55 am #572034Hi,
I installed the pluggin and cleaned the data. I also generated a new API key but I still can’t get the update. Message is the same : “No Updates available. You are running the latest version! (3.3.2)”
Could you tell me what to do ?
- This reply was modified 8 years, 11 months ago by tom9275.
January 26, 2016 at 1:31 pm #572066Hi!
In that case, you are going to need to update the theme manually via FTP – http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
YigitJanuary 26, 2016 at 1:43 pm #572074Hi,
Thank you Yigit but I can’t do that :(
-
AuthorPosts
- You must be logged in to reply to this topic.