Tablet Portrait Columns & Ajax Portfolio Slideshow

update: I was able to solve problem #2 on my own with this in the function.php

add_action( 'avf_portfolio_preview_template_params', 'avf_portfolio_preview_template_params_mod', 10, 2 );
function avf_portfolio_preview_template_params_mod($params, $entry) {
 if($params['method'] == 'slideshow') {
	 $params['preview_size'] = 'magazine';
 }
 return $params;
}

#1 is still unsolved though.

hello andy.

thanks for trying to help. although the fixes didn’t work as I hoped I was able to change some things around and we are fine with how it looks now.

maybe you can help me out with another issue though. we started testing the page on different browsers and the performance of the site is really awful. it’s impossible to smoothly scroll through the page without jumps and screen glitches. tested in chrome, safari and firefox with more or less the same result. It doesn’t seem to be an issue on mobile browsers though, so I suspect the color sections to be responsible *just a guess*. with backgrounds set to parallax the issues are worst. with fixed backgrounds it is slightly better.

this is really a deal breaker. could I please ask you to take a look again and work some magic?

hello andy.

thank you. I will run the mentioned optimizations once the site is completely finished BUT I’m not sure this will address the issue I was describing (correct me if I’m wrong). I was not talking about the page load speed/performance but stuttering scroll performance with color sections that contain a full screen BG and fixed or parallax setting. It is especially bad in firefox but also noticeable in chrome and safari.

see this short screencast: https://dl.dropboxusercontent.com/u/51151448/Untitled.mp4

And finally I discovered another bug with the ajax portfolio preview slideshow. this was reproduce-able for me by doing the following every time in all available browsers:

1. open a project in the grid with ajax preview
2. close the preview
3. open the same project in preview again
4. the slideshow doesn’t show anymore

strange thing is that only the one slideshow seems to be bugged. slideshows from other projects still work fine. even when you browse through the projects via ajax item navigation (arrows on the right top) and close the preview at any given project it will always be this item that is broken when reopened.

see a screencast here: https://dl.dropboxusercontent.com/u/51151448/Untitled2.mp4

thanks for your patient and ongoing support.

thanks for your reply!

I don’t know what to say, but…

a) this happens on all kinds of different machines (mostly mac but also windows bootcamp) and all kinds of browsers. The skipping takes place exactly at the point of the scrolling when a color section comes into view. as if it was trying to match the screen size or something. I know the images are quite big, but this is not un-smooth scrolling due to load it’s obviously jumpy at exact points on the site (e.g. color sections) and skips a few lines.

b) we did some more testing cross platform and browser platform with all plugins disabled. and this really happens everywhere and always. when the slideshow doesn’t show and you resize the browser window a little bit sometimes the slideshow comes up again, but it’s not responding to clicks or anything anymore. also no auto-rotation. you can open the lightbox though by clicking on the image and browsing through the images in the lightbox seems to work. did you test this on windows? can you test on a mac?

andy,

lets ignore the scrolling issue for the time being and see if it goes away once images and everything else is optimized.

for the slideshow issue though I tried everything you suggested to no avail. what I found out though is that it seems to work fine on windows and android, but not on OSX and iOS. Is there anything special about how the slideshow modules are loaded/called on apple devices that makes them break? I haven’t found an iphone, ipad or mac yet where it works.

thanks for your patience!

hi ismael

thank you for your reply.

regarding the scrolling I see what you mean. I think I’m more or less OK with it.

slideshow issue: I now optimized all images and reduced filesize as much as I’m willing to go without giving up too much quality. I also installed and configured W3T cache plugin. unfortunately nothing has changed. I was also not able to see the slideshow coming back up after waiting – even for a minute or more. 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). I guess this forces a redraw. however the slideshow then doesn’t respond to any navigation commands (arrows or bullets). basically all that is there is a static image at that point. regarding the slideshow being fully loaded I’m not sure I understand. according to the developer tools the full slideshow gets loaded when I click on it in the grid (while the pre-load circle animation is shown). I cannot not see any additional data being loaded after that point. on a side note, auto-rotation also stops working most of the times when you go back to an already viewed portfolio item.

is there anything we can do to get this work? force another method of loading the slideshows or any other magic? as it is now this feature seems really broken. It’s such a shame because other than that enfold really does everything we hoped for and that perfectly and convenient.

sorry for being so persistent with this.

now, I’m confused. Ismael just advised to use a caching plugin to solve the problem. now I installed it and you say it may be the cause for the problem. obviously ismael was able to reproduce the issue. and the problem was there before I had any caching installed just the same.

If you want i make a detailed screencast so we can be sure we are all talking about the same thing?

here you go:

https://dl.dropboxusercontent.com/u/51151448/slideshow_issue.mp4

• This reply was modified 8 years, 7 months ago by zerodi.

andy,

– deleted the full theme folder via ftp
– uploaded a fresh copy of the theme from themeforest via ftp
– nothing has changed

what I found out though: the problem only occurs when you DON’T interact with the slideshow before closing the ajax preview (either arrows or bullets). if you DO interact though (meaning click any of the buttons on the slideshow before closing the window again) the slideshow seems to work as intended at least according to my limited tests. even after closing and opening the ajax preview window multiple times. maybe that helps isolating the problem with this persistent little sucker of a bug?

• This reply was modified 8 years, 7 months ago by zerodi.

ok, i’m getting a little frustrated with this. I now installed wordpress locally, completely fresh, no plugins. installed enfold directly from themeforest. created a blank page and added a simple portfolio grid like the one on our page. now created some random portfolios with some images and populated the grid. guess what. the exactly same thing happens. for some reason the slideshow sometimes survives the first close/open but breaks eventually.

So I went ahead and tried your online demo of the ajax portfolio at http://kriesi.at/themes/enfold/portfolio/portfolio-ajax/ I can even reproduce it there. See for yourself:

screencast: https://dl.dropboxusercontent.com/u/51151448/Screencast%20Enfold%20Demo.mp4

So I really doubt this has to do with my installation. Can we finally agree on that? I’d be really happy if you’d admit that there’s some kind of bug with the functionality here. Please don’t get me wrong I’m not expecting you to work miracles and bugs happen, I do understand that, but giving me the impression that me and a lot of other people that were able to reproduce the issue are imagining things makes me a little uncomfortable. We really tried hard and patiently to show you the issue with illustrations and screencast and so far you only denied the issue. Even Ismael was able to reproduce it.

I was really satisfied with the speed and quality of enfold support so far, but please tell me something else than this a user error because obviously it’s not.

The issue on your demo (http://kriesi.at/themes/enfold/portfolio/portfolio-ajax/) happens on OS X (Safari, Firefox, Chromium) & Ipad (Safari). It seems to work fine on my Android Nexus though. That’s all I had available to test for now. All browsers without plugins. Tested on multiple machines in multiple countries by multiple people. I don’t know what else to tell you? This has nothing to do with my setup or even my machine. It’s your demo doing it too, and not just for me.

Update: A co-worker just sent me this screencast from all around the globe. This is with a completely fresh install of windows 10 and an untouched edge browser installation:
https://dl.dropboxusercontent.com/u/51151448/Microsoft%20Edge%209_16_2015%208_47_30%20AM.mp4

If you do exactly as it shows in the screencast I cannot believe that it’s not happening on your side. It just happen for everyone I ask to try.

andy,

thanks for being patient with this. It’s a complete mystery to me what’s going on here. I hope I didn’t come across as snappy in my last posts. It’s just so frustrating and we are already extremely delayed with our launch and this is pretty much the only thing that keeps us from going live very soon.

I’m curious to hear what the others on your team will have to report.

hello andy,

thanks for trying. however I guess we have to agree that we disagree. I involved another 20 people in a short test that we did with our freelancers. the bug is 100% reproducible for everyone on our page as well as your demo. I’m very disappointed with this outcome, but I give up and bite the bullet.

very sad to go live with a bug so obviously and being unable to get support or a fix for it. not good advertising for your theme as well. together with the not so smooth scrolling behavior (to say politely) in firefox and safari, randomly dislocated images in color sections and other minor flaws enfold is not the praised 5-star theme I thought I was buying. I wish I had read websitegurus comment on themeforest from 3 days ago earlier. He nailed the way I feel about enfold.

I am not sure how it is possible that you have 20 people who can easily reproduce the issue and no one in our whole team can’t.

see, that’s exactly the problem we are having. from my point of view it looks like: how is it possible that I can ask a random guy on the street with a random device and replicate the issue every single time no matter what device, browser or OS and your whole team of developers are the only people in the world that seem to be immune. and also Ismael already once confirmed the issue in this thread but was never seen again.

ps: was just thinking: you could also run the portfolio website and open the chrome browser console ( https://developers.google.com/web/tools/javascript/console/console-ui) and check if a javascript error is thrown on your browser.

I already tried that but was not able to find any javascript or other errors.

It would probably help if you tell us the exact version of the browsers you are using and the exact OS numbers as well. Browser plugins might help as well. Since other people you know can reproduce this as well the chance is low that this is the root of the problem but it might help us to try and replicate the problem if we try on a setup as close as possible to yours.

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.