trouble adding image to my category txt navigation menu

mmoskva · #1 10-31-2005, 07:06 AM

I wanna add an image to the right the category names; I know that categories area added in the admin and dont know how you add images with the listed txt?

what i want the category image to look like:
http://www.michaelmoskva.com/categbuttons.htm

my current site:
http://www.michaelmoskva.com/xcart/home.php

balinor · #2 10-31-2005, 08:38 AM

You can't add them via admin, you would need to edit categories.tpl in order to add images like that.

mmoskva · #3 10-31-2005, 09:07 AM

I inserted the image directory but now my categort navigation is really screwed up now.
The links dont work and the images and txt buttons arent aligned to the left link is was coded in the tpl file. dont know what to do. here is my code if you can take a look at it and help me out.

categories.tpl

Code:

{* $Id: categories.tpl,v 1.23 2004/06/24 09:53:29 max Exp $ *}
{capture name=menu}
{if $active_modules.Fancy_Categories ne ""}
{include file="`$fancycategories_config.modules_path`/fancy_categories.tpl"}
{else}
{if $config.General.root_categories eq "Y"}
{section name=cat_num loop=$categories}
<FONT class="CategoriesList"></FONT>[img]{$ImagesDir}/arrow.gif[/img]{$categories[cat_num].category}</A></FONT>

{/section}
{else} {section name=cat_num loop=$subcategories}
<FONT class="CategoriesList">{$subcategories[cat_num].category}</FONT>

{/section}
{/if}
{/if}
{/capture}
{ include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu }

balinor · #4 10-31-2005, 09:11 AM

You somehow deleted the closing > of the image tag and the starting < of the link tag. That is what is causing your issue.

mmoskva · #5 10-31-2005, 09:23 AM

1. The column doesn't wanna left align together
2. and I also cant understand why some of the txt links have an underline hover state and others don't

what should i do?

categories.tpl changed code:

Code:

{* $Id: categories.tpl,v 1.23 2004/06/24 09:53:29 max Exp $ *}
{capture name=menu}
{if $active_modules.Fancy_Categories ne ""}
{include file="`$fancycategories_config.modules_path`/fancy_categories.tpl"}
{else}
{if $config.General.root_categories eq "Y"}
{section name=cat_num loop=$categories}
<FONT class="CategoriesList"></FONT>[img]{$ImagesDir}/arrow.gif[/img] {$categories[cat_num].category}></FONT>

{/section}
{else} {section name=cat_num loop=$subcategories}
<FONT class="CategoriesList">{$subcategories[cat_num].category}</FONT>

{/section}
{/if}
{/if}
{/capture}
{ include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu }

also, thanks for your help

mmoskva · #6 10-31-2005, 09:31 AM

also why do i have ">" at the end of my txt links?

ex: CD - DVD - Video>

balinor · #7 10-31-2005, 09:40 AM

You now have an extra > in there after your closing </a> tag. Need to be real careful with the code.

mmoskva · #8 10-31-2005, 09:47 AM

the categories though, they don't want to align together, can you help me fix that?

Here is my link to view it:
http://www.michaelmoskva.com/xcart/home.php

categories.tpl code

Code:

{* $Id: categories.tpl,v 1.23 2004/06/24 09:53:29 max Exp $ *}
{capture name=menu}
{if $active_modules.Fancy_Categories ne ""}
{include file="`$fancycategories_config.modules_path`/fancy_categories.tpl"}
{else}
{if $config.General.root_categories eq "Y"}
{section name=cat_num loop=$categories}
<FONT class="CategoriesList"></FONT>[img]{$ImagesDir}/arrow.gif[/img] {$categories[cat_num].category}</FONT>

{/section}
{else} {section name=cat_num loop=$subcategories}
<FONT class="CategoriesList">{$subcategories[cat_num].category}</FONT>

{/section}
{/if}
{/if}
{/capture}
{ include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu }

balinor · #9 10-31-2005, 09:48 AM

Probably because of the image size. Try adding an additional
tag after the closing one.

mmoskva · #10 10-31-2005, 10:29 AM

my category txt navigation only hovers when i scroll over the txt with my mouse.

becuase my items are in a menu is it possible that when the menu is scrolled on, my navigation will show the hover state depending on what area was scroled with the mouse? see my link.

http://www.michaelmoskva.com/categorynavigation.htm

can you give me directions on how to do this?