Mobile Friendly

richardleonard · 2015-06-13 19:43:38

I am in the process of doing a massive reworking of several of my websites into one big e-commerce site. As a big fan of ttg for quite a number of years now, I did not want to use different slideshow tools. Also, using ttg & embedding the galleries on different pages of my site allows me the opportunity to control all the galleries directly from LR.
So, for this purpose (and I use ttg client response more fully on client pages) I simply needed to strip everything right back & create a template that produced galleries that worked in frames on different pages on my site. I was using CE3 & I made it work happily until I discovered that CE3 was not mobile-friendly at all.
So, I've just upgraded to CE4 (relatively painlessly thanks to the video!) as it was mobile friendly. However, I've just discovered the limitations. There appears to be no way to control how the mobile version appears. For me, at the moment, I specifically need to get rid of the titles that appear (they are not on the template & don't appear on any other platform). It would also be nice to swipe the images on screen, but I can find no way to do that. Would I be able to control both of these with Gallery? If so, I'll download & use it straight away. Mobile use is so vital now, it's a bit of a deal breaker, this one...
I use Publisher to push the galleries to my site & the latest version is fabulous! (no question there, just thought I'd put that plug in...)

richardleonard · 2015-06-13 19:47:17

Oh, and it doesn't auto play...

rod barbee · 2015-06-13 23:55:05

I simply needed to strip everything right back & create a template that produced galleries that worked in frames on different pages on my site.

using frames tends to break the galleries, especially mobile galleries.

CE3 was not mobile-friendly at all

It was pretty mobile friendly (CE4 seems to be better). Unless it was in a frame.

I specifically need to get rid of the titles that appear (they are not on the template & don't appear on any other platform)

Can you provide an example? Where are titles appearing? do you mean text from the html <title> tag?

It would also be nice to swipe the images on screen, but I can find no way to do that.

CE4 Gallery has the "Touch" option for mobile presentation. It allows for swiping (at least on my iPhone)

Just conjecture on my part, but I'm guessing the Touch presentation may be incompatible with the client response features of CRG.
But Magnific works fine for me as a mobile presentation with CRG

richardleonard · 2015-06-14 09:15:59

Thanks Rod.
Resizing properly to a smaller screen was what CE3 didn't do. CE4 CRG does.
The titles I'm referring to are drawn from the Title & Caption metadata fields of the image. I use them elsewhere so the data need to exist, but I don't want it showing on the mobile display.
Frames are not the issue. I have the same data appearing & non autoplay problems without any frames.
If Swipe is available in Gallery, great. Are autoplay & restriction of data presentation on mobile available also?

Happy to share a link to what I'm talking about, but only privately as this is an early stage beta web-site... You can let me know where to send a link to - richard@tif.co.nz - as long as you keep it private.

richardleonard · 2015-06-14 09:21:37

I've sorted a workaround to the metadata appearing, by making the caption colour the same as the background...
Now, it's just the autoplay to resolve?

rod barbee · 2015-06-14 12:07:30

highslide is the only presentation with autoplay, but it's not an option for mobile presentations

another way to eliminate caption metadata from showing on mobile is via custom css. You'd need to use a media query for mobile width and set large image captions to display:none;
(you can get the exact selectors using your browser's inspector - they'll be different depending on the presentation)

otherwise control the metadata displayed from Image Info. "Title" and "Caption" are for large image presentations. Metadata1 and Metadata2 are for grid thumbnails.

Matthew · 2015-06-14 12:26:10

Neither CE3 or CE4 are designed to run in frames. Both versions are very mobile friendly, but not when in frames. Rather than using frames, we suggest using PHPlugins to shim your own header and footer into the gallery pages.

richardleonard · 2015-06-14 15:20:58

Rod, on CE4 CRG, the Image Info controls have no effect on the mobile display. I could use custom CSS, but using the same colour is effective.
Matthew, I wouldn't know where to start using PHP. I have downloaded CE4 Gallery to give me the mobile "touch" presentation & it is generally functioning ok. I have a few quibbles, but they are nothing to do with frames as it appears to be identical in a frame as well as in its own window. I've only tested it in Safari on a Mac & on iOS at the moment
I didn't realise I could send you a PM here, so I'll send you a link to the test page so you can see what I've done. I have 2 galleries on the page, one with the Publisher output set to 20 images (as there are more it give me the pagination bar) & one set to more than there are so it is cleaner.

rod barbee · 2015-06-15 00:24:36

your site looks slick. Nicely done.

In my testing, if I disable headings and captions, they don't show up at all in mobile galleries.
Be sure you disabled them in the Magnific set up as well.
To do this, in Appearance > Large Image Presentation, temporarily set Presentation:Desktop to Magnific Popup. Then make sure that Display Captions and Display Headings are unchecked.
Then set Desktop presentation back to Highslide for exporting.
Then make sure you've removed any tokes from Output Settings > Publisher Setup : Metadata Outlets

richardleonard · 2015-06-15 07:08:56

thanks Rod, appreciate that.
With CRG, there are no caption & heading options under Magnific Popup... hence my original issue.
There are with Gallery & once I downloaded & used that I did make sure they were unchecked.
I hadn't thought of deleting the publisher metadata outlets, but have done that now, thanks.

Happy with how it's working now - many thanks!

rod barbee · 2015-06-15 12:01:26

With CRG, there are no caption & heading options under Magnific Popup

Never noticed that. Figured it would be the same as Gallery.

richardleonard · 2015-06-15 14:53:40

Any plans to allow video to be included in galleries? Given the direction a lot of us photographers are going in, it would be awesome to include video as well as still images in a show gallery...

Matthew · 2015-06-15 15:34:07

richardleonard wrote:

Matthew, I wouldn't know where to start using PHP.

You don't really need to know much about PHP to use our PHPlugins features. We've provided most of the code for you, so you only need to slot in your desired HTML. Start here:
http://ce4.theturninggate.net/docs/doku … bility_api

No plans to mingle video into the CRG. We offer various video presentation options in CE4 Stage.

richardleonard · 2015-06-15 15:46:11

I'll have a look at Stage & PHPlugins when I get a moment - thanks Matthew

Community @ The Turning Gate

#1 2015-06-13 19:43:38

Mobile Friendly

#2 2015-06-13 19:47:17

Re: Mobile Friendly

#3 2015-06-13 23:55:05

Re: Mobile Friendly

#4 2015-06-14 09:15:59

Re: Mobile Friendly

#5 2015-06-14 09:21:37

Re: Mobile Friendly

#6 2015-06-14 12:07:30

Re: Mobile Friendly

#7 2015-06-14 12:26:10

Re: Mobile Friendly

#8 2015-06-14 15:20:58

Re: Mobile Friendly

#9 2015-06-15 00:24:36

Re: Mobile Friendly

#10 2015-06-15 07:08:56

Re: Mobile Friendly

#11 2015-06-15 12:01:26

Re: Mobile Friendly

#12 2015-06-15 14:53:40

Re: Mobile Friendly

#13 2015-06-15 15:34:07

Re: Mobile Friendly

#14 2015-06-15 15:46:11

Re: Mobile Friendly

Board footer