[{oxscript include="js/widgets/oxdropdown.js" priority=10 }]
[{assign var="oSelections" value=$oSelectionList->getSelections()}]
[{if $oSelections}]
<style>
.dropDown ul {display: block; position:relative; border: none; cursor: auto}
.selectMessage, .selectorLabel {cursor:auto;}
.dropDown p {color: #000000;margin: 0;background: none;padding-right: 20px;}
.dropDown ul a {border: none;}
.drop li {float:left; height: 20px; margin: 2px; padding: 5px; border: 1px solid #ccc}
</style>
<div class="dropDown clear [{$sJsAction}]">
<p class="selectorLabel[{if $editable === false}] js-disabled[{/if}]">
<label>[{$oSelectionList->getLabel()}]:</label>
[{assign var="oActiveSelection" value=$oSelectionList->getActiveSelection()}]
[{if $oActiveSelection}]
<span>[{$oActiveSelection->getName()}]</span>
[{elseif !$blHideDefault}]
<span [{if $blInDetails}]class="selectMessage"[{/if}]>
[{if $sFieldName == "sel" }]
[{ oxmultilang ident="PLEASE_CHOOSE" }]
[{else}]
[{ oxmultilang ident="CHOOSE_VARIANT" }]
[{/if}]
</span>
[{/if}]
</p>
[{if $editable !== false}]
<input type="hidden" name="[{$sFieldName|default:"varselid"}][[{$iKey}]]" value="[{if $oActiveSelection }][{$oActiveSelection->getValue()}][{/if}]">
<ul class="drop [{$sSelType|default:"vardrop"}]">
[{foreach from=$oSelections item=oSelection}]
<li class="[{if $oSelection->isDisabled()}]js-disabled disabled[{/if}]">
<a data-selection-id="[{$oSelection->getValue()}]" href="[{$oSelection->getLink()}]" class="[{if $oSelection->isActive()}]selected[{/if}]">[{$oSelection->getName()}]</a>
</li>
[{/foreach}]
</ul>
[{/if}]
</div>
[{else}]
<a href="[{ $_productLink }]" class="variantMessage">
[{if $sFieldName == "sel" }]
[{ oxmultilang ident="PLEASE_CHOOSE" }]
[{else}]
[{ oxmultilang ident="CHOOSE_VARIANT" }]
[{/if}]
</a>
[{/if}]