Search drop down list - Main Categories in BOLD

[Greg H]

My client has requested that all the main categories be BOLD in the search drop-down list. Just the main cats, I want the sub-cats to remain as they are.

The reason is that I have a large number of categories and sub-categories and this will make it easier to see/choose the main categories.

Can anyone point me in the right direction please?

Thank You

[Lhotch]

Where are you having problems, actually making items in the dropdown bold or determining which are main categories so that you can make them bold?

[CHRD]

yes in the search CAT drop down it would be good to see main cats in bold and sub cats in normal font:
Main Cat
>>Sub Cat

Im sure its here in the includes/functions.php, Im might be wrong

// get the category tree
function cat_tree($prefix, $parent)
{
global $db;
$arr = array();
$sSQL="SELECT id,name,cOrder FROM ".PREFIX."categories WHERE parent_id=".$parent." AND display<>'N' AND cLink='' ORDER BY cORDER DESC, name ASC";
$result=$db->query($sSQL);
while($row = $result->fetch())
{
$id=$row['id'];
$row['name'] = $prefix . safeStripSlashes($row['name']);
array_push($arr, $row);
$arr = array_merge($arr, cat_tree($prefix ."  » ", $id));
}
return $arr;
}

[michael]

This is supposed to be coming in Version 4. Separate CSS for drop-down menu's?

[Greg H]

Originally Posted by Lhotch

Where are you having problems, actually making items in the dropdown bold or determining which are main categories so that you can make them bold?

Larry,

Im having a problem with trying to make them BOLD, I know which ones are main cats.
Like I said I only want the main cats bold and leave sub-cats as they are. Just like in CHRD's post.

Thanks

[Lhotch]

Originally Posted by Greg H

Like I said I only want the main cats bold and leave sub-cats as they are. Just like in CHRD's post.

I understand the goal but not where you were having problems.

Have you tried css?

<option style="font-weight: bold">your category here</option>

[Greg H]

Originally Posted by Lhotch

I understand the goal but not where you were having problems.

Have you tried css?

<option style="font-weight: bold">your category here</option>

Larry,

Ive looked at the css, particularly the style.css file,

input, select, textarea (line 350)

{

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #000000;

border-right-color: #000000;

border-bottom-color: #000000;

border-left-color: #000000;

color: #000000;

background-color: #ffffff;

font-family: Verdana,Arial,Geneva;

font-size: 10px;

}


I dont see how I can do it here...how could I make the main categories show as bold and subs as standard txt. I dont see how I can differentiate between the two in the style sheet.
Remember this for the drop down category search function.

[Lhotch]

I just showed how by using a style associated with the given option in the template, A dropdown is made up of multiple <options>, add a style to the ones you want bold, ie...

<option style="font-weight: bold">your category here</option>

[Greg H]

Larry,

Thanks for helping, Im almost there. I have a good knowledge of html, I just didnt know where to put it.

Ive managed to make ALL categories BOLD but I only want the main categories to be.

The changes I made are in red (search.tpl.php)

<tr>

<td valign="top" class="formleft">{$smarty.const.LANG_SEARCH_INCAT} {$smarty.const.LANG_COLON}</td>

<td valign="top" class="formright">

<select name="type" id="type" onChange="displaySec(this);">

<option value=''>{$smarty.const.LANG_SEARCH_ALLCAT}</option>

{foreach from=$getcats item=cat}

<option style="font-weight: bold" value="{$cat.id}"{if $type==$cat.id} SELECTED{/if}>{$cat.name}</option>

{/foreach}

</select>

</td>

</tr>


I also tried it on the line two lines above, but this just made the words "Search All" to become bold.

Looking at the whole file it seems to me that I wont be able to achieve what I want, not in this file anyway.

Just to be clear....Its only the main cats I want bold, not sub-cats. The purpose is to make it easier for users to scroll through the large list of cats that I have.

Thanks

Greg

[Lhotch]

Thats why I asked if you needed just help with just making dropdown options bold or also help in how to make the desired options bold, turns out ya needed help with both .

the following template code from your above post builds the dropdown.

{foreach from=$getcats item=cat}
<option style="font-weight: bold" value="{$cat.id}"{if $type==$cat.id} SELECTED{/if}>{$cat.name}</option>
{/foreach}

$getcats is an array that has key and value pairs for all of the categories. The 'foreach' is a loop and what the above does is go through the complete array and for each key-value pair in the array an html option is created.

What your likely going to have to do is add logic to the foreach loop to check the $cat.id and if it equals a number you know is a main category then add the style and if not, dont add the style.

So, lets say you have a few main categories and they have id's of 9, 14 and 23 you would want something like this....

{foreach from=$getcats item=cat}
{if $cat.id == '9' or $cat.id == '14' or $cat.id == '23'} 
<option style="font-weight: bold" value="{$cat.id}"{if $type==$cat.id}SELECTED{/if}>{$cat.name}</option>
{else}
<option value="{$cat.id}"{if $type==$cat.id}SELECTED{/if}>{$cat.name}</option>
{/if}
{/foreach}