Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 20, 2018 at 2:02 pm #975299
    kiki66

    Hi,
    I want to change the effect duration (fade for each image) in the portfolio grid or to simply turn it off…

    in previous versions (4.2.x) I could change the code in avia.js to turn off the effect by using (1 * i) instead of (100 * i) as descripted in https://kriesi.at/support/topic/portfolio-grid-image-load-effect-speed/:

    setTimeout(function()
						{
							currentLink.animate({opacity:1},1500);
						}, (1 * i));

    Today I made the Update to version 4.4.1 – and now the avia.js code seems to be totally different. Could you tell me where I could influence the effect speed in the portfolio grid in the new version?

    • This topic was modified 6 years, 10 months ago by kiki66.
    June 20, 2018 at 10:17 pm #975519
    Basilis

    Hey kiki66,

    We have upgraded most of our core and we have done updates.
    That code you have been adding it and replacing something else – what was that so we can see how it is now?

    Best regards,
    Basilis

    June 21, 2018 at 11:14 am #975748
    kiki66

    Hi – the original code in /wp-content/themes/enfold/js/avia.js was (you can search for “100 * i”):

    					imgParent.css({height:'auto'}).each(function(i)
					{
						var currentLink = $(this);

						setTimeout(function()
						{
							currentLink.animate({opacity:1},1500);
						}, (100 * i));
					});

    you can find this in the //Portfolio sorting section of the old avia.js file (mine was from version 4.2). I changed “100 * i” to “1 * i”. This had the effect that all pictures of the portfolio grid were shown at once without delay

    • This reply was modified 6 years, 10 months ago by kiki66.
    June 21, 2018 at 10:55 pm #976037
    Basilis

    Hi,

    Not sure what you replace from what I see on the code.
    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Basilis

    October 25, 2018 at 8:19 pm #1026519
    kiki66

    Hi,

    thank you for your reply, but I think you won’t see any changes in my code as I haven’t found them in the newer theme version but I have created an account for you (see private message).

    I made a video. One on the desktop and another on the iPhone:

    Desktop:
    A reload builds up the many portfolio images very slowly – I want them all to appear immediately: https://usbflash24.com/media/enfold-slow-fade-effect-portfolio-desktop.mov

    iPhone:
    It’s particularly tedious on a mobile phone. If you go to the previous porfolio page, the page is reloaded with the slow image effect: https://usbflash24.com/media/enfold-slow-fade-effect-portfolio-iphone.mp4

    With version 4.2.x and earlier I made the change in the file /wp-content/themes/enfold/js/avia.js as described above. With this modification, all the portfolio entries were displayed at once without effect. I found this method on your site: https://kriesi.at/support/topic/portfolio-grid-image-load-effect-speed/ (last entry)

    I hope I can soon disable the portfolio / image effect…

    kind regards
    Christian

    October 30, 2018 at 5:13 am #1027848
    Ismael

    Hi,

    Thanks for the update.

    In the latest version, you’ll find that same code in the config-templatebuilder > aviashortcodes > portfolio > portfolio.js file.

    Best regards,
    Ismael

    October 30, 2018 at 9:45 am #1027916
    kiki66

    Thank you Ismael!

    I now changed the …”100 * i” to “1 * i”… in portfolio.js – and it works, but interestingly only in one language (Austria) – in all other languages I don´t see a change. I already cleared the cache and stopped the cache plugin. Do you have an explanation for that?

    I would also like to make the change in the child theme – what do I have to do?

    kind regards
    Christian

    October 31, 2018 at 12:09 am #1028294
    Ismael

    Hi,

    You can override the shortcode files in your child theme. Just add this filter:

    // https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#add-elements-to-alb

    Create a folder called “shortcodes” in the child theme directory and then put the create copies of the parent theme shortcode files.

    Best regards,
    Ismael

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