dropdown for product variant picker

snippets/product-variant-picker.liquid

@@ -98,6 +98,11 @@
         .shx-custom-selected-variant {
           background-color: #f1f1f1;
         }
+
+        /*
+        .shx-dummy-select {
+          display: none;
+        } */
       </style>
       
       {% if shx_current_page contains "texte" %}
@@ -123,6 +128,21 @@
         {% endcomment %}
 
         <div class="shx-custom-dropdown field custom">
+          <select
+            id="Option-{{ section.id }}-{{ forloop.index0 }}"
+            class="shx-dummy-select field__input"
+            name="options[{{ option.name | escape }}]"
+            form="{{ product_form_id }}"
+          >
+            {% for product_variant in product.variants %}
+              <option value="{{ product_variant.title }}">
+                <div style="display: flex; flex-direction: column">
+                  <span>{{ product_variant.title }}</span>
+                </div>
+              </option>
+            {% endfor %}
+          </select>
+
           <button class="shx-custom-dropbtn" id="shx-custom-selected">Select Product Variant</button>
           <div class="shx-custom-dropdown-content" id="shx-custom-dropdown-content">
             {% for product_variant in product.variants %}