From f02ddb20bcc45f537e28626c5676b2a4187fb354 Mon Sep 17 00:00:00 2001
From: alexanderroese <github@roese.dev>
Date: Sat, 13 Jul 2024 17:55:03 +0200
Subject: [PATCH] dropdown for product variant picker

---
 snippets/product-variant-picker.liquid | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/snippets/product-variant-picker.liquid b/snippets/product-variant-picker.liquid
index 90e30e0..a71697d 100644
--- a/snippets/product-variant-picker.liquid
+++ b/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 %}