X-Cart forums - funkycategories

X-Cart forums (https://forum.x-cart.com/index.php)

- Dev Questions (https://forum.x-cart.com/forumdisplay.php?f=20)

- - funkycategories (https://forum.x-cart.com/showthread.php?t=9668)

Quote:

It would be interesting to know how to make the menu display horizontal.

here you go...

Code:

{literal} 

<script language="JavaScript1.2"> 

function changeLoc(address){ 

  window.location.href = address; 

} 



function onOver(td){ 

  if(document.getElementById||(document.all && !(document.getElementById))){ 

    td.style.backgroundColor="#009966"; 

    td.style.cursor="hand"; 

  } 

} 



function onOut(td){ 

  if(document.getElementById||(document.all && !(document.getElementById))){ 

    td.style.backgroundColor="#006633"; 

  } 

} 

</script> 

{/literal} 



<table width="100%" border="0" cellpadding="0" cellspacing="0"> 

  <tr> 

    <td class="funkycatsep"></td> 

  </tr> 

</table> 



{if $config.General.root_categories eq "Y"} 

<table width="100%" border="0" cellpadding="0" cellspacing="0"> 

  <tr> 

    <td width="1" class="funkycatsep">[img]{$ImagesDir}/null.gif[/img]</td>

{section name=cat_num loop=$categories}

    <td class="funkycat" onMouseOver="onOver(this);" onMouseOut="onOut(this);" onClick="changeLoc('home.php?cat={$categories[cat_num].categoryid}');"><font color="#FFFF00">&raquo;</font>{$categories[cat_num].category}</td> 

    <td width="1" class="funkycatsep">[img]{$ImagesDir}/null.gif[/img]</td> 

{/section}

    <td width="1" class="funkycatsep">[img]{$ImagesDir}/null.gif[/img]</td>

  </tr> 

</table> 



<table width="100%" border="0" cellpadding="0" cellspacing="0"> 

  <tr> 

    <td class="funkycatsep"></td> 

  </tr> 

</table> 



{else} 



<table width="100%" border="0" cellpadding="0" cellspacing="0"> 

  <tr> 

    <td width="1" class="funkycatsep">[img]{$ImagesDir}/null.gif[/img]</td> 

{section name=cat_num loop=$subcategories}

    <td class="funkycat" onMouseOver="onOver(this);" onMouseOut="onOut(this);" onClick="changeLoc('home.php?cat={$subcategories[cat_num].categoryid}');"><font color="#FFFF00">&raquo;</font>{$subcategories[cat_num].category}</td> 

    <td width="1" class="funkycatsep">[img]{$ImagesDir}/null.gif[/img]</td> 

{/section}

    <td width="1" class="funkycatsep">[img]{$ImagesDir}/null.gif[/img]</td>

  </tr> 

</table> 



<table width="100%" border="0" cellpadding="0" cellspacing="0"> 

  <tr> 

    <td class="funkycatsep"></td> 

  </tr> 

</table>



{/if}

Funkydunk is going to sue you! :wink:

Looking good.

We have our categories box working where it displays subcategories below the main, when a main category is selected.
The only problem I have found is I can not get this to work with that...

It just screws up the subcategory that displays once selected.

Otherwise this definately imprvies the look of XC.

Great Mod...thanks for sharing!!

Have one question...easy thing but I'm inexperienced with Java coding. How would I make my font go dark when 'function onOver(td)'
I tried...

Code:

} 

function onOver(td){ 

  if(document.getElementById||(document.all && !(document.getElementById))){ 

    td.style.backgroundColor="#FFE8FF"; 

    td.style.cursor="hand";

    td.style.fontColor="#000000";

  } 

}

but it didnt work...any ideas? Thanks

Greetings PhilJ

Mucho Respecto for your speedy reply,

I am unclear where to paste the code, you so generously posted. In truth; I wouldn't know where to start. Could you post some very brief instructions.

Hello,

Does anyone know how to make it so that when you click on the "Category" name it doesn't show the "subcategories.tpl" page? Instead I'd just like the user to stay on whatever page they're on but see the subcategories menu fold down.

Is this possible?

Thanks,
Jennifer

Hi Jennifer

Are you using Fancy Categories? I think that's what you're saying... If it's not, I am :D

I'm using Funky Categories with Fancy Categories. By the way, Funky Categories is an AWESOME mod!! Works great!!

I'd like to know how to expand the fancy categories category when you click on a Funky Category link.

Larry

Thank you for sharing this. I have a question. How do you get the sub-categories to display under the parent category in the menu? Like this one:
http://www.redleader.biz/xcart/home.php

Mine does not do that.
http://www.screentechstore.com/xcart/home.php

Thank You for a really nice mod and so easy too. :D

P.S. Edit to above post:
It looks like to get the subcategories to "drop" down below the main categorie you MUST have Fancy Categories installed. This is an add on that can be purchased from X-cart for 27.95

So disregard my question.

Quote:

Originally Posted by marian

That's done using Fancy Categories. It's the Icons template with Java turned off.

You can get Fancy Categories from http://www.x-cart.com/fancy_categories.html

It's worth the pennies...

Still back to my original question...

Is there anyway to expand the fancy categories link when another link is clicked.

For example, go to http://www.redleader.biz/xcart/home.php

You'll see the "tabs" at the top of the page. Those are his categories. I want the drop downs on the left to expand the category when the tab up top is clicked.

Thanks

Larry