Category listing

[gboy +]

hi,

is there a way to make the Perent category of the listing bold, as when a user selects a cattegory it is difficult to distiguish between them

[Lhotch +]

Originally Posted by gboy

hi,

is there a way to make the Perent category of the listing bold, as when a user selects a cattegory it is difficult to distiguish between them

Where exactly are you looking to do this?

[Maffo +]

Try having a look at this code that is used for version 3. I think it will suit your needs.

Main Categories in Bold

[gboy +]

yes thanks for the replies,

I have the designer version, and a bit of a new at this,

Basicly I need the drop-down lists, in where you select category's for adds, to be bold, the parent category's of each one, and while i am on it. is there not a better way of doing this other than a drop doen menu, as i have a lot of cattegorys and sub subcategory.

Is it possible for me to create different listing forms for each add type, for example, real estate need bed, bath ect, but a normal add just needs a normal box.

[Maffo +]

The example I have given needs the developer version. Also if you are wanting to make changes to the way the program works, then you will also need the developers version.

I am currently writing an advanced dropdown in AJAX

[Tim_A +]

Can't remember if the designer version has acess tot he .tpl files, but for instance if you go to search.tpl and overwrite the category section with this:

PHP Code:

<td>
                       <select name="type" id="type" onChange="displaySec(this);">
                           <option value=''>{$smarty.const.LANG_SEARCH_ALLCAT}</option>
                        {foreach from=$getcats item=cat}
                            <option {if $cat.parent_id == 0} style="color:#000; font-weight:bold; font-size: 12px; background-color: #a6d29f; border-bottom:1px solid #5487bf; border-top:1px solid #5487bf; margin-top:5px; text-transform: uppercase;" class="parent" {/if}{if $cat.parent_id == 2} style="color:#000; background-color: #CCC;" class="parent" {/if}{if $cat.id == 12} style="color:#FFF; background-color: #000000;" class="parent" {/if}value="{$cat.id}"{if $type==$cat.id} SELECTED{/if}>{$cat.name}</option>
                        {/foreach}
                    </select>
                </td> 


It'll work (remember Internet Explorer allows a lot less tags than Firefox for instance).

[Eric Barnes]

In V4 we have added a class to the parent elements in the select list. If you view source you should see:

class="parent"

So in your style sheet just add:

option .parent { font-weight: bold; }

[gboy +]

wow, thanks, you would not have .child or something for the next level

[Eric Barnes]

No because all the rest would be child's. You should be able to do something like:

#category option { color: red; }