• Resolved uisneach

    (@uisneach)


    We are using the ninezeroseven theme on this website. When we activate flybox it causes a jquery error on our homepage:
    TypeError: jQuery(…).rwdImageMaps is not a function
    The code on our homepage that doesn’t seem to like flybox is this

    jQuery(document).ready(function(){
    		jQuery('img[usemap]').rwdImageMaps();
    	});

    I have disabled flybox as it is a live website but this is our homepage
    https://reclaimtheamericandream.org/

    Otherwise, really love the plugin – it works and looks great!

    https://www.ads-software.com/plugins/wp-flybox/

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author cconoly

    (@cconoly)

    What is the setting under WP-Flybox->Other Options->jQuery->Load jQuery?

    Is it set at Yes or No?

    Also is the “rwdImageMaps” a plugin or part of the theme?

    Thread Starter uisneach

    (@uisneach)

    Load jQuery was set to No. I set it to Yes but still the same error.

    After doing further research I see that the rwdImageMaps is actually part of a plugin called Responsive Image Maps.
    https://www.ads-software.com/plugins/responsive-image-maps/

    Perhaps the version of jQuery used for developing that plugin was too old and conflicts with the current version?

    Plugin Author cconoly

    (@cconoly)

    I tried enabling both WP-Flybox and Responsive Image Maps and it seems to be working fine. I know rwdImageMaps was created over 3 years ago and has not been updated since. It was packaged into a plugin about 2 years ago. It’s hard for me to troubleshoot without being able to see the error first hand or to replicate the error. Is it possible to turn both on and have the error up for a couple minutes while I jump on and download a copy of the page with the error?

    Thread Starter uisneach

    (@uisneach)

    I activated WP-Flybox and the tabs are set to show on the right hand side. I also turned on debugging in the plugin so you can see all the options that are set.

    Let me know when I can deactivate the plugin again.

    And I really appreciate you taking the time to look at this.

    Plugin Author cconoly

    (@cconoly)

    OK I saved a copy of it. you can deactivate it and once I get some free time I will look at it. Thanks!

    Plugin Author cconoly

    (@cconoly)

    What version of wp-flybox are you using?

    Plugin Author cconoly

    (@cconoly)

    OK So here is what I have so far. It appears you are using 2 facebook tabs, but this plugin does not support two facebook tabs. If you put in 2 then they should be identical because there is only 1 facebook parameter. What is happening is when the second facebook tab is encoding the 2nd facebook URL it is missing an ending quotes or something and encoding the rest of the webpage. The rwdImageMaps js file is at the end of the webpage and cannot be rendered because it is being encoded. I don’t know if you changed the WP-Flybox or altered it to have a 2nd facebook page, but either way it is not working correctly. It appears the 1st facebook tab is working fine.

    So here is what I would try…
    1. On the options of the second facebook tab copy down the url to the custom image and the facebook URL.
    2. remove the 2nd facebook tab and use a custom tab, so you have facebook and custom #1 tabs only
    3. under the custom tab options paste the url to the custom image to the “Location of Custom Icon” and change the border color to #3B5998. Then change the “Link or HTML Code:” option to HTML Code and paste the following into “HTML Code/URL:”
    <iframe title="Facebook" src="https://www.facebook.com/plugins/likebox.php?href=########################&width=300&height=550&colorscheme=light&show_faces=false&stream=true&header=false&small_header=false&hide_cover=false&hide_cta=true" style="border:none;width:300px; height:550px;background-color:#ffffff;">iframes not supported by your browser.</iframe>
    4. In the above code, replace ######################## with the URL of your 2nd facebook page (I belive it is https://www.facebook.com/ReclaimTheAmericanDreamOrg)
    5. Save the options and make sure wp-flybox is set to display on a side and not turned off.

    Let me know how that goes or if you need more help!

    Thread Starter uisneach

    (@uisneach)

    I am using the latest version – 6.38

    And I had already added the second Facebook tab using the Custom tab and it worked great as you can see here – I never did have it setup as 2 Facebook tabs.
    https://screencast.com/t/ukff9HwC

    So perhaps the custom tab code has an issue with the facebook iframe code not being ended correctly?

    Plugin Author cconoly

    (@cconoly)

    Oh I see! You are one step ahead of me. I think I see an error in your “HTML Code/URL:” Option under custom #1 tab. There should be a closing iframe tag. Try adding </iframe> after your code (after the title="Facebook">) so that it is …`title=”Facebook”></iframe>’

    I believe that since there is no closing tag, everything after that is getting encoded to be displayed not parsed?

    Try that and hopefully that will correct this issue?

    Thread Starter uisneach

    (@uisneach)

    That was it – I added the ending iframe tag and it solved the problem. Thank you so much for your help with this.

    And I do remember a few years ago making a hack in your plugin to accommodated multiple facebook tabs but the Custom tab feature you have now solves all of that – sweet!

    Plugin Author cconoly

    (@cconoly)

    Great sorry it took so long to get it resolved, but glad we got it working!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Conflict with wp-flybox’ is closed to new replies.