[object Object]

← back to Designer Wallcoverings

5.1 PDP: hide theme's styled .select-wrapper shell when size pills are built (remove duplicate control)

89778d144a2bcefec0f093a64c6ee6f430c2a082 · 2026-06-22 17:15:40 -0700 · Steve Abrams

Files touched

Diff

commit 89778d144a2bcefec0f093a64c6ee6f430c2a082
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Jun 22 17:15:40 2026 -0700

    5.1 PDP: hide theme's styled .select-wrapper shell when size pills are built (remove duplicate control)
---
 shopify/theme-5.0-duplicate/assets/dw-pdp-size-pills.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/shopify/theme-5.0-duplicate/assets/dw-pdp-size-pills.js b/shopify/theme-5.0-duplicate/assets/dw-pdp-size-pills.js
index 0a6db012..8a96effc 100644
--- a/shopify/theme-5.0-duplicate/assets/dw-pdp-size-pills.js
+++ b/shopify/theme-5.0-duplicate/assets/dw-pdp-size-pills.js
@@ -28,6 +28,11 @@
 
     select.dataset.dwPilled = '1';
 
+    // Hide the theme's styled dropdown shell (.select-wrapper / .selector-wrapper
+    // with its .selected-text span) so the pills are the ONLY visible size control.
+    var styledShell = select.closest('.select-wrapper') || select.closest('.selector-wrapper');
+    if (styledShell) { styledShell.style.display = 'none'; }
+
     var wrap = document.createElement('div');
     wrap.className = 'dw-size-pills';
     wrap.setAttribute('role', 'radiogroup');

← d8930599 Port MOQ enforcement to Steves Version 5.1 (Archetype): meta  ·  back to Designer Wallcoverings  ·  5.1: REVERT horizontal filter (broke collection layout - nav fe5c078b →