Nicht verfügbare Varianten optisch hervorheben

Hallo,
wir hätten gerne optisch sichtbar, welche Varianten nicht verfügbar sind.
So wie im angefügten Screenshot von einem Plugin für virtuelle Varianten:

Gibt es da ein passendes? Bisher wurden wir nicht fündig.

Also mir ist kein Plugin bekannt. Die Umsetzung ist so einfach auch nicht möglich, da bei der Detailansicht leider nicht die Daten der jeweiligen Varianten komplett übermittelt werden. Ja was müsste machen? Vielleicht ein Plugin erstellen, welches die Stückzahlen ggf. mit Abverkauft ermittelt und das mit den dazugehörigen Grafiken verbindet. Vielleicht eine Aufgabe für eine Agentur oder Freelancer.

Das lässt sich im Theme umsetzten.

Das folgende Beispiel ist ca 6 Jahre alt, aber in die Richtung müsste es gehen.
Es wird sozusagen eine CSS Klasse „nostock“ eingefügt

{extends file="parent:frontend/detail/config_upprice.tpl"}

{* Configurator drop down *}
{block name='frontend_detail_group_selection'}
    {*<select name="group[{$sConfigurator.groupID}]"{if $theme.ajaxVariantSwitch} data-ajax-select-variants="true"{else} data-auto-submit="true"{/if}>
        {foreach $sConfigurator.values as $configValue}
            {if !{config name=hideNoInStock} || ({config name=hideNoInStock} && $configValue.selectable)}
                <option{if $configValue.selected} selected="selected"{/if} value="{$configValue.optionID}">
                    {$configValue.optionname}{if $configValue.upprice} {if $configValue.upprice > 0}{/if}{/if}
                </option>
            {/if}
        {/foreach}
    </select>*}
    {assign var="activeFilter" value="nothing"}
    {foreach $sConfigurator.values as $configValue}
        {if !{config name=hideNoInStock} || ({config name=hideNoInStock} && $configValue.selectable)}
            <div data-pill="{$configValue.optionID}" data-group="{$sConfigurator.groupID}" class="MyPillSelect{if $configValue.selected} is-active{/if}{if !$configValue.selectable} nostock{/if}">
                {$configValue.optionname}{if $configValue.upprice} {if $configValue.upprice > 0}{/if}{/if}
            </div>
        {/if}
        {if $configValue.selected}
            {$activeFilter = $configValue.optionID}
        {/if}
    {/foreach}
    <input type="hidden" data-pill-hidden="{$sConfigurator.groupID}" name="group[{$sConfigurator.groupID}]" value="{$activeFilter}">
{/block}

Sicher, dass dies noch so funktioniert? Also ich kenne keine Variable die aktuell bei Details auch die Inhalte aller Varianten übermittelt. Also die Stückzahlen und somit die Verfügbarkeit.

Ah Mensch, „selectable“ übersehen :slight_smile: