GeoDirectory FlexSlider breaks theme Flexslider

This topic contains 6 replies, has 3 voices, and was last updated by  Stiofan O’Connor 8 years, 9 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #47759

    Stu
    Expired Member
    Post count: 16

    Hi,

    I am experiencing a problem with the flex slider. When I activate the GeoDirectory plugin the Flexslider on my theme, Sense, doesn’t appear – just a white space where it should be. The following errors appear in debug -: TypeError: $(…).flexslider is not a function customjs.js:357:0
    TypeError: $(…).flexslider is not a function customjs.js:226:0. I think it is due to the GeoDirectory plugin and Sense theme both using FlexSlider. Maybe something to do with the $. When deactivating the GD plugin the theme works as intended. I’ve read up as much as possible. I’d like to keep the FlexSlider in my theme if possible. Any help would be appreciated as I love the plugin so much. Many thanks.

    #47760

    Stu
    Expired Member
    Post count: 16

    PS. The bit of code in custom.css at 226 is

    $(‘.flexslider’).imagesLoaded(function(){
    $(‘.bk-slider-module .flexslider’).flexslider({
    animation: ‘slide’,
    controlNav: false,
    animationLoop: true,
    slideshow: true,
    pauseOnHover: true,
    slideshowSpeed: 10000,
    animationSpeed: 1200,
    smoothHeight: true,
    directionNav: true,
    prevText: ”,
    nextText: ”,
    });

    And at 357 its

    // Breaking Slider
    $(‘.module-breaking-carousel .bk-carousel-wrap’).flexslider({
    animation: “slide”,
    controlNav: false,
    itemWidth: 210,
    columnWidth: 1,
    pauseOnHover: true,
    move: 1,
    animationLoop: true,
    prevText: ”,
    nextText: ”,
    minItems: getGridSize(), // use function to pull in initial value
    maxItems: getGridSize(), // use function to pull in initial value
    start: function(slider){
    if (typeof flexslider !== ‘undefined’) {
    flexslider = slider;
    }
    }
    });

    And at the top of the custom.js is….

    (function($) {
    “use strict”;
    $=jQuery;

    #47773

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    please provide a URL and admin credentials in a private reply and we will apply a fix.

    Let us know,

    Thanks

    #47778

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hello,

    We use flexslider too and have had a few conflicts with themes so we remove it and only call ti back on our pages, You can add this line to your theme functions.php and it should solve it for you.

    wp_enqueue_script('geodirectory-jquery-flexslider-js');

    If you need any help applying this, just ask 🙂

    Thanks,

    Stiofan

    #47785

    Stu
    Expired Member
    Post count: 16
    This reply has been marked as private.
    #47836

    Stu
    Expired Member
    Post count: 16

    Adding this script into the functions.php file solved it!

    wp_enqueue_script(‘geodirectory-jquery-flexslider-js’);

    Thanks for your assistance. GD is a great plugin… with great support!

    #47837

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    You are very welcome 🙂

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

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket