Product categories

[Odin]

im having trouble editing the Product Category menu bar.
The theme has it set in plain text.
I tried editing content file with notepad but if i change the font and load up the page the product links are gone.

I think this is the code to change from theme 120

<td><font size="2"><#SelectedFont><#VertCat></font></td>

Any ideas how to change the text so it stands out a bit more or better have each category and image link?

[bcarroll]

Try this...

<td><font size="2">< b><#VertCat></b ></font></td>

[Odin]

thanx heaps, it now worked. I was removing the code <#VertCat> which is why i was loosing the links. leaving that there and changing the font size and adding <b> chanaged the link size and made it bold.

[dferguson]

Many customers remove the <#VertCat> and put in their own flash links or other navigation system.

The only downside to this is that the navigation links you create will not update by themselves if you add a new parent category into ezimerchant Pro. You would have to revisit the theme and update it manually if this were the case.

V4.0 however will have professional looking JavaScript menus to replace the ageing text navigation. The JavaScript navigation will allow FULL control of the font, style, colour, background, border and settings - ALL from within the easy to use ezimerchant Pro interface!

[bcarroll]

How "blind" friendly will the new navigation system be - I know it sounds strange but I actually have some customers (who I recently met in Germany face to face if you like) who are 90% blind (and yes they still collect model cars...) They tell me that my site is the only Model Car site they can sucessfully navigate with their brail pc.

[dferguson]

Im not really sure - will see what I can find out!

[fusion]

Hi There

I'm trying to re-create the following design by customising the templates.

http://www.bonneyskishop.com.au/0228_website_template4.jpg

I'm used to dealing with Cold Fusion so this is pretty straight forward, however I can seem to find a way to edit the way the text menu is displayed for the product categories. Is there anyway of getting 'inside' the "<#VertCat>" field? I know I wont be able to recreate the look of the above design using the current version (3.9) but is there anyway I could space the HTML this outputs? For example, rather than put the line break after each row put a <p> tag instead? This way I can control the line spacing using CSS (Note: @ used to stop it listing as actual HTML):

<p>
<font face="Arial" size=2>
<@ href="category1_1.htm">Waterskis</@></font></p>
<p>
<font face="Arial" size=2>
<@ href="category2_1.htm">Wakeboards</@></font></p>
<p>
<font face="Arial" size=2>
<@ href="category3_1.htm" >Kneeboards</@></font></p>
<p>
<font face="Arial" size=2>
<@ href="category4_1.htm">Inflatables</@></font></p>
<p>
<font face="Arial" size=2>
<@ href="category5_1.htm">Skiwear</@></font></p>
<p>
<font face="Arial" size=2>
<@ href="category6_1.htm">Accessories</@></font></p>

Cheers

James

[dferguson]

Hi James

The <#vertcat> tag is hard coded.. But you should still be able to control its look with CSS.

Please see these sites for examples:

www.bushtuckershop.com
www.fertilitysolutions.com.au

[Faye]

How "blind" friendly will the new navigation system be - I know it sounds strange but I actually have some customers (who I recently met in Germany face to face if you like) who are 90% blind (and yes they still collect model cars...) They tell me that my site is the only Model Car site they can sucessfully navigate with their brail pc.

I have a background in html, java script, css and a general knowledge of other coding. I stumbled on ezimerchant through a scrapbook website which belongs to a shop I like but was not impressed by the look of the page layout so I started investigating making a new theme relying on css for the layout.

I have a blind friend who uses a program called JAWS to read her computer output including webpages so I am very interested in making websites user friendly in this regard (I think that it may become a disability access legal issue down the track)

Using a trial version of the ezimerchant product I have been able to produce a version of the site which is valid xhtml (the style of the site is controlled by an external css file which leaves very basic html code which can be easily read by the sight aided software) I have tweaked the javascript so that it produces xhtml valid script with minimal tables. I am a little disappointed at how many html tags which I have had to change after the site is generated as I could not find where there code was generated such as the meta tags (xhtml use only lowercase tags which need to be closed) I fear that because I have had to change so much code when a new update comes out it will break all my hard work :(

If you want to know what valid code and css can do a very good example is a project called ZenGarden where the code stays the same and the look of the site changes with the css http://csszengarden.com/

[Faye]

if you wrap the code in a <div id="leftnav"> </div> then use css to style the div eg.
<div id="leftnav"><h3><!-- ProductCategoriesLabel //--><#ProductCategoriesLabel></h3><!-- VertCat //--><#VertCat></div><!-- end leftnav //-->

#leftnav a {line-height: 1.5em;}