Jump to content
Sign in to follow this  
fear4me

CSS Menu

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
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.

Share this post


Link to post
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.

Share this post


Link to post
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 :(

Share this post


Link to post
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.

Share this post


Link to post
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.

Share this post


Link to post
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.

Share this post


Link to post
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.

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Hi everyone,

 

Background:

 

I'm using toyicebear's Modern Template for RC2a (contrib: http://addons.oscommerce.com/info/6094 support thread: http://forums.oscommerce.com/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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
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!!

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
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!!

Share this post


Link to post
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!!

Share this post


Link to post
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

Share this post


Link to post
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 ?

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

I installed the ADD-ON, and I think IT is a great CONTRIBUTION.

 

BUT I want to konw how to cancel the border and header of the CATAGORIES BOX?

 

THANKS

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×