WordPress › Support » Shutter Reloaded will only properly display Full-Size Image on iPhone

sosukeinu
Member
Posted 1 year ago #

Hello,
Shutter Reloaded works great on the desktop, but I run into issues using it on iPhone. It will display the full-size image fine, but if i press the arrow to fit the image to the screen, it flickers wildly, and displays the full-size image again. If I have the plugin set to open the image fit to browser instead of full-size, it just flickers back and forth endlessly until I click on the x. you can see an example of what's going on here (you have to view it on an iPhone, of course, so I know it is going to be somewhat difficult to trouble shoot, but any help is VERY appreciated.) http://pasceverbo.com/inspiration/mary-jane-ansell/

http://wordpress.org/extend/plugins/shutter-reloaded/
jh8001
Member
Posted 1 year ago #
Hello,

I had the same problem and my solution was to add a bit of PHP-code to Shutter Reloaded to stop it from executing when the site is visited by someone with a mobile device. It actually sounds more difficult than it is. Here's the guide:

1. In your WP dashboard go to "Installed Plugins".
2. Click "Edit" on Shutter Reloaded
3. You should now see the PHP-code in the file "shutter-reloaded/shutter-reloaded.php". First there is a comments section that starts with /* and ends with */. Just beneath the */ add this:
```
$isIOS = false;

if (strpos($_SERVER['HTTP_USER_AGENT'], 'iPad') ||
	strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone') ||
	strpos($_SERVER['HTTP_USER_AGENT'], 'iPod') ||
	strpos($_SERVER['HTTP_USER_AGENT'], 'android') ||
	strpos($_SERVER['HTTP_USER_AGENT'], 'Android')) {
	$isIOS = true;
}

if ($isIOS == false){
```
4. IMPORTANT! In the very end of the file, add a } to close the open one we left in the end of the code we just inserted.
5. Click the button "Update File".
6. Done! If all is well any visitor on your site with a iOS or Android device will be met with a site that works as if Shutter Reloaded wasn't installed. I have set Shutter Reloaded to the option "Shutter on all image links and automatically make image sets for each Post/Page." and am pointing my image links at the individual image file. Any user with a mobile device will therefore be directed to the individual image when they click an image link. This works fine for me.
7. If you update the Shutter Reloaded plugin you will have to do this all over again.

I hope this will help someone out there!
YogieAnamCara
Member
Posted 10 months ago #

Thanks a lot for sharing!
presseroo
Member
Posted 8 months ago #

Interesting idea your work-around jh8001

I just asked Andrew on his own site a day or 2 ago, no answer if he has any fix for the iPad / iPhone issue coming from the missing Flash on those Mac products - unfortunately no answer there.

Isn't there a solution to make this work as it does on Androids or any conventional pc for those specific Mac toys rather than having to reinstall PHP code manually after each and every update - and those come as sure as the next Hurricane....
Joy
Member
Posted 4 months ago #

Disabling it for mobile is one way to do it, but I prefer to have it work correctly. Viewing my site with the same options as jh8001 has, using an Android phone, I sometimes get the flicker and sometimes get the large image displayed behind the thumbnails instead of on top.

@presseroo, Shutter Reloaded doesn't use Flash, so it should still work on Apple products.
presseroo
Member
Posted 4 months ago #

That is a while ago, but still something i hope for an eventual solution from the developers end Joy.....
So many Themes these days come in the new flexible forms that work on any device with any screenshot - and plugins should follow that trend eventually.
I was never sure if the iPad etc. issue is caused by Flash or some other scripting piece, like Java or so, but certain is the Apple products with smaller than laptop screens have an issue with Shutter reloaded.
I also agree, disabling is not the favorite solution, the plugin looks and works just to good for that....