Community @ The Turning Gate

skipper

Member

Registered: 2013-04-26

Posts: 121

Pangolin Galleria - why do images not dissolve on mobile?

I like the feature that images dissolve and one can set the parameters for that.

But I don't understand, why on a mobile device that feature is replaced by images just swiping in from the right?

What is the reason for that? Why can't images also dissolve on mobile?

rod barbee

Moderator

From: Port Ludlow, WA USA

Registered: 2012-09-24

Posts: 17,830

Website

Re: Pangolin Galleria - why do images not dissolve on mobile?

I think the reason is so that the slideshow is mobile-user friendly.

But changing this is possible by editing the galleria code. There may be a more direct way using the phplugins scripts() hook but I haven't been able to figure that out yet. Maybe Matt or Daniel will have some ideas on that.

Anyway, how to enable fade on mobile. This is actually done by disabling swiping.
https://docs.galleria.io/article/99-swipe
(found this out by googling on the problem and ending up in a Galleria forum, not because I actually know what I'm doing )

So if you're ok with your visitors not being able to swipe images in the slideshow, here's how:

In your FTP program, navigate to /backight/modules/pangolin-galleria/dynamic/js/
download the galleria-pangolin.php file to your computer.
Open the file with a plain text editor.
Scroll down to the Galleria.addTheme area (around line 49)
this is what you'll see:

Galleria.addTheme({
  name: 'pangolin-inline',
  version: 1.5,
  author: 'The Turning Gate',
  defaults: {
    clicknext: true,
    debug: false,
    fullscreenCrop: false,
    imageCrop: true,
    maxScaleRatio: undefined,
    preload: 2,
    responsive: true,
    thumbnails: false,
    transition: 'fade',
  },

add swipe: 'disabled' to the end so it looks like this:

Galleria.addTheme({
  name: 'pangolin-inline',
  version: 1.5,
  author: 'The Turning Gate',
  defaults: {
    clicknext: true,
    debug: false,
    fullscreenCrop: false,
    imageCrop: true,
    maxScaleRatio: undefined,
    preload: 2,
    responsive: true,
    thumbnails: false,
    transition: 'fade',
    swipe: 'disabled'
  },

save the file and upload it back to where you got it. Make sure your FTP program is set to overwrite files.

In Backlight, clear template cache (important).

That should do it.

If there's an update to Galleria (that isn't an option to disable swipe), you'll need to do this again.

---

Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

skipper

Member

Registered: 2013-04-26

Posts: 121

Re: Pangolin Galleria - why do images not dissolve on mobile?

Ok, thanks a lot for the information Rod! I will definitely try that out!