# Select dropdown anstatt input radio für Varianten im Frontend

**URL:** <https://forum.shopware.com/t/select-dropdown-anstatt-input-radio-fur-varianten-im-frontend/64499>\
**Category:** Programmierung\
**Created:** [5. Februar 2020 um 12:42 UTC](https://forum.shopware.com/t/select-dropdown-anstatt-input-radio-fur-varianten-im-frontend/64499 "2020-02-05T12:42:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![shoshosho](https://avatars.discourse-cdn.com/v4/letter/s/eada6e/32.png) [@shoshosho](https://forum.shopware.com/u/shoshosho)\
**Post date:** [5. Februar 2020 um 12:42 UTC](https://forum.shopware.com/t/select-dropdown-anstatt-input-radio-fur-varianten-im-frontend/64499/1 "2020-02-05T12:42:19Z")

</div>

Hi, versuche gerade anstatt input radios eine select Box zu generieren, mit den jeweiligen Optionen als Dropdown.

Das funktioniert auch ganz gut in der&nbsp;configurator.html.twig und im Frontend werden auch alle dargestellt - jedoch lädt’s kurz im&nbsp;Frontend und dann passiert nichts ( ich bleib immer noch auf der gleichen Variante ) mein Verdacht liegt daran, dass die Funktion in variant-switch.plugin.js direkt on change reagiert und die select box keinen gültigen Wert hat / den Wert nicht verarbeiten kann?

Wäre super wenn jemand Ahnung hätte wodran das liegen könnte / was ich bei dem select Element beachten müsste

Grüße

---

<div class="post-metadata">

**Author:** ![amdl](https://avatars.discourse-cdn.com/v4/letter/a/b487fb/32.png) [@amdl](https://forum.shopware.com/u/amdl)\
**Post date:** [17. Februar 2020 um 13:34 UTC](https://forum.shopware.com/t/select-dropdown-anstatt-input-radio-fur-varianten-im-frontend/64499/2 "2020-02-17T13:34:43Z")

</div>

Ich habe das gleiche Problem. Würde auch gerne ein paar Tipps haben.

---

<div class="post-metadata">

**Author:** ![digitalhoch3](https://avatars.discourse-cdn.com/v4/letter/d/e495f1/32.png) [@digitalhoch3](https://forum.shopware.com/u/digitalhoch3)\
**Post date:** [9. April 2020 um 09:03 UTC](https://forum.shopware.com/t/select-dropdown-anstatt-input-radio-fur-varianten-im-frontend/64499/3 "2020-04-09T09:03:18Z")

</div>

Man kann das einfach per Bootstrap machen:

```
{% sw_extends '@Storefront/storefront/page/product-detail/configurator.html.twig' %}

{% block page_product_detail_configurator_options %}

    {% if group.displayType == 'text' %}
        
            
                
                    {% for option in group.options %}
                        {% if option.id in page.product.optionIds %}
                            {{ option.translated.name }}
                        {% endif %}
                    {% endfor %}
                
                
                    {% for option in group.options %}

                        {% set optionIdentifier = [group.id, option.id]|join('-') %}
                        {% set isActive = false %}
                        {% set isCombinableCls = 'is-combinable' %}

                        {% if option.id in page.product.optionIds %}
                            {% set isActive = true %}
                        {% endif %}

                        {% if not option.combinable %}
                            {% set isCombinableCls = false %}
                        {% endif %}

                        {% if option.configuratorSetting.media %}
                            {% set displayType = 'media' %}
                            {% set media = option.configuratorSetting.media %}
                        {% else %}
                            {% set displayType = group.displayType %}
                            {% if option.media %}
                                {% set media = option.media %}
                            {% else %}
                                {% set media = false %}
                            {% endif %}
                        {% endif %}

                        {% block page_product_detail_configurator_option %}
                            
                                {% block page_product_detail_configurator_option_radio %}
                                    {{ parent() }}
                                {% endblock %}
                            
                        {% endblock %}

                    {% endfor %}
                
            
        
    {% else %}
        {{ parent() }}
    {% endif %}
{% endblock %}

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![gigabit](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/gigabit/32/8094_2.png) [@gigabit](https://forum.shopware.com/u/gigabit)\
**Post date:** [9. April 2020 um 11:08 UTC](https://forum.shopware.com/t/select-dropdown-anstatt-input-radio-fur-varianten-im-frontend/64499/4 "2020-04-09T11:08:30Z")

</div>

Viel Spaß damit:

&nbsp;

> <https://gist.github.com/develth/c0fb0d1a9f23beb231e767b7705e0c7d>
>
> There are more than three files. show original