swipe to navigate galleries not working?

  • Posted in : Photographer
  • bigcheesephoto
    Participant

    Hi

    Please can you help?

    When viewing the large gallery images on iPhone / iPad the user must tap the screen to scroll to the next image rather than the more intuitive “swipe”

    The “swipe” works on other “Photographer” websites I’ve seen so please could you let me know where I have gone wrong

    Many thanks in advance

    Steve:-)

    serkan
    Moderator

    Hi Steve,

    Thanks for reaching out! I’d be happy to help with the gallery swipe functionality on iPhone/iPad.

    Since our theme supports multiple gallery types and settings, could you please share the specific page URL where you’re experiencing this issue? That way, we can test it directly on mobile devices, check the gallery configuration, and provide a precise solution.

    Once we have the link, we’ll investigate and let you know how to enable swipe gestures or adjust the gallery settings for a smoother user experience.

    Looking forward to your reply!
    Best regards.

    bigcheesephoto
    Participant

    Dear Serkan

    thanks for replying, all of the galleries use the same basic version of “gallery-single-mfp” from yourselves, here’s one example

    https://bigcheese.co.uk/QL-gallery-single-mfp.html

    Many thanks for looking into this for me

    Steve

    bigcheesephoto
    Participant

    Hi Serkan

    sorry to bother you, just checking in for any advice please as my free support period is almost ended

    TIA

    Steve

    serkan
    Moderator

    Hi Steve,

    Thank you for following up, and no worries at all!

    I’ve checked your gallery at:

    https://bigcheese.co.uk/QL-gallery-single-mfp.html

    Currently, the “gallery-single-mfp” implementation uses Magnific Popup, which by default does not support swipe gestures on touch devices out of the box; it requires tap to navigate.

    Other “Photographer” websites you’ve seen likely use different lightbox libraries (e.g., PhotoSwipe, LightGallery) that include built-in swipe navigation on mobile.

    ✅ What you can do:
    If you’d like to enable swipe navigation, you have two main options:

    1️⃣ Switch to a swipe-enabled lightbox (recommended):

    Replace Magnific Popup with PhotoSwipe or LightGallery for your galleries, which support swipe gestures natively on iOS/Android.

    We can guide you with integration if you wish to migrate.

    2️⃣ Add a swipe gesture layer on top of Magnific Popup (advanced):

    It is possible to add a custom script using touch events to detect swipes and trigger $.magnificPopup.instance.next() and .prev() programmatically.

    This requires additional JavaScript coding and testing across devices.

    ✅ Suggested next step:
    Please let me know which option you’d prefer:
    – Option 1: Migrate to a swipe-enabled gallery (simpler, long-term friendly).
    – Option 2: Custom swipe detection script for Magnific Popup (requires coding).

    Once confirmed, I will provide step-by-step guidance within your current theme structure to implement swipe support efficiently before your support period ends.

    Thank you for your patience, and looking forward to your confirmation so we can move forward!

    Best regards,
    Serkan

    bigcheesephoto
    Participant

    Hi Serkan

    thanks for your answers, I think this option please:

    1️⃣ Switch to a swipe-enabled lightbox (recommended):
    Replace Magnific Popup with PhotoSwipe or LightGallery for your galleries, which support swipe gestures natively on iOS/Android.
    We can guide you with integration if you wish to migrate.

    I do see a photo-swipe folder in the JS folder and would appreciate instruction to enable this.

    Hopefully it will be relatively easy as I have no useful knowledge of HTML!

    Thanks in advance

    Steve

    serkan
    Moderator

    Hi Steve,

    Thank you for confirming your preference!

    Since enabling PhotoSwipe with swipe functionality requires replacing your current gallery structure and adding some HTML and JavaScript, it may be a bit technical if you’re not familiar with editing HTML files.

    To ensure a smooth and trouble-free setup, I recommend considering professional implementation support for this switch. This will save you time and prevent any potential display or functionality issues across devices.

    If you are not familiar to coding you may consider hiring an expert at wpkraken.io to do the job for you.

    Please let me know how you would like to proceed!

    Best regards,
    Serkan

    ahmetsali
    Keymaster

    Hi, sorry for the misunderstanding, we have already added Photoswipe into our template.

    https://themes.pixelwars.org/photographer-html/gallery-single.html

    You can use

    gallery-single.html
    

    template file for your galleries.

    Have a nice day!

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register