-
AuthorPosts
-
September 24, 2015 at 12:52 am #508121
Hi!
We are really sorry that you’re having this issue but it’s quite difficult for us to find the problem if we can’t reproduce it on our own installations. You also mentioned that there are no errors thrown on the console, making it harder to debug the issue. And for clarifications, I was able to see the issue on your installation but NOT on the theme’s demo. Also, if I wait for a few seconds, the ajax slideshow eventually turns up as I stated on my previous post.
I already offered to do a skype, hangouts, facetime or whatever chat with screensharing to walk you through the steps to make this bug appear, but never received a reply to that. I’d still be willing to do this.
The steps are pretty clear on how to reproduce the issue with the screenshots and videos you provided, the problem is we can’t reproduce it. https://dl.dropboxusercontent.com/u/51151448/Microsoft%20Edge%209_16_2015%208_47_30%20AM.mp4
Upon reviewing your previous posts, I saw this:
as I said the blank space gets filled with a slideshow image as soon as you change the browser window size (even if it’s only slightly).
https://kriesi.at/support/topic/tablet-portrait-columns-ajax-portfolio-slideshow/#post-497683
Maybe you can try this in the functions.php file:
add_action('wp_footer', 'ava_auto_resize'); function ava_auto_resize(){ ?> <script> (function($){ $('.grid-entry').on('click', function(event) { setTimeout(function() { var open = $('.open_slide').length; if(open > 0) { $(window).trigger('resize'); console.log(event.type); } }, 100); }); })(jQuery); </script> <?php }
It will trigger a resize event after you click inside the portfolio container.
Cheers!
IsmaelSeptember 24, 2015 at 4:19 am #508145ismael,
I tried your code in the child themes functions.php. with that code the ajax preview doesn’t open at all. the pre-loader circles show up and some rows of empty pixels appear but that’s it. console throws an error: Uncaught TypeError: Cannot read property ‘addClass’ of undefined
The steps are pretty clear on how to reproduce the issue with the screenshots and videos you provided, the problem is we can’t reproduce it.
As an additional info to the screencast let me add some more details to the manifestation of the bug on the enfold demo.
– refresh the page
– open the ajax portfolio preview (we are talking about the left top most in case of your enfold online demo) by clicking on the tile in the portfolio grid
– DO NOT click anything for at least as long as the first transition of the auto-rotation in the slideshow has passed (THIS IS IMPORTANT because as soon as you advance the slideshow by clicking on the arrows, bullets or the image itself to open the lightbox the bug does not appear)
– close the ajax preview by clicking on the “X” in the top right corner
– wait for a few seconds (IMPORTANT)
– re-open the ajax-preview of the same project by clicking on the tile in the portfolio grid
– now two things are likely to happen in 99% of the cases depending on browser, OS, screen resolution and if the browser is in fullscreen mode or windowed:
a) the slideshow just shows up blank. when you change the size of the browser window the image redraws and is visible again BUT the slideshow is not working anymore. neither auto-rotation nor manual controls via bullets and arrows
b) the slideshow image shows BUT the slideshow is not working anymore. neither auto-rotation nor manual controls via bullets and arrows
– once a slideshow of a preview is broken it stays broken no matter the actions you take on the page. slideshows of other projects in the grid stay functional though unless you follow the same procedure as described above. a browser refresh makes the slideshow work again.if you still cannot reproduce it please prove to me that I’m wrong and let me walk you through the sequence of actions to reproduce the bug in a screensharing session. If I’m not able to break the slideshow on your installations. I will never post here again. I will change my review of the theme to 5-stars and apologize publicly for unjustified denunciation of the enfold theme. If I’m right, well, whatever, please try to fix the bug. I’m sure once you can reproduce it it’s an easy fix.
It really is a not as much about the bug, as it is about the denial of it’s existence that makes me so uncomfortable. I consider myself a very reasonable guy and I firstly doubt myself before accusing others. but in this case I really did my part to prove I’m right and the number of people that were able to reproduce the bug are just too many to be a coincidence or an individual flaw.
September 24, 2015 at 8:29 am #508202Hey!
I actually modified the code above. Is that the one you used? Please test it again. Remove browser cache then reload the page. I tried to login to the dashboard but the previous login credentials are not working. Please post the new login credentials so that we can check it. Thank you for your patience.
Best regards,
IsmaelSeptember 24, 2015 at 8:44 am #508204Hi!
EDIT: I tried the extra steps and I was able to reproduce the issue. I hope the code above will fix it. Most users will not click the “X” button and move forward to the next item or click another portfolio item. There’s even a chance that he will go to another tab minimize the browser and will never notice the bug is actually there. My point is, reproducing the bug is almost impossible unless you’re the developer of the site. Anyway, at least we confirm that the bug is actually there. I really hope the code above will fix it.
EDIT: The code fix the current issue but it creates another. The current slideshow is stuck. We’ll ask Kriesi again to look into this.
Regards,
IsmaelSeptember 24, 2015 at 1:48 pm #508440EDIT: I tried the extra steps and I was able to reproduce the issue.
that’s good news. I’m glad to hear that.
EDIT: The code fix the current issue but it creates another. The current slideshow is stuck. We’ll ask Kriesi again to look into this.
yup, as you said the code fixes the blank slideshows but the slideshow is stuck. this is not new or caused by the code though. this happened without the code just the same as described in my last post.
b) the slideshow image shows BUT the slideshow is not working anymore. neither auto-rotation nor manual controls via bullets and arrows
as for how likely it is for a visitor to encounter the bug. well, we had a few guys test the page without telling them anything about it and 2 reported the bug back to us. you’re right most people won’t navigate the page the way to cause it but some still might and it just doesn’t look very professional. however I’m sure you’ll do your best to fix it and that’s all I ever wanted.
September 25, 2015 at 12:53 pm #508962Hey!
Very glad for the detailed description on how to reproduce the issue. I was able to do so now as well (timing was indeed the thing we all missed) and also found a way to fix it. Did take me a while to figure why this is happening but the good news is that there is a very easy fix that will be available with the next update.
If you want to apply it yourself you can do so by openeing the /js/shortcodes.js file and search for this line:
if( this.isAnimating || this.itemsCount < 2 )
change it to
if( this.isAnimating || this.itemsCount < 2 || !this.$slider.is(":visible"))
Thanks for reporting the issue and the detailed explanation on how to reproduce it ;)
Best regards,
KriesiPS: the workarounds posted by the team are not necessary for this to work and should be removed since those are only partial fixes ;)
September 25, 2015 at 1:13 pm #508971kriesi,
I changed the code and it works!!!
this is very good news for us and we can finally launch our page. this was a hard piece of work but it eventually paid off. thanks for giving this one more try.
September 26, 2015 at 8:07 am #509392 -
AuthorPosts
- The topic ‘Tablet Portrait Columns & Ajax Portfolio Slideshow’ is closed to new replies.