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

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

diff --git a/snippets/product-variant-picker.liquid b/snippets/product-variant-picker.liquid
index ea93211..3ff92f7 100644
--- a/snippets/product-variant-picker.liquid
+++ b/snippets/product-variant-picker.liquid
@@ -200,6 +200,20 @@
             }
           }
         });
+
+        // Set the initial value when the page loads
+        window.addEventListener('load', function() {
+          const selectedValue = selectElement.value;
+          selectedButton.innerText = selectedValue;
+      
+          document.querySelectorAll('.shx-custom-dropdown-content div').forEach(div => {
+            if (div.getAttribute('data-value') === selectedValue) {
+              div.classList.add('shx-custom-selected-variant');
+            } else {
+              div.classList.remove('shx-custom-selected-variant');
+            }
+          });
+        });
       </script>
 
       {%- if picker_type == 'swatch' -%}