Sprachauswahl Flaggen nebeneinander

Deutsches Forum
1

Ich bin nicht so ein Freund von vielen Dropdown listen. Deshalb habe ich in der widget/header “languages.tpl” Änderungen vorgenommen.
Nur will es mir nicht gelingen die beiden Flaggen nebeneinander zu bekommen. Hat da jemand Abhilfe?

Das ist für die Oxid Version 4.9.5

[{oxscript include="js/widgets/oxflyoutbox.js" priority=10 }]
[{oxscript add="$( '#languageTrigger' ).oxFlyOutBox();"}]
[{if $oView->isLanguageLoaded()}]
<div class="topPopList">
    [{capture name="languageList"}]
        [{foreach from=$oxcmp_lang item=_lng}]
        [{assign var="sLangImg" value="lang/"|cat:$_lng->abbr|cat:".png"}]

            <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)}]')"></span></a>
        [{/foreach}]
    [{/capture}]

    <div id="languages">

        [{$smarty.capture.languageSelected}]
        [{$smarty.capture.languageList}]

    </div>
</div>
[{/if}]
[{oxscript widget=$oView->getClassName()}]
2

was genau funktioniert denn nicht?

hat du einen link oder screenshot?

3

Du musst die css-Klassen entfernen: http://forum.oxid-esales.com/showthread.php?t=22756

4

Vielen Dank
Damit habe ich arbeiten können.

Du musst die css-Klassen entfernen: http://forum.oxid-esales.com/showthread.php?t=22756

Die style Zuweisung habe ich in die css verschoben.

.topPopLi {
display: inline; 
list-style: none;
}

Die language.tpl sieht jetzt so aus.

[{oxscript include="js/widgets/oxflyoutbox.js" priority=10 }]
[{oxscript add="$( '#languageTrigger' ).oxFlyOutBox();"}]
[{if $oView->isLanguageLoaded()}]
<div class="topPopList">      
    <ul>
        [{foreach from=$oxcmp_lang item=_lng}]
            <li class="topPopLi"> 
                <a [{if $_lng->selected}][{/if}] title="[{$_lng->name}]" href="[{$_lng->link|oxaddparams:$oView->getDynUrlParams()}]" hreflang="[{$_lng->abbr }]"><img src="[{$oViewConf->getImageUrl()}]lang/[{$_lng->abbr }].png" alt="[{$_language->name}]">                   
                </a>
            </li>
        [{/foreach}]       
    </ul>    
</div>
[{/if}]  
[{oxscript widget=$oView->getClassName()}]