Preselect swatch if only 1 swatch exists (#38)

elgentos · Apr 1, 2019 · 1f30544 · 1f30544
1 parent 7d364ed
commit 1f30544
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/etc/module.xml b/etc/module.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0"?>
 <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
-    <module name="Elgentos_LargeConfigProducts" setup_version="0.1.10">
+    <module name="Elgentos_LargeConfigProducts" setup_version="0.1.11">
         <sequence>
             <module name="Magento_ConfigurableProduct" />
             <module name="Magento_Framework" />

diff --git a/view/frontend/web/js/swatch-renderer-mixin.js b/view/frontend/web/js/swatch-renderer-mixin.js
@@ -39,6 +39,12 @@ define([
                     });
 
                     $(updatedSelectBoxes).change();
+
+                    // Preselect swatch if only 1 swatch exists
+                    const selectSwatch = document.querySelectorAll('.swatch-option');
+                    if($(selectSwatch).length == 1) {
+                        $(selectSwatch).trigger("click");
+                    }
                 });
             },