Tagged: 

Viewing 30 posts - 1 through 30 (of 51 total)
  • Author
    Posts
  • #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.

    #560246

    Hi 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!
    Ismael

    #560430

    Hi,

    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, 10 months ago by tom9275.
    #560973

    Hi!

    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!
    Ismael

    #561154

    Hi,

    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, 10 months ago by tom9275.
    #562303

    Hey!

    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!
    Ismael

    #563239

    Hi 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 ?

    #563818

    Hi!

    Yes, we would like to access the site. Please leave the shortcodes.js file modifications. Or give us the FTP details.

    Cheers!
    Ismael

    #564002

    Done !

    #564446

    Hey!

    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!
    Ismael

    #564759

    Hi,.

    I updated the the login details.

    #565973

    Hey!

    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,
    Ismael

    #566015

    I 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, 10 months ago by tom9275.
    #567244

    Ismael,

    Let me know if you need more access or anything else.

    Thomas

    #567570

    Hi!

    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!
    Ismael

    #567808

    Hi Ismael,

    Login details are in private content.

    Thank your for your support.

    • This reply was modified 8 years, 10 months ago by tom9275.
    #568352

    Hi!

    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!
    Ismael

    #568380

    Hi,


    @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,
    Rikard

    #568473

    Hi,

    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.

    #568831

    Hi,

    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

    #569001

    Hey!

    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!
    Yigit

    #569401

    Hi 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, 10 months ago by tom9275.
    #570477

    Hey!

    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!
    Ismael

    #570522

    I 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, 10 months ago by tom9275.
    #571288

    Hey!

    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,
    Ismael

    #571294

    Hi 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)”

    #571728

    Hey!

    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,
    Yigit

    #572034

    Hi,

    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, 10 months ago by tom9275.
    #572066

    Hi!

    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,
    Yigit

    #572074

    Hi,

    Thank you Yigit but I can’t do that :(

Viewing 30 posts - 1 through 30 (of 51 total)
  • You must be logged in to reply to this topic.