Variantenauswahl aussiehst verändert

ich habe jetzt eschafft mit den links…

Es funzioniert mit der code von leffty_ruggiero

so, wenn jemand möchtet der Variante dropdown verändert…, in tpl/widget/product der datei selectbox.tpl, losen was drienen gibt und der Code von Unten, hinzufügen…dann mit CSS geben der form die dir gefällt… :grinning:

[{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}]

Jetzt mache weiter mit CSS…