eShop interfering with css drop down menu
-
Just to start off, I love this plugin and have a successful live cart running with it already. But now my problem lies with a different WP installation… both the successful and unsuccessful blogs are running WP 2.5.1
(fyi – I did try to register in the quirm support forum, but I am not receiving my confirmation emails. I sent an email to the board administrator about this issue, but would really like to find a solution to this problem and post it publicly just in case someone else has the same issues.)
I am trying to install eShop on a blog with light css drop down menus. These are not powered by a plugin, I coded them using bits and pieces of the suckerfish drop downs. It mainly uses css, but does use a snippet of javascript in order to function in beloved IE 6. I have tried seeing if it is a javascript conflict as well as a css conflict, and I just can’t seem to figure it out. What happens is it only displays the parent pages, but will not drop down the child pages. So, its not totally disabling the wp_list_pages structure, but just the sfHover function.
I really do appreciate this plugin and I recommend it very highly. If I can get it to work well with the css drop downs, I will be estatic!!
Here is the blog I am wanting to use it with http://www.jimmievanzantmusic.net and below is my code to power the menus. Due to the interference, I do not have eShop activated at this time. Thanks for your time and the wonderful coding work you do!
Javascript snippet located in head tag to please IE6:
<script language="javascript" type="text/javascript" > sfHover = function() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); </script>Call to list pages in header php
<ul id="nav"> <div id="toolbar"><?php wp_list_pages('title_li='); ?> </ul>I don’t want to annoy anyone by pasting all of the css for the menu — but obviously you can see it uses the #nav and #toolbar IDs.
-
Just FYI – I received an email back from the plugin developer with the answer to my question. Just in case someone runs across this, here is the fix:
Open eshop.php and scroll to line 404. Comment out the line that starts with “add_filter…”
Change THIS:
//fold the page menu as it is likely to get long... //this can be removed in a theme by using remove_filter... add_filter('wp_list_pages_excludes', 'eshop_fold_menus');To This:
//fold the page menu as it is likely to get long... //this can be removed in a theme by using remove_filter... ##add_filter('wp_list_pages_excludes', 'eshop_fold_menus');additionally I may add a setting for that in a future release, which will make it easier for yourself and others.
The topic ‘eShop interfering with css drop down menu’ is closed to new replies.