[CSS][PHP]Jak z tego zrobić menu rozwijane Opcje

[darkowski]

Witam zainstalowałem sobie darmowy sklep GEKOSALE i chciałbym go troche zmodyfikować tzn. chciałbym żeby menu kategorii wyglądało inaczej czli, że jak najade myszką na jakiś produkt to wtedy rozwine mi się podkategoria czyli np.

Kategoria

BLUZY
(rozwija się)
- z kapturem
- bez kaptura itd.

Na forum gekosale wyczytałem, że za kategorie odpowiedzialny jest maincategoriesbox który wygląda tak:

[PHP] pobierz, plaintext 
<div class="category-list clear-fix">
{if count($maincategories) > 0}
<ul>
{section name=categoryId loop=$maincategories}
<li>
	<a href="{$URL}{if $maincategories[categoryId].url !=''}{$maincategories[categoryId].url}{else}{seo controller=categorylist}/{$maincategories[categoryId].seo}{/if}">
		{if isset($maincategories[categoryId].photo) &&  $maincategories[categoryId].photo !=''}
			<img src="{$maincategories[categoryId].photo}" alt="{$maincategories[td].name}"/>
		{else}
			<img src="{$DESIGNPATH}_gallery/_100_100/1.png" alt="{$maincategories[td].name}"/>
		{/if}
	</a>
	<div class="category_name">
		<a href="{$URL}{if $maincategories[categoryId].url !=''}{$maincategories[categoryId].url}{else}{seo controller=categorylist}/{$maincategories[categoryId].seo}{/if}">{$maincategories[categoryId].name}</a>
	</div>
</li>
{/section}
</ul>
{/if}
</div>
 
 
 
 
[PHP] pobierz, plaintext 

Ale nie wiem co tu zmienić żeby wyświetlało tak jak ja chce