Open up random ajax portfolio item when the page is loaded

Hey Ismael,

thank you very much for your reply.

I just realized that I didn´t clearly explain what I was trying to say – my mistake, sorry about that. :)

What I mean is that I put some code in the child functions.php that I found in another enfold user’s thread (I think it was the following one) and since then one item of the portfolio grid that I´m using on this page opened the ajax portfolio preview automatically when loading the page (without manually clicking on it).

add_action(‘wp_footer’, ‘ava_auto_click’);
function ava_auto_click(){
?>
<script>
(function($){
$(window).load(function() {
$(‘.grid-links-ajax a:first’).trigger(‘click’);
});
})(jQuery);
</script>
<?php
}

That’s all I had done. I didn’t create any IDs or anything else.
It worked just fine.

Since the last Enfold update, it suddenly stopped working.

Please let me know what could be causing it or maybe what I might have unknowingly changed.

Thanks a lot in advance.

Best regards,
fkm

Hi Ismael,

thank you very much for another reply and for your patience.

I just replaced it and checked the page after clearing the cache/removing browser history but it seems like nothing changed.
Please let me know what I might have done wrong (please also see screenshot).

Thanks in advance.

Best regards,
fkm

Hi Ismael,

thank you very much for your reply.

You’re right, I just found out that I actually set jQuery to load in the footer and in addition I made a few other changes in Enfold > Performance that I can’t even remember (kind of misterious: I wouldn’t have known exactly what I was doing either).
Furthermore I just have reset all settings in Enfold > Performance the way they are set in other Enfold Backends that I have access to.

And I replaced the corresponding line in the script (thanks for your attentive note). Please see screenshot.

Now the Ajax portfolio preview on iPhone displays as intended on page load automatically with no errors.
It also works on desktop (in Firefox and Chrome), but somehow only after refreshing the page several times.
When the page is loaded for the first time, the preview is not opened and the items cannot even be clicked manually.
I have already deleted browser data and cache several times, the problem persists.

I don’t know what else to do, so please help.

Thank you very much in advance.

Best regards,
fkm

Hi Guenni007,

thank you very much for your hint.
Please let me know where to use/replace this line because I can’t find the old function line “$(window).load(function() {” in the script:

add_action(‘wp_footer’, ‘ava_custom_scripts’, 999);
function ava_custom_scripts()
{
?>
<script>
(function($){
// automatically open first portfolio grid item
$(document).ready(function() {
setTimeout( function() {
var grid = $(‘.grid-links-ajax’);

if( grid ) {
grid.find(‘a:first’).trigger(‘click’);
}
}, 100);
});
})(jQuery);
</script>
<?php
}

Thanks a lot in advance.

Best regards,
fkm

Hi Mike,

I just did as you said and it’s working fine now – thank you so much. :)

One more question about this topic:
Sometimes when the preview opens a lil lazy, the page is darkly overlaid and a loading icon appears (please see screenshot).
Is there a quick way to hide this effect?

Thank you very much in advance for antother reply.

Best regards,
fkm

Hi Mike,

I think I had already disabled the page preloading in the Enfold theme options.
Anyway, the css you gave me works fine.

Thank you very much for the quick reply/help and please feel free to close the topic as sucessfully completed.

Best regards,
fkm