How using ubermenu/ megamenu plugin with geocraft

Hi I have purchased ubermenu from codecanyon as you guys don't have a simlar plugin. However it doesn't work with my geograft theme as the menu doesn't display properly and there seem to be conflicts. I know this is maybe not for you to help but please can you give some advice as how to make this work or maybe how to overide your menu's setting so that it may work.

 

I had Chris and Tom fix this for me. You can hire them and donate $20 or try to follow my thread here and do it yourself. Make sure you also install responsive menu so it works on mobile phone too:

It seems like your website is loading two copies of jQuery, one in the header:

<script type='text/javascript' src='http://bizfinderusa.com/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>

Collapse Code

and another one by jcarousel:

<script type="text/javascript" src="http://bizfinderusa.com/wp-content/themes/geocrafttheme/js/jquery-1.4.2.min.js"></script>

Collapse Code

You would need to remove that call to old version of jQuery and leave only on jQuery included. Additionally, you might want to remove the ddsmoothmenu class from the wrapping div around your navigation (might need more tweaking to remove built-in ddsmoothmenu functionality).

-------------------------------

Yes, if your theme is including it’s own version of jQuery, it is definitely doing something wrong. I’ve written a detailed troubleshooting guide about using the incorrect version of jQuery

No theme should ever package its own jQuery library – that is already included in WordPress core.

Moreover, if both libraries are being loaded, it means that the theme likely hasn’t enqueued the script properly, which is bad practice.

That being said, it looks like that jQuery file itself does not exist. It’s the script TAG that needs to be removed from the theme files, not the script file itself.

---------------------------------

It looks to me like this extra jQuery library is being loaded in the middle of the home page template just before the carousel, so you should be able to find it there.

Honestly, this is something that should be brought to the attention of the theme author, as this is really bad practice. It is something they need to fix. However, if you can’t find it and want me to take a look, please provide WordPress credentials and hopefully I’ll be able to track it down through the editor.

---------------------------------

Seems like UberMenu should be functioning OK now.

Changes I’ve made:

1. Appearance -> Editor -> front-page.php – commented out that unwanted jQuery inclusion.

2. Appearance -> Editor -> Header

<!--Start Menu Wrapper-->
<div class="menu_wrapper">
<div class="top_arc"></div>
<div class="menu-container">
<div class="container_24">
<div class="grid_24">
<?php //inkthemes_nav(); ?>
<?php uberMenu_easyIntegrate(); ?>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="bottom_arc"></div>
</div>
<!--End Menu Wrapper-->

Collapse Code

Commented out inkthemes_nav(); and added UberMenu Easy Integration php snippet (see more).

3. Enabled Easy Integration in UberMenu settings.

4. Style Configuration -> Use a preset (was ‘do nothing’) -> Selected ‘Clean White’ style.


-----------------------------------------

1. There are issues with your theme causing javascript errors, primarily this code in your theme’s custom.js

ddsmoothmenu.init({
mainmenuid: "menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
});

-----------------------------------------------

Basically, your slider won’t show, because you have JS error on ddsmoothmenu.js (one error in JS breaks all JS functionallity on page). At the moment, I’ll dig into the code, to see if I can find what’s wrong with it.

--------------------------------------------------

Seems like carousel appeared again.

I did these:

1. Downloaded custom.js from your FTP, and commented out the ddsmoothmenu init code, so that ddsmoothmenu is completely out of the action.

2. This made the jCarousel appear again, but..

You should definately contact the theme author about how badly his theme is coded. That jCarousel caused another JS issue: ‘No width/height set for items. This will cause an infinite loop. Aborting..’. This basically happens, when the jCarousels CSS files are not included properly. So I’ve looked around and *big shocker* couldn’t find any of the jCarousel skin files provided with your theme. So basically, I’ve set the option ‘itemFallbackDimension: 215' to the jCarousel call on your homepage.

This should now be fixed.
UberMenu should be integrated and working OK now!

 

Looks interesting - what's the advantages of Ubermenu for Geocraft and directory use?

 

The default menu is a "flip out" style and if you go more than two levels deep with your menu hierachy it's harder to be accurate with your selection. The Uber Menu opens a wide "layer". You can see an example of how I'm using it here: www.bizfinderusa.com Also, you should install the free Responsive Menu that is associated with Uber so you have a more elegant option on handheld devices. Go to my website on your mobile and you'll see an example.

 

Thanks Roger - that's cool. Good job in finding that... May be back in touch. ;-)

 

Thank guys! worked.