Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

CSS Menu


fear4me

Recommended Posts

Its a infobox, so set that

 

Can you be more specific please?

 

Below is my CSS file:

 

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
 background: #ffffff;
 color: #000000;
 margin: 0px;
}

A {
 color: #747474;
 text-decoration: none;
}

A:hover {
 color: #888888;
 text-decoration: underline;
}

FORM {
display: inline;
}

TR.header {
 background: #ffffff;
}

TR.headerNavigation {
 background: #bbc3d3;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #bbc3d3;
 color: #ffffff;
 font-weight : bold;
}

A.headerNavigation { 
 color: #FFFFFF;
 font-size: 13px;  
 font-weight: bold;
 text-decoration: none;
}

A.headerNavigation:hover {
 color: #FFFFFF;
 font-size: 13px;  
 font-weight: bold;
 text-decoration: underline;
}

TR.headerError {
 background: #ff0000;
}

TD.headerError {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}

TR.headerInfo {
 background: #00ff00;
}

TD.headerInfo {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #00ff00;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
}

TR.footer {
 background: #bbc3d3;
}

TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #bbc3d3;
 color: #ffffff;
 font-weight: bold;
}

. {
 background: #D3D1D1;

}

.Contents {
 background: #FFFFFF;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.Notice {
 background: #FF8E90;
}

.NoticeContents {
 background: #FFE6E6;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.Heading {
 background-image:url(images//corner_center.gif); 
 font-family: Arial, Verdana, sans-serif;
 font-size: 18px;
 font-weight: normal;
 color: #000000;
 display: none;
}

TD., SPAN. {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #EDEAE7; 

}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 background: #EDEAE7;
}

TABLE.productListing {
 border: 0px;
 border-style: solid;
 border-color: #EDEAE7;

 border-spacing: 1px;

}

.productListing-heading {

border-left:1px solid #FFFFFF; 
border-right:1px solid #FFFFFF; 
border-top:0px solid #FFFFFF; 
border-bottom:3px solid #FFFFFF; 
text-align:center;


 color: #E97300;
 font-weight: bold;
 padding: 12px;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 text-transform:uppercase;
 font-size: 12px;
 background: #EDEAE7;
}

TD.productListing-data {
border-left:1px solid #FFFFFF; 
border-right:1px solid #FFFFFF; 
border-bottom:2px solid #FFFFFF; 
text-align:center;
vertical-align:top; 
padding:10 10 10 10;


 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 14px;
 color: #E97300;
}



A.pageResults {
 color: #747474;
}

A.pageResults:hover {
 color: #747474;
}

A.pageResults:visited {
 color: #747474;
}


TD.pageHeading, DIV.pageHeading {
font-size: 12px;
color: #373F2F;
font-weight: bold;

 text-decoration: none;
 height:47px;
 width: 100%;
 background-image:url(images/m99.gif);

 background-repeat: no-repeat;


 padding-bottom:0px;
 padding-left: 15px;

}

TR.subBar {
 background: #f4f7fd;
}

TD.subBar {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #000000;
}

TD.main, P.main {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 padding-left: 10px;
}

TD.accountCategory {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color: #aabbdd;
}

TD.fieldKey {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

TD.fieldValue {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

TD.tableHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.newItemInCart {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

TEXTAREA {
 width: 100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

SPAN.greetUser {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #f0a480;
 font-weight: bold;
}

TABLE.formArea {
 background: #f1f9fe;
 border-color: #7b9ebd;
 border-style: solid;
 border-width: 1px;
}

TD.formAreaTitle {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.markProductOutOfStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #c76170;
 font-weight: bold;
}

SPAN.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}


.pr_category{
 font-size: 13px;
color: #000000;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

.pr_name{
font-size: 12px;
color: #E97300;
text-decoration: none;
font-weight: bold;


}


.pr_price{
font-size: 14px;
color: #E97300;
font-weight: bold;


}

.pr_descr{
font-family: tahoma, verdana, arial;
font-size: 11px;
color: #464646;

}




.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
















body{
/* background-image:url(images/m01.gif); */
}

td{
font-family: tahoma,verdana,arial;
font-size: 11px;
color: #4C4C4C;
}

.bg{
background: #FFFFFF
}

.bg1{
background-image:url(images/m08.gif);
}

.bg2{
background-image:url(images/m16.gif);
background-repeat: no-repeat; 
}

.ch1{
font-size: 10px;
color: #2C2C2C;
font-weight: bold;
}

.ch2{
background: #E2FFB1;
border-left: #C6DDA4 2px solid; 
border-right: #C6DDA4 2px solid; 
}

.ch3{
padding-left: 11px;
}

.ch4{
padding-left: 11px
}

.ch5{
border-left: #E3E0DF 2px solid; 
border-right: #E3E0DF 2px solid; 
}

.ch6{
font-size: 11px;
color: #4C4C4C;
font-weight: bold;
}

.ch7{
font-size: 14px;
color: #E97300;
font-weight: bold;
}

.ch8{
font-size: 11px;
color: #B2F053;
}

.ch9{
padding-left: 14px;
}

.ch10{
font-size: 11px;
color: #254900;
text-decoration: none;
}

.ch11{
background: #cc4040;
border-top: #8d4040 2px solid; 
border-bottom: #8d4040 2px solid; 
}

.ch12{
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}

.ch13{
font-size: 13px;
color: #202020;
font-weight: bold;
}

.ch14{
font-size: 12px;
color: #202020;
font-weight: bold;
}

.ch15{
font-size: 11px;
color: #363636;
}

.ch16{
font-size: 11px;
color: #FFFFFF;
}

.ml1{
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

 .ml1_2{
font-size: 11px;
color:#666666;
text-decoration: none;
font-weight: bold;
}

.ml2{
font-size: 11px;
color:#FFFFFF;
text-decoration: none;
font-weight: bold;
}

.ml3{
font-size: 12px;
color: #E97300;
text-decoration: none;
font-weight: bold;
}

.ml4{
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}

.ml5{
font-size: 11px;
color: #E97300;
text-decoration: none;
}

.ml6{
font-size: 11px;
color: #363636;
text-decoration: none;
}



.se{			
width: 90px;
font-size: 9px;
color: #6B6B6B
}

.se2{			
border: #606060 1px solid;
width: 101px;
font-size: 9px;
color: #6B6B6B
}




.image_border{
 border:1px solid #807F7F; 
}

.cart_border{
 border:2px solid #E3E0DF; 
}



ul, ol, dl {
position: relative;  
}

.hide {
display:none;
}

#categories {
margin: 0;
padding: 0;
}

#categories dt {
font-size: 95%;
padding: 3px;
border: 1px solid #333333;
background:  url(images//bg_cat.gif) repeat-x bottom left;
}

#categories dd {
margin: 2px;
padding: 2px 0 2px 14px;
font-size: 85%;
border: 1px solid #eeeeee;
background: url(images/icons/bullet_cat.gif) no-repeat 3px 50%;
}

#categories a.selected {
font-weight: bold;
}

 

and the line: include(DIR_WS_BOXES . 'categories_css.php'); is included in the header file.

 

Thanks.

Link to comment
Share on other sites

  • Replies 250
  • Created
  • Last Reply

Top Posters In This Topic

Sound like you need to edit the css in 'categories_css.php' then

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Sound like you need to edit the css in 'categories_css.php' then

 

here is the CSS from Categories_css.php

 

I really can't find the parameters that needs to be modified.

 

 

 

<style type="text/css">

/*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: #eee;
}

/*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: #ddd;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li a{ 
background-color: #bbb;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li ul li a{ 
background-color: #aaa;
}

/* 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;
}

.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: #ddd;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul .subfolderstyle {
background-color: #bbb;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul li ul .subfolderstyle {
background-color: #aaa;
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

</style>

 

Thanks again.

Link to comment
Share on other sites

/* 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;

}

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

/* 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;

}

 

sorry but by modifying

 

padding: 1px 5px;

border: 1px solid #ccc;

 

I can just make the border aroud the every option to dissapear.

 

The entire white border is still there :(

Link to comment
Share on other sites

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

 

Indeed I don't have too much experience in HTML, PHP, CSS, etc...

 

I just know just a little bit of everything.

 

I searched a lot before posting here, I tried many solutions in my CSS files, but I was not able to find any.

 

That's why I wrote here.

 

A link to w3schools does not help me too much in this situation.

 

Thanks anyway for your help.

Regards.

Link to comment
Share on other sites

Indeed I don't have too much experience in HTML, PHP, CSS, etc...

 

I just know just a little bit of everything.

 

I searched a lot before posting here, I tried many solutions in my CSS files, but I was not able to find any.

 

That's why I wrote here.

 

A link to w3schools does not help me too much in this situation.

 

Thanks anyway for your help.

Regards.

 

 

So your argument is its better to get someone to tell you your answer every time as your to lazy to learn?

 

I linked to w3c as your answer is there, you just have to find it, so search there.

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

So your argument is its better to get someone to tell you your answer every time as your to lazy to learn?

 

I linked to w3c as your answer is there, you just have to find it, so search there.

 

I'm willing to learn and I solved many of my problems searching in tutorials, examples, etc.

 

But now I'm simple stuck and I have not a clue from where appears that border.

 

I don't need someone telling me to learn. I know that I have to learn. But when I can't do something I search - If I still can't find the solution -> I ask peoples willing to help.

Link to comment
Share on other sites

Hi,

 

Does anyone know how to make the CSS Menu to display all the subcategories, currently expandable until the user clicks one of them, or until the user moves the mouse over another category?

 

For example:

 

I have:

 

Category1 -> Sub-Category1, Sub-Category2, Sub-Category3

Category2 -> Sub-Category

 

When I click on Category1 - the Sub-Categories are shown. I what those subcategories to stay displayed until the user clicks one of the them, or until he clicks Category2.

 

When having many sub-sub-subcategories, a simple wrong mouse move, colapses all the menu -> and the user must expand all from the begining.

 

Does anyone know what should I do?

 

Many thanks.

Link to comment
Share on other sites

  • 4 weeks later...

Hi All,

 

Trying to add this cont to my page, and it's works fine, but have faced the problem when there is a lot of products displayed they goes out of the screen.

In this forum this question have been asked two time without any replies. firs one you can find at very beginning.

 

all I want is that SubCategories and Products to be shown underneath of main Category and stayed displayed until user clicks on another category.

If some one have the solution or another contribution that does this or can be modified to do it, please reply.

 

Also, the solution for the previous Post will suit as well.

 

regards

Kos.

Link to comment
Share on other sites

  • 2 weeks later...

Hi everyone,

 

Background:

 

I'm using toyicebear's Modern Template for RC2a (contrib: http://addons.oscommerce.com/info/6094 support thread: http://www.oscommerce.com/forums/index.php?showtopic=309562). This is a great template and I encourage everyone to check it out.

 

toyicebear has included the CSS Menu in his template.

 

However, I've encountered a problem with CSS Menu and toyicebear has directed me to this topic to see if anyone knows what's happening.

 

Versions:

 

I did a file comparison and it appears he has used v0.4 of CSS Menu.

I've installed the the template on OSC RC2a

 

The problem is:

 

When
includeProducts
is set to
true
the
product links DO NOT contain session IDs
.

The category links DO contain session IDs, but not the product links. I don't think I need to explain why this is a problem.

 

So, my questions are:

 

  • Is this a unique problem (possibly only occurring with toyicebear's template) or have other people encountered this with other installations?
  • Can anyone suggest how I could modify the product link building function to include the session IDs?

I think the relevant part of the link building function (function PrintProducts) is this (line 210 in v0.4) :

 

$returnval .= "<li><a href='".$product_path.$products['products_id']."'>".$product['products_name']."</a></li>\n";

 

Thanks very much in advance to anyone who can shed light on this.

Jade

Link to comment
Share on other sites

  • 2 weeks later...

U have a quick question and i TRIED to search thing thread, but i couldnt find it.. i only found "comment out new infoboxHeader" but that hasnt workd with the code i have/

 

I am just trying to add an image to the header. I can NOT figure it out!

A great place for newbies to start

Road Map to oscommerce File Structure

DO NOT PM ME FOR HELP. My time is valuable, unless i ask you to PM me, please dont. You will get better help if you post publicly. I am not as good at this as you think anyways!

 

HOWEVER, you can visit my blog (go to my profile to see it) and post a question there, i will find time to get back and answer you

 

Proud Memeber of the CODE BREAKERS CLUB!!

Link to comment
Share on other sites

i'm sorry. i figured it out.. I missed a line to comment out. it should look like this:

 

Copy of EXACT code in order to have an image in your infobox header:

<?php
/*
 $Id: categories.php,v 1.25 2003/07/09 01:13:58 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License
*/
?>
<?
// cssMenu - Begin of configuration //

$cssMenuConfig = array();
$cssMenuConfig['ShowEmptyCategories'] = true;	 // Should CSS Menu show empty categories? true / false;
$cssMenuConfig['includeProducts']	 = false;	 // Should CSSMenu show products
$cssMenuConfig['maxProductsInMenu']   = 8;		  // Maximum number of products to show in a menu ( stops massive menus being created )
$cssMenuConfig['moreText']			= "More...."; // Maximum number of products to show in a menu ( stops massive menus being created )

// cssMenu - End of configuration //
?>
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 120px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
font-family: arial;
font-size: 11px;
}

.suckerdiv ul li{
position: relative;
background-color: #eee;
}

/*1st level sub menu style */
.suckerdiv ul li ul{
left: 119px; /* 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: #ddd;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li a{ 
background-color: #bbb;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li ul li a{ 
background-color: #aaa;
}

/* 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;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: #ffffff;
color: black;
text-decoration: none;
}

.suckerdiv ul li ul li a:hover{
background-color: #ffffff;
color: black;
text-decoration: none;
}

.suckerdiv ul li ul li ul li a:hover{
background-color: #ffffff;
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: #ddd;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul .subfolderstyle {
background-color: #bbb;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul li ul .subfolderstyle {
background-color: #aaa;
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

</style>

<script type="text/javascript">

//SuckerTree Vertical Menu (Aug 4th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
 var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
 }
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)

</script>
<?


 function PrintProducts( $category_id, $categories_string , $includeul, $languageID)
 {
   global $cssMenuConfig;

   $product_path="product_info.php?cPath=".$category_id."&products_id=";
   $products_query = tep_db_query("select pc.products_id, pc.categories_id from products_to_categories pc, products p where pc.categories_id = " . $category_id . " and p.products_id = pc.products_id and products_status=1 order by products_price");

   $productsDisplay=mysql_num_rows( $products_query );
   $addMore= false;

   if ( $includeul  && $productsDisplay > 0 ) { 
	 $returnval .= "<ul>";

   }

   if ( $productsDisplay > $cssMenuConfig['maxProductsInMenu'] ) { 
	$productsDisplay=$cssMenuConfig['maxProductsInMenu'];
	$addMore= true;
   }

   $count_string = '';

	if (SHOW_COUNTS == 'true') {
	  if ($totalitemsincategory > 0) {
		$count_string = ' (' . $totalitemsincategory . ')';
	  }
	}

   $i=0;
   while ($i < $productsDisplay) {
	 $products = tep_db_fetch_array($products_query);
	 $product_query = tep_db_query("select products_name from products_description where products_id = " . $products['products_id'] . " AND language_id = ".$languageID );
	 $product = tep_db_fetch_array($product_query);
	 $returnval .= "<li><a href='".$product_path.$products['products_id']."'>".$product['products_name']."</a></li>\n";
	 $i++;
   }

	if ( $addMore ) {
	 $returnval .= "<li><a href='".$categories_string."'>".$cssMenuConfig['moreText']."</a></li>\n";
	}

	if ( $productsDisplay > 0 || !$includeul ) {
	$returnval .= "</ul>";
	}

	return $returnval;
 }

 function PrintSubMenus( $parentID, $languageID, $start_path ){

  global $cssMenuConfig;

  $returnval = '';
  if (($start_path == '') && ($parentID > 0)) {
	$start_path = $parentID;
  } else {
	if ($parentID > 0) $start_path .= "_" . $parentID;
  }
  if ($parentID != 0) {
	$returnval .= "<ul>";
  } else {
	$returnval .= "<div class='suckerdiv'>";
	$returnval .= "<ul id='suckertree1'>";
  }
  $categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '".$parentID."' and c.categories_id = cd.categories_id and cd.language_id='" . (int)$languageID ."' order by sort_order, cd.categories_name");
  while ($categories = tep_db_fetch_array($categories_query))  {
	if ($start_path == "") {
	  $grouppath = $categories['categories_id'];
	} else {
	  $grouppath = $start_path . "_" . $categories['categories_id'];
	}
	$cPath_new = 'cPath=' . $grouppath;
	$categories_string = tep_href_link(FILENAME_DEFAULT, $cPath_new);
	$totalitemsincategory = tep_count_products_in_category($categories['categories_id']);

	$count_string = '';

	if ((SHOW_COUNTS == 'true') && ($totalitemsincategory > 0) ){
		$count_string = ' (' . $totalitemsincategory . ')';
	}

	if (cssMenu_ShowCategory($cssMenuConfig['ShowEmptyCategories'], $totalitemsincategory)) {
		$returnval .= "<li><a href='".$categories_string."'>".$categories['categories_name'].$count_string."</a>\n";
	}
	if ( tep_has_category_subcategories($categories['categories_id'] ) ) {
	   $returnval .= PrintSubMenus( $categories['categories_id'], $languageID, $start_path );
	   if ( $cssMenuConfig['includeProducts'] ) {
		  $returnval .= PrintProducts($categories['categories_id'],$categories_string, false, $languageID);
	   }
	} else { 
	   if ( $cssMenuConfig['includeProducts'] ) {
		  $returnval .= PrintProducts($categories['categories_id'],$categories_string, true, $languageID);
	   }
	}
	if (cssMenu_ShowCategory($cssMenuConfig['ShowEmptyCategories'], $totalitemsincategory)) {
	   $returnval .= "</li>";
	}
  }
  if ( !$cssMenuConfig['includeProducts'] ) {
	$returnval .= "</ul>";
  }
  if ($parentID == 0) $returnval .= "</div>";
  return $returnval;
 }

 function cssMenu_ShowCategory( $switch, $products) {
  if ( $switch == 1 ) {
	 return true;
  } else {
	if ($products > 0) {
	   return true;
	} else {
	   return false;
	}
  }
 }
?>
<!-- categories //-->
<tr>
 <td>
<table width="144" border="0" cellspacing="0" cellpadding="1" class="infoboxborder">
  <tr>
	<td>		  <table width=100% border=0 cellpadding=0 cellspacing=0 class="infoBoxContents">
		<tr>
		  <td colspan=3 width="100%"> <img src="images/boxes/table_categories.gif"></td>
		</tr>
		<tr>
		  <td width="100%"> 
<?php
 $info_box_contents = array();
//  $info_box_contents[] = array('text' => BOX_HEADING_CATEGORIES);

//  new infoBoxHeading($info_box_contents, true, false);

 $info_box_contents = array();
 $info_box_contents[] = array('text' => PrintSubMenus( 0, $languages_id, '' ));

 new infoBox($info_box_contents);

?>
		  </td>
		</tr>
	  </table>
	</td>
  </tr>
</table>	
 </td>
</tr>

<!-- MenuConfigategories_eof //-->

A great place for newbies to start

Road Map to oscommerce File Structure

DO NOT PM ME FOR HELP. My time is valuable, unless i ask you to PM me, please dont. You will get better help if you post publicly. I am not as good at this as you think anyways!

 

HOWEVER, you can visit my blog (go to my profile to see it) and post a question there, i will find time to get back and answer you

 

Proud Memeber of the CODE BREAKERS CLUB!!

Link to comment
Share on other sites

  • 4 weeks later...

Sorry for my english.

 

A)

 

I use the CSS dinamyc menu.It,s work very well but how i can put on the top of menu and not only there,only a title_

like this:

 

1) MENUS = only words,not link

and after category links like..

Horizontal CSS Menus

Vertical CSS Menus

Image CSS

Form CSS

..........

 

2) CSS Layouts only words,not link

and after category links like..

CSS Left Frame Layout

CSS Right Frame Layout

CSS Top Frame Layout

.........

 

B) How can i make when i clik on category,the category wich is clik change the color and stay in red color for exemple.

 

Can anybody help me pls?

Link to comment
Share on other sites

  • 1 month later...
  • 2 weeks later...

I have seen this EXACTL question asked about 4 times on this thread and not one person has even tried to answer, so i figured i might ask again in hopes that someone can answer it this time..

 

I am basically looking to have this menu ONLY show but to the first subcategory.. I do not want any other sub-category after the first level subcategory to show.. Is there a way to do this??

A great place for newbies to start

Road Map to oscommerce File Structure

DO NOT PM ME FOR HELP. My time is valuable, unless i ask you to PM me, please dont. You will get better help if you post publicly. I am not as good at this as you think anyways!

 

HOWEVER, you can visit my blog (go to my profile to see it) and post a question there, i will find time to get back and answer you

 

Proud Memeber of the CODE BREAKERS CLUB!!

Link to comment
Share on other sites

ANYONE?? Seriously?!

A great place for newbies to start

Road Map to oscommerce File Structure

DO NOT PM ME FOR HELP. My time is valuable, unless i ask you to PM me, please dont. You will get better help if you post publicly. I am not as good at this as you think anyways!

 

HOWEVER, you can visit my blog (go to my profile to see it) and post a question there, i will find time to get back and answer you

 

Proud Memeber of the CODE BREAKERS CLUB!!

Link to comment
Share on other sites

ANYONE?? is anyone supporting this? or does anyone have the skill to figure this out?

A great place for newbies to start

Road Map to oscommerce File Structure

DO NOT PM ME FOR HELP. My time is valuable, unless i ask you to PM me, please dont. You will get better help if you post publicly. I am not as good at this as you think anyways!

 

HOWEVER, you can visit my blog (go to my profile to see it) and post a question there, i will find time to get back and answer you

 

Proud Memeber of the CODE BREAKERS CLUB!!

Link to comment
Share on other sites

Hello,

 

sorry, my english es bad ...

 

Your contribution es very nice an i try install it, but not run.

 

First install 1st version of 6 oct 2006 but not run.

 

After install last version of CSS menu but not run yet.

 

I follow all steps in the "installation_notes_0.4.1.txt".

 

Run in IIS PHP and oscommerce-2.2rc2a.

 

The error is:

 

0 ) { $returnval .= "

 

* "; } if ( $productsDisplay > $cssMenuConfig['maxProductsInMenu'] ) { $productsDisplay=$cssMenuConfig['maxProductsInMenu']; $addMore= true; } $count_string = ''; if (SHOW_COUNTS == 'true') { if ($totalitemsincategory > 0) { $count_string = ' (' . $totalitemsincategory . ')'; } } $i=0; while ($i < $productsDisplay) { $products = tep_db_fetch_array($products_query); $product_query = tep_db_query("select products_name from products_description where products_id = " . $products['products_id'] . " AND language_id = ".$languageID ); $product = tep_db_fetch_array($product_query); $returnval .= "".$product['products_name']."

* \n"; $i++; } if ( $addMore ) { $returnval .= "".$cssMenuConfig['moreText']."

\n"; } if ( $productsDisplay > 0 || !$includeul ) { $returnval .= "

 

"; } return $returnval; } function PrintSubMenus( $parentID, $languageID, $start_path ){ global $cssMenuConfig, $categories_subs, $categories_start; $returnval = ''; if (($start_path == '') && ($parentID > 0)) { $start_path = $parentID; } else { if ($parentID > 0) $start_path .= "_" . $parentID; } if ($parentID != 0) { $returnval .= "

 

"; } else { $returnval .= "

"; $returnval .= "

o "; } // $categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '".$parentID."' and c.categories_id = cd.categories_id and cd.language_id='" . (int)$languageID ."' order by sort_order, cd.categories_name"); $cat_subs = array(); foreach($categories_start as $key => $value) { if(strstr($key, '_' . $parentID . '_E')) { $cat_subs[$parentID][] = substr($key, 2, strpos($key, "_", 2) - 2); } } // if (!isset($_GET['cPath'])) { foreach ($cat_subs[$parentID] as $v) { //$categories = tep_db_fetch_array($categories_query) $categories = $categories_start['S_' . $v . '_' . $parentID . '_E']; if ($start_path == "") { $grouppath = $categories['categories_id']; } else { $grouppath = $start_path . "_" . $categories['categories_id']; } $cPath_new = 'cPath=' . $grouppath; $categories_string = tep_href_link(FILENAME_DEFAULT, $cPath_new); $totalitemsincategory = tep_count_products_in_category($categories['categories_id']); $count_string = ''; if ((SHOW_COUNTS == 'true') && ($totalitemsincategory > 0) ){ $count_string = ' (' . $totalitemsincategory . ')'; } if (cssMenu_ShowCategory($cssMenuConfig['ShowEmptyCategories'], $totalitemsincategory)) { $returnval .= "".$categories['categories_name'].$count_string."\n"; } if (array_key_exists($categories['categories_id'], $categories_subs)) { //tep_has_category_subcategories($categories['categories_id']) $returnval .= PrintSubMenus( $categories['categories_id'], $languageID, $start_path ); if ( $cssMenuConfig['includeProducts'] ) { $returnval .= PrintProducts($categories['categories_id'],$categories_string, false, $languageID); } } else { if ( $cssMenuConfig['includeProducts'] ) { $returnval .= PrintProducts($categories['categories_id'],$categories_string, true, $languageID); } } if (cssMenu_ShowCategory($cssMenuConfig['ShowEmptyCategories'], $totalitemsincategory)) { $returnval .= "

"; } } // } if ( !$cssMenuConfig['includeProducts'] ) { $returnval .= ""; } if ($parentID == 0) $returnval .= "

"; return $returnval; } function cssMenu_ShowCategory( $switch, $products) { if ( $switch == 1 ) { return true; } else { if ($products > 0) { return true; } else { return false; } } } ?>

 

Categorias

PHP Fatal error: Call to undefined function PrintSubMenus() in C:\Inetpub\wwwroot\catalog_menu\includes\boxes\categories_css.php on line 318

Link to comment
Share on other sites

The error is:

 

0 ) { $returnval .= "

 

* "; } if ( $productsDisplay > $cssMenuConfig['maxProductsInMenu'] ) { $productsDisplay=$cssMenuConfig['maxProductsInMenu']; $addMore= true; } $count_string = ''; if (SHOW_COUNTS == 'true') { if ($totalitemsincategory > 0) { $count_string = ' (' . $totalitemsincategory . ')'; } } $i=0; while ($i <

 

...

 

PHP Fatal error: Call to undefined function PrintSubMenus() in C:\Inetpub\wwwroot\catalog_menu\includes\boxes\categories_css.php on line 318

I've got the same problem when I run it under php5, on php4 everything works fine, but my knowledge of php is few

 

Anyone know how to solve this problem under this great contrib ?

Link to comment
Share on other sites

This error corrected to:

 

1. uninstall php 5

2. install XAMPP

 

then run ok.

 

Hello,

 

sorry, my english es bad ...

 

Your contribution es very nice an i try install it, but not run.

 

First install 1st version of 6 oct 2006 but not run.

 

After install last version of CSS menu but not run yet.

 

I follow all steps in the "installation_notes_0.4.1.txt".

 

Run in IIS PHP and oscommerce-2.2rc2a.

 

The error is:

 

0 ) { $returnval .= "

 

* "; } if ( $productsDisplay > $cssMenuConfig['maxProductsInMenu'] ) { $productsDisplay=$cssMenuConfig['maxProductsInMenu']; $addMore= true; } $count_string = ''; if (SHOW_COUNTS == 'true') { if ($totalitemsincategory > 0) { $count_string = ' (' . $totalitemsincategory . ')'; } } $i=0; while ($i < $productsDisplay) { $products = tep_db_fetch_array($products_query); $product_query = tep_db_query("select products_name from products_description where products_id = " . $products['products_id'] . " AND language_id = ".$languageID ); $product = tep_db_fetch_array($product_query); $returnval .= "".$product['products_name']."

* \n"; $i++; } if ( $addMore ) { $returnval .= "".$cssMenuConfig['moreText']."

\n"; } if ( $productsDisplay > 0 || !$includeul ) { $returnval .= "

 

"; } return $returnval; } function PrintSubMenus( $parentID, $languageID, $start_path ){ global $cssMenuConfig, $categories_subs, $categories_start; $returnval = ''; if (($start_path == '') && ($parentID > 0)) { $start_path = $parentID; } else { if ($parentID > 0) $start_path .= "_" . $parentID; } if ($parentID != 0) { $returnval .= "

 

"; } else { $returnval .= "

"; $returnval .= "

o "; } // $categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '".$parentID."' and c.categories_id = cd.categories_id and cd.language_id='" . (int)$languageID ."' order by sort_order, cd.categories_name"); $cat_subs = array(); foreach($categories_start as $key => $value) { if(strstr($key, '_' . $parentID . '_E')) { $cat_subs[$parentID][] = substr($key, 2, strpos($key, "_", 2) - 2); } } // if (!isset($_GET['cPath'])) { foreach ($cat_subs[$parentID] as $v) { //$categories = tep_db_fetch_array($categories_query) $categories = $categories_start['S_' . $v . '_' . $parentID . '_E']; if ($start_path == "") { $grouppath = $categories['categories_id']; } else { $grouppath = $start_path . "_" . $categories['categories_id']; } $cPath_new = 'cPath=' . $grouppath; $categories_string = tep_href_link(FILENAME_DEFAULT, $cPath_new); $totalitemsincategory = tep_count_products_in_category($categories['categories_id']); $count_string = ''; if ((SHOW_COUNTS == 'true') && ($totalitemsincategory > 0) ){ $count_string = ' (' . $totalitemsincategory . ')'; } if (cssMenu_ShowCategory($cssMenuConfig['ShowEmptyCategories'], $totalitemsincategory)) { $returnval .= "".$categories['categories_name'].$count_string."\n"; } if (array_key_exists($categories['categories_id'], $categories_subs)) { //tep_has_category_subcategories($categories['categories_id']) $returnval .= PrintSubMenus( $categories['categories_id'], $languageID, $start_path ); if ( $cssMenuConfig['includeProducts'] ) { $returnval .= PrintProducts($categories['categories_id'],$categories_string, false, $languageID); } } else { if ( $cssMenuConfig['includeProducts'] ) { $returnval .= PrintProducts($categories['categories_id'],$categories_string, true, $languageID); } } if (cssMenu_ShowCategory($cssMenuConfig['ShowEmptyCategories'], $totalitemsincategory)) { $returnval .= "

"; } } // } if ( !$cssMenuConfig['includeProducts'] ) { $returnval .= ""; } if ($parentID == 0) $returnval .= "

"; return $returnval; } function cssMenu_ShowCategory( $switch, $products) { if ( $switch == 1 ) { return true; } else { if ($products > 0) { return true; } else { return false; } } } ?>

 

Categorias

PHP Fatal error: Call to undefined function PrintSubMenus() in C:\Inetpub\wwwroot\catalog_menu\includes\boxes\categories_css.php on line 318

Link to comment
Share on other sites

  • 2 weeks later...

Can anyone explain why this menu and Dynamenu don't work in Google Chrome and Safari? I've tried everything on the coding side to no effect.

 

Thanks for an otherwise great contribution.

 

Mark

Link to comment
Share on other sites

Does anyone know how to change the script so that it generates the links required for the categories with https rather than just http...

 

Its getting quite annoying when i enter the site and i have to click yes or no due to the allow unsecure items.

 

Cheers

Link to comment
Share on other sites

  • 3 months later...

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