Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #164551
    Gerry White
    Participant

    Hi,
    I’m using your Catch Adaptive free theme for my website http://www.acacia-landscape.co.uk and like it very much. Recently a user reported that a gallery was not displaying on their Iphone but was showing on their desktop and an android device (Galaxy A3).

    Using Chrome’s Inspect developer tool it seems that an error is occurring in the catchadaptive-custom-scripts.min.js file when an iphone device is being used, as shown below

    catchadaptive-custom-scripts.min.js:1 Uncaught TypeError: $ is not a function
    at HTMLDocument.<anonymous> (catchadaptive-custom-scripts.min.js:1)
    at i (jquery.js?ver=1.12.4:2)
    at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
    at Function.ready (jquery.js?ver=1.12.4:2)
    at HTMLDocument.K (jquery.js?ver=1.12.4:2)

    http://acacia-landscape.co.uk/wp-content/themes/catch-adaptive/js/catchadaptive-custom-scripts.min.js:formatted
    jQuery(document).ready(function() {
    jQuery(“#header-toggle”).click(function() {
    var e = jQuery(“div”).find(“#header-toggle-sidebar”);
    e.hasClass(“displaynone”) ? e.removeClass(“displaynone”).addClass(“displayblock”).animate({
    opacity: 1
    }, 300) : e.removeClass(“displayblock”).addClass(“displaynone”).animate({
    opacity: 0
    }, 300)
    }),
    jQuery.isFunction(jQuery.fn.fitVids) && jQuery(“.hentry, .widget”).fitVids(),
    jQuery(window).scroll(function() {
    1 <= jQuery(window).scrollTop() ? jQuery(“#fixed-header”).addClass(“is-absolute”) : jQuery(“#fixed-header”).removeClass(“is-absolute”)
    }),
    jQuery.isFunction(jQuery.fn.sidr) && jQuery(“#mobile-header-left-menu”).sidr({
    name: “mobile-header-left-nav”,
    side: “left”
    }),
    /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream && $(“body”).addClass(“ios-device”) ==> Uncaught TypeError: $ is not a function
    });

    I’d be very grateful if you could help me with this problem.
    Many thanks.

    Gerry

    #164559
    Gerry White
    Participant

    To add to the above, I’m using FooGallery to manage my gallery but I’ve tried the Catch Gallery plugin and the same problem occurs with Iphone mobiles.

    Hope this helps.
    Regards,
    Gerry

    #164590
    Skandha
    Keymaster

    @gerry-white: Can you use Catch Gallery for creating Galleries so that I can look at the issue on ios devices.
    I created a gallery with Catch Gallery at my end and it seems to be displaying fine even in iphones.

    Let me know when you have created a gallery with Catch Gallery so that I can look the issue.
    Kind Regards,
    Skandha

    #164636
    Gerry White
    Participant

    Thank you very much for the quick reply. I created a gallery with Catch Gallery plugin and it still doesn’t work correctly with ios devices. Please see pingyao49.co.uk/catch-gallery for your tests.

    I am using Chrome’s Inspect developer tool to emulate Iphone devices and when processing any gallery on an ios device I always get the error

    catchadaptive-custom-scripts.min.js:1 Uncaught TypeError: $ is not a function
        at HTMLDocument.<anonymous> (catchadaptive-custom-scripts.min.js:1)
        at i (jquery.js?ver=1.12.4:2)
        at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
        at Function.ready (jquery.js?ver=1.12.4:2)
        at HTMLDocument.K (jquery.js?ver=1.12.4:2)

    and the device starts to play up.

    Please let me know if you need anything else.
    Thanks again for your help.
    Kind Regards,

    Gerry

    #164836
    Gerry White
    Participant

    @Skandha
    Hi, not sure if the name of my test site with a link to a Catch gallery was clear. It’s . As in my posts above, when I use Chrome to emulate an ios mobile device the galley doesn’t function correctly and give javascript errors.
    Also, need to repeat that I’m using Adaptive Free.

    Thanks for your time.
    Gerry

    #164837
    Gerry White
    Participant

    http://pingyao49.co.uk/catch-gallery

    Sorry, not used to this form!!

    #164861
    Skandha
    Keymaster

    @gerry-white: Hello Gerry,
    The issue has been fixed and a theme update has been released. Please update the theme and check if the catch gallery carousel issue is resolved in IOS devices.

    Let me know if the issue persists.
    Kind Regards,
    Skandha

    #164890
    Gerry White
    Participant

    @Skandha Yes it works perfectly.
    Thank you so much for an amazing support service, your response, particularly for a free product, has been exemplary, an example to others. All credit to everyone there at Catch Themes.

    Kind regards
    Gerry

    #164894
    Skandha
    Keymaster

    @gerry-white: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/catch-adaptive/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help,
    don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Gallery not displaying on ios devices;’ is closed to new replies.