Sprachauswahl ohne Flaggen und Dropdown gestalten

Hi

ich möchte die Sprachauswahl anders gestalten, indem die Flaggen durch reinen HTML-Text ersetzt und ohne Dropdown dargestellt werden.



In der widget/header/languages.tpl habe ich nun schon einiges probiert, es klappt aber nicht.
Kann mir jemand dabei helfen, die Sprachauswahl wie im Entwurf umzubauen?
Hier der Code aus der languages.tpl

Liebe Grüße, Sandra



<div class="topPopList">
[{capture name="languageList"}]
[{foreach from=$oxcmp_lang item=_lng}]
[{assign var="sLangImg" value="lang/"|cat:$_lng->abbr|cat:".png"}]
[{if $_lng->selected}]
[{capture name="languageSelected"}]
<a class="flag [{$_lng->abbr }]" title="[{$_lng->name}]" href="[{$_lng->link|oxaddparams:$oView->getDynUrlParams()}]" hreflang="[{$_lng->abbr }]"><span style="background-image:url('[{$oViewConf->getImageUrl($sLangImg)}]')" >[{$_lng->name}]</span></a>
[{/capture}]
[{/if}]
<li><a class="flag [{$_lng->abbr }] [{if $_lng->selected}]selected[{/if}]" title="[{$_lng->name}]" href="[{$_lng->link|oxaddparams:$oView->getDynUrlParams()}]" hreflang="[{$_lng->abbr }]"><span style="background-image:url('[{$oViewConf->getImageUrl($sLangImg)}]')">[{$_lng->name}]</span></a></li>
[{/foreach}]
[{/capture}]
<p id="languageTrigger" class="selectedValue">
[{$smarty.capture.languageSelected}]
</p>
<div class="flyoutBox">
<ul id="languages" class="corners">
<li class="active">[{$smarty.capture.languageSelected}]</li>
[{$smarty.capture.languageList}]
</ul>
</div>
</div>