Jump to content


Corporate Sponsors


Latest News: (loading..)

* * * - - 2 votes

CSS Menu


251 replies to this topic

#41 sappura

  • Community Member
  • 13 posts
  • Real Name:Satu

Posted 09 November 2006, 22:57

I love this conribution, but I have one question.

How do I change the border color of the menu? I don't seem to be able to find it anywhere.

Thanks.

#42 fear4me

  • Community Member
  • 22 posts
  • Real Name:Roger Godefroy

Posted 10 November 2006, 07:23

View Postsappura, on Nov 9 2006, 11:57 PM, said:

I love this conribution, but I have one question.

How do I change the border color of the menu? I don't seem to be able to find it anywhere.

Thanks.

Look in categories_css and look for:

/* menu links style */
.suckerdiv ul li a{
display: block;
color: black;
text-decoration: none;
background-color: #eee;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
line-height: 2em;
}

You can change the bordercolor of the items by changing the color at the border-part.

#43 zaxxon

  • Community Member
  • 159 posts
  • Real Name:Ron
  • Location:Northern Ireland

Posted 10 November 2006, 13:26

looks like a great contribution !
i am using JCSSMENU at the moment which was so much more work to install.
i am also using article manager 1.4 and would like to adda section of 'articles' to the menu and then have the menu display the topics and sub topics of articles in the same way it shows the categoried and sub categories. this way i will have one menu that will do every thing and not have to deal with another menu exclusivly for the articles. is there a way to add that to the menu ?

thanks in advance for any insight
ps.
here is my site in case you'd like to take a look
currently using OSC2.2MS2 051113 with the following contributions:

AJAX Attributemanager 2.1 - All_products 4.4 - Banner manager 1.5b - banner hack picture in manager * description in product listing hack ms2 v2.4 * drop shadow boxes v.1.1 * Easy populater 2.76d-ms2 by surfalot * FCKEditor * header tag controller v2.5.9 * jcssmenu * LoginBox 5.6 * option type feature v1.71 * OSC-Cach-v1.1 * popup_imagecleaned_stilized_2 * Remove from cart button hack * scrolling bestsellers * Article manager1.4 * Links Manager v1.14. * proffessional invoice&packingslip 6.1 * Ultimate SEO URLs

Personaly i think all these features NEED to be in the main core as they are quite basic features that are missing. but then again what do i know?

#44 c_karsan

  • Community Member
  • 49 posts
  • Real Name:Chet
  • Location:London, UK

Posted 12 November 2006, 12:11

Hello I noticed a problem i have installed into my test site and my live site but in the live site my menu disappears when you rollover a subcat and it goes below the about 3 or 4 menu items? whereas this does not happen in the test site. There is no fundamental difference in the sites so should work the same!


I also noticed in the live site that if the mouse cursor is extremely close to the left edge of the subcat menu it seems to work fine!

Im using IE6 - is it something to do with cache?
The sooner you fall behind, the more time you'll have to catch up.

#45 brt32

  • Community Member
  • 4 posts
  • Real Name:Bartek

Posted 13 November 2006, 15:19

Hi. How can I put quantity of products to this menu? Like in the original menu - quantity in the brackets.

#46 oscnods

  • Community Member
  • 30 posts
  • Real Name:oscnods

Posted 13 November 2006, 23:14

fear4me, excellent contribution.

I've test it on Firefox 1.5.0.8 Mac/Windows, and IE6 and they work fine.
But on Safari Mac the :hover doesn't seem to be working right. It would only show the hover on the first parent link.

Pls advise.

#47 oscnods

  • Community Member
  • 30 posts
  • Real Name:oscnods

Posted 13 November 2006, 23:15

*delete*

Edited by oscnods, 13 November 2006, 23:16.


#48 sappura

  • Community Member
  • 13 posts
  • Real Name:Satu

Posted 14 November 2006, 21:04

View Postfear4me, on Nov 9 2006, 11:23 PM, said:

Look in categories_css and look for:

/* menu links style */
.suckerdiv ul li a{
display: block;
color: black;
text-decoration: none;
background-color: #eee;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
line-height: 2em;
}

You can change the bordercolor of the items by changing the color at the border-part.

Thank you so very much!!

#49 tallwang

  • Community Member
  • 12 posts
  • Real Name:Tao

Posted 15 November 2006, 15:22

View Postfear4me, on Nov 9 2006, 03:19 PM, said:

Working here with 1.5 and 2.0 and everything looks just perfect. Please send me a screenshot so I can analyze your problem. What do you want with products_model and products_name? These aren't used in CSS menu.

Thank you. Please visit http://www.kanzazhi.com/catalog/index_t.php in FireFox2.

#50 lpedro

  • Community Member
  • 10 posts
  • Real Name:pedro carvalho

Posted 17 November 2006, 08:51

View Postbrt32, on Nov 13 2006, 03:19 PM, said:

Hi. How can I put quantity of products to this menu? Like in the original menu - quantity in the brackets.

Yep... I'm trying to manage that....
Can someone explain me How to?

#51 nelz55

  • Community Member
  • 21 posts
  • Real Name:Neil Eisenberg

Posted 19 November 2006, 13:07

View Postmuskokee, on Nov 5 2006, 11:31 PM, said:

There is nothing you can do about this. Flash and Quicktime movies sit on top of everything. Adding z-index will not work.

This is THE ONLY solution I have found:

http://blog.deconcept.com/swfobject/

It also tackles the IE issue for flash.

Good luck,
Sheri


If you have a flyout menu that is going UNDER your Flash movie, just add a parameter to the flash in the html file... like this:
wmode = transparent

That fixes it. You have to add it in a couple of places in the Flash code... but you'll get it... and thats definitely the fix... I searched for it years ago and have been using it ever since. Hope this helps! Neil

#52 nelz55

  • Community Member
  • 21 posts
  • Real Name:Neil Eisenberg

Posted 19 November 2006, 13:12

View PostWanwan, on Oct 24 2006, 12:59 PM, said:

Hi,

First thanks to Roger for CSS_MENU contribution. I did install it to my website. However, I couldn't find cache.php in /catalog/includes/cache.php

I am using MS2, 2.2 .

I am not familiar with CSS code, I would like to change the category list's background color can anyone tell me which one to change?


I found it in the FUNCTIONS folder. Catalog/includes/functions/cache.php
Must have been a typo

#53 nelz55

  • Community Member
  • 21 posts
  • Real Name:Neil Eisenberg

Posted 19 November 2006, 13:17

View Postolivierk74, on Oct 11 2006, 04:40 AM, said:

Thanks...excellent contribution! :thumbsup:

Only problem i've got :
When i enable sts, my categories is not displaying correctly anymore.

With STS enabled i've edited file : sts_column_left.php (categories.php to categories_css.php)

When i disable STS, everything displays 100% again!

Any help!

Thanks
As noted above... if using STS,
you have to copy all the CSS code out of the php file in this cotribution and paste it into your actual CSS file. Then copy the javascript part (right after the CSS in the same file) and paste that into ALL your templates for STS. So...if you have built any additional templates for categories, or whatever, make sure you add the javascript to each of them, Then it will work fine with STS...

It doesnt matter, then if you leave the new php file as is, since it just wont get used... and if you ever DO turn off STS, at least it will be there, and still function properly.

Hope this helps someone. I am using it with STS and it looks great. Thanks for the fantastic contribution...saved a ton of headaches tring to style that ugly side menu.

Neil

#54 yoshkow

  • Community Member
  • 1 posts
  • Real Name:Yosh Kow

Posted 20 November 2006, 05:12

Hey All,

Great contribution! Any chance someone would be willing to fix the products addition so that the products change name based on the language id?...That is, English name in English, Spanish name in Spanish - like with the category names....

Cheers,
Yosh

#55 fear4me

  • Community Member
  • 22 posts
  • Real Name:Roger Godefroy

Posted 20 November 2006, 13:54

View Postlpedro, on Nov 17 2006, 09:51 AM, said:

Yep... I'm trying to manage that....
Can someone explain me How to?

I'll release version 0.3 today, which includes the count-function and also includes the Aguzi-addition to show products in the menu, which I made also language-dependend.

Both will be available through settings in the categories_css.php . :thumbsup:

Fear4Me

#56 fear4me

  • Community Member
  • 22 posts
  • Real Name:Roger Godefroy

Posted 20 November 2006, 15:04

View Postfear4me, on Nov 20 2006, 02:54 PM, said:

I'll release version 0.3 today, which includes the count-function and also includes the Aguzi-addition to show products in the menu, which I made also language-dependend.

Both will be available through settings in the categories_css.php . :thumbsup:

Fear4Me

I've just uploaded v0.3, which includes an optimized (multi-language) version of Fugazi's function to show products in the menu. It is also possible to add the option to show productcounter in categories, like the default osCommerce behaviour. This setting is inherited from the osCommerce admin panel (Show Category Counts). I also included the STS-instruction posted in this forum.

#57 brt32

  • Community Member
  • 4 posts
  • Real Name:Bartek

Posted 20 November 2006, 19:07

Great :)
Thank you very much :)

#58 Dynatech

  • Community Member
  • 70 posts
  • Real Name:Eric

Posted 21 November 2006, 11:45

View Postnelz55, on Nov 19 2006, 02:17 PM, said:

As noted above... if using STS,
you have to copy all the CSS code out of the php file in this cotribution and paste it into your actual CSS file. Then copy the javascript part (right after the CSS in the same file) and paste that into ALL your templates for STS. So...if you have built any additional templates for categories, or whatever, make sure you add the javascript to each of them, Then it will work fine with STS...

It doesnt matter, then if you leave the new php file as is, since it just wont get used... and if you ever DO turn off STS, at least it will be there, and still function properly.

Hope this helps someone. I am using it with STS and it looks great. Thanks for the fantastic contribution...saved a ton of headaches tring to style that ugly side menu.

Neil

Hi Neil,

Just tried to install CSS Menu v0.3 according the docs and your post for copying the
css-code to my stylesheet.css and the java-script in my html-template for STS v4.3
(i use only 1 template for STS). On what place in the template the java-script has to be
copied in? Did all you and the doc subscribed but still don't get the CSS menu to show up...
Did i miss something?

Thanks for your help ;-)

Eric :D

#59 phantompressents

  • Community Member
  • 68 posts
  • Real Name:mattio

Posted 21 November 2006, 13:04

Hi great contrib so easy to install

Only problem i am having tho is making the top level width small enough.

my left column is 158px and right is 125px but I can only get the menu down to a few pixles bigger than 158.

would separate_column_widths_V2.2.zip contribution effect this ?

#60 nelz55

  • Community Member
  • 21 posts
  • Real Name:Neil Eisenberg

Posted 21 November 2006, 13:32

[quote name='Dynatech' date='Nov 21 2006, 07:45 AM' post='974651']
Hi Neil,

Just tried to install CSS Menu v0.3 according the docs and your post for copying the
css-code to my stylesheet.css and the java-script in my html-template for STS v4.3
(i use only 1 template for STS). On what place in the template the java-script has to be
copied in? Did all you and the doc subscribed but still don't get the CSS menu to show up...
Did i miss something?

Thanks for your help ;-)

Eric :D
[/quote]


You jusy copy the javascript code into the HEAD section like this:


This worked fine for me. Remember to add it to ALL your templates...if you use multiple ones. Then upload them to your catalog/includes/sts_templates/mysite directory


You will also need to make sure the path to your CCSS file is correct ( I just called it above... fill in your own file name and path...and add the CSS stuff from the post to your css file... like this:



This is my version, I changed a couple of colors...etc.. but you get the idea... just paste this to the bottom of whatever CSS file you already use.

Then, of course you will need to upload the php file from the posting...

I think thats it? Should work.... if it worked for me... it will work for you... I'm sure of it!

Neil[/QUOTE]