WOSCI Forum

Wosci Support Forum

1. 

   wroughtec
   Member

   Hi

   Installed the Amazon category menu which works fine however it has stopped my jquery scripts from working is there a way around this? Lightbox does not work etc. gives me script errors.

   Any help would be appreciated

   Posted 7 months ago #
2. 

   kako
   Key Master

   Hi, amazon menu uses yahoo user interface javascript library so it may conflict jquery , sorry but for now i dont know how to solve that.

   Posted 7 months ago #
3. 

   wroughtec
   Member

   Found this but have no idea how to get it so they work together all it does for me is hide the webpage :(

   http://docs.jquery.com/Using_jQuery_with_Other_Libraries

   shame this was not written in jquery as a lot of other oscommerce scripts already are.

   To be honest it would be so much better if java scripts libraries could just play nice together by default ;)

   If you find a solution or a work around then please let me know

   Posted 7 months ago #
4. 

   kako
   Key Master

   I checked before http://docs.jquery.com/Using_jQuery_with_Other_Libraries. I will let you know when i find way to prevent conflict

   Posted 7 months ago #
5. 

   wroughtec
   Member

   Think i have solved my issue I add the following:

   <script>
        var $j = jQuery.noConflict();
   
        // Use jQuery via $j(...)
        $j(document).ready(function(){
        });
   
      </script>

   and changed all jquery's $ to $j this seems to allow everything to work. I also found a xhtml error in the code as having a rel in the div fails validation I changed in to title in both the categories.php box and the categories.js box and it still works but now passes validation.

   A couple of suggestions the menu looks great however it might be better if when you mouseover the links they change colour or summin as when you are over a one tier category it is not as clear you are over it if that makes sense same with the sub categories when you are over them its not so clear maybe a change of text colour will do it when mouseover, these are things I will play with myself but thought some feeback would be useful as it is a very nice menu which i am (now i have resolved the js issue) going to use.

   Posted 7 months ago #
6. 

   kako
   Key Master

   You made great job thank you, today i will reupload module with your above steps.

   Your link hover color is very near black so you think nothing changed when you hover submenu link, you can change your hover link color from stylesheet.css to make more noticeable by user.

   Posted 7 months ago #
7. 

   wroughtec
   Member

   yeah did that although you will need to add this line to css:

   #categories-subs a:hover{ color:#000066; }

   to get subs to change colour when mouseover

   Posted 7 months ago #
8. 

   kako
   Key Master

   thanks

   Posted 7 months ago #
9. 

   lrgayle25
   Member

   which files you change this in

   and changed all jquery's $ to $j

   Posted 6 months ago #
10. 

    kako
    Key Master

    you have to add following js code to each page (before </head> tag)

    <script>
         var $j = jQuery.noConflict();
    
         // Use jQuery via $j(...)
         $j(document).ready(function(){
         });
    
       </script>

    Posted 6 months ago #
11. 

    jeffbyronallen
    Member

    I have the same question as Irgayle25. I understand adding the no conflict script to each page head, but where do I change all the jquery's $ to $j? Is it in the .js files?

    Also, I did not like the way the dropdown collapsed when I was any sub-pages (other than index) so I removed that code, but now, all my catagories are hidden (on any pages except index) until I roll over the "Catagories" link. How can I change this (*note, I modififed the css so that the menu is pretty basic white and grey).

    Check out the site at http://www.studiowestinteriors.com/catalog/index.php to see the issues.

    Posted 3 months ago #
12. 

    kako
    Key Master

    hi jeff , i can see your categories on every page at expanded state, where is issue?

    Posted 3 months ago #
13. 

    jeffbyronallen
    Member

    Hey Kako,

    Yeah, a few hours after I posted I found the code to adjust it so it didn't collapse.

    The larger issue is the jquery. I currently have a lightbox javascript, a slideshow 2 javascript (on the homepage) and your drop down menu (which I like very much, thank you much for the modification!!!). The lightbox and the slideshow were playing nicely, but when I added the drop down menu, the slideshow stopped working and on the product pages, when you implement the lightbox feature the dropdown menu floats on top.

    I'm most interested in getting the dropdown and the slideshow working, but it would be nice to fix the lightbox issue as well, just to make things a little more clean.

    Thanks for your help!

    -jeff

    Posted 3 months ago #
14. 

    jeffbyronallen
    Member

    Oh yeah, I also noticed that the menu doesn't stay open very well in IE. It tends to collapse the tree before you can get to the subcategories. Any ideas on how to make that stay open longer?

    Posted 3 months ago #
15. 

    jeffbyronallen
    Member

    I've been playing with this a bit and feel like the problem is calling the javascript in the "catagories.php" file. It's either that or my javascript files are just not playing nicely. Is there a way to call the fly out menu in the head section like the rest of the javascript? Also, my lightbox is completely messed up, but only in IE, all other browsers it works (with the exception of the fly out menu floating on top).

    If I simply replace the "catagories.php" with the original, I lose my fly out menu, but my homepage slideshow and my lightbox works again.

    Any help is greatly appreciated as I am confident my problem isn't too major, I just lack the skills to see what's messing it up.

    Thanks!

    Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.