Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

CSS Menu


fear4me

Recommended Posts

Hey I have a problem. The menu is not showing up :<

All i did is renaming the the categories_css.php to categories.php so I won't need to change something in the code (ofcource backed up). But this is not helping at all, because the menu is not showing...

I've got the tree menu style, changed it in the dm_categories.php

but even when I change it back to flyout menus it won't work. I don't really know if it has to do something with anything but I thought maybe that's the prob...

Link to comment
Share on other sites

  • Replies 250
  • Created
  • Last Reply

Top Posters In This Topic

I just coded the addition of products to categories_css.php, is it worth uploading to the contributions ?

 

I am not a good coder, but it works :)

 

You could add it to the contribution, because I think other people would love your addition. I'm probably not going to add this feature in a future release, but IF, I'll add this one with a setting to switch it on or off. Thanks for your additional work! If you are able to add a parameter for enable of disable this feature, this piece of code can be used by all other (future) users of CSSMenu.

 

Roger

Link to comment
Share on other sites

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?

Wanwan -- %_%_

Link to comment
Share on other sites

please goto www.blissfulfamily.net/catalog/index.php

I have got the localhost/catalog/index.php background change to my preferences color,

 

This are the codes that I made changes to background color

 

 

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

 

.suckerdiv ul{

margin: 0;

padding: 0;

list-style-type: none;

width: 200px; /* Width of Menu Items */

border-bottom: 1px solid #ccc;

font-family: arial;

font-size: 11px;

}

 

.suckerdiv ul li{

position: relative;

background-color: #FFCC00;

}

 

/*1st level sub menu style */

.suckerdiv ul li ul{

left: 199px; /* Parent menu width - 1*/

position: absolute;

width: 200px; /*sub menu width*/

top: 0;

display: none;

}

 

/*All subsequent sub menu levels offset */

.suckerdiv ul li ul li ul{

left: 199px; /* Parent menu width - 1*/

}

 

/*All subsequent sub menu levels offset */

.suckerdiv ul li ul li a{

left: 199px; /* Parent menu width - 1*/

background-color: #FFCC00;

}

 

/*All subsequent sub menu levels offset */

.suckerdiv ul li ul li ul li a{

background-color: #FFCC00;

}

 

/*All subsequent sub menu levels offset */

.suckerdiv ul li ul li ul li ul li a{

background-color: #FFCC00;

}

 

/* menu links style */

.suckerdiv ul li a{

display: block;

color: blue;

text-decoration: none;

background-color: #eee;

padding: 1px 5px;

border: 1px solid #ccc;

border-bottom: 0;

line-height: 2em;

}

 

.suckerdiv ul li a:visited{

color: black;

}

 

.suckerdiv ul li a:hover{

background-color: yellow;

color: black;

text-decoration: none;

}

 

.suckerdiv ul li ul li a:hover{

background-color: yellow;

color: black;

text-decoration: none;

}

 

.suckerdiv ul li ul li ul li a:hover{

background-color: yellow;

color: black;

text-decoration: none;

}

 

/* The main categories with sub-categories */

.suckerdiv .subfolderstyle{

background: url(images/arrow-list.gif) no-repeat center right;

}

 

/* This one colors the sub-folder with other sub-folders */

.suckerdiv ul li ul .subfolderstyle {

background-color: #FFCC00;

}

 

/* This one colors the sub-folder with other sub-folders */

.suckerdiv ul li ul li ul .subfolderstyle {

background-color: #FFCC00;

}

 

/* This one colors the sub-folder with other sub-folders */

.suckerdiv ul li ul li ul li ul .subfolderstyle {

background-color: #FFCC00;

}

 

/* Holly Hack for IE \*/

* html .suckerdiv ul li { float: left; height: 1%; }

* html .suckerdiv ul li a { height: 1%; }

/* End */

 

</style>

 

END OF CODE

 

localhost/catalog/index.php does see the changes of background color. but in www.blissfulfamily.net/catalog/index.php doesn't changed ?

Wanwan -- %_%_

Link to comment
Share on other sites

localhost/catalog/index.php does see the changes of background color. but in www.blissfulfamily.net/catalog/index.php doesn't changed ?

 

Your backgroundcolor looks like changed... maybe your browser caches your site?

Link to comment
Share on other sites

You could add it to the contribution, because I think other people would love your addition. I'm probably not going to add this feature in a future release, but IF, I'll add this one with a setting to switch it on or off. Thanks for your additional work! If you are able to add a parameter for enable of disable this feature, this piece of code can be used by all other (future) users of CSSMenu.

 

Roger

 

Yeah I have added a switch, I am just going to code it so you can set a maximum products shown as if theres 50 products in a category then the menu is too big.

 

Will sort it soon

Link to comment
Share on other sites

Your backgroundcolor looks like changed... maybe your browser caches your site?

 

 

 

fear4me,

 

Yes, I found out the reason why wasn't shows in the 1st attempt. Because of the triple hex #eee, and #ddd etc. I found this website RGB and Hex Color Conversion Tool Web Safe

 

I converted the html 6 hex color code to triple, now it works fine. Thank you.

Wanwan -- %_%_

Link to comment
Share on other sites

Hy... First I want to thank You for this amazing contribution!!!

I have installed late version for empty categories, but I have a problem... When I select the category on menu, and when it slides to the right it is behind the flash file that's on my Index on web-page... Here is the picture ;

 

picturebu8.th.jpg

 

please help!!! tnx

Link to comment
Share on other sites

Hy... First I want to thank You for this amazing contribution!!!

I have installed late version for empty categories, but I have a problem... When I select the category on menu, and when it slides to the right it is behind the flash file that's on my Index on web-page... Here is the picture ;

 

picturebu8.th.jpg

 

please help!!! tnx

 

You could fix this, by adding the following between the <style>-tag in categories_css.php :

 

.suckerdiv {

position: relative;

z-index: 999;

}

Link to comment
Share on other sites

  • 2 weeks later...
fear4me it didn't help :'( some other solution maybe???

 

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

Edited by muskokee
Link to comment
Share on other sites

CSS_MENU v0.2

I installed today the recent V2 and noted that it don?t work properly in Firefax 1.5.0.7 . V1 works great.

Andrew

 

I installed it tonight. It don't work properly in FireFox 2.0 either.

 

And I have a question now. How can I add products_model after products_name? thanks.

Edited by tallwang
Link to comment
Share on other sites

I installed it tonight. It don't work properly in FireFox 2.0 either.

 

And I have a question now. How can I add products_model after products_name? thanks.

 

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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!!

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...