5.1: REVERT horizontal filter (broke collection layout - nav/sort rendered vertical); keep PDP pills

fe5c078bf1e7ba8bb0005a3187cb2564896e79f9 · 2026-06-22 17:17:36 -0700 · Steve Abrams

Files touched

M shopify/theme-5.0-duplicate/layout/theme.liquid
M shopify/theme-5.0-duplicate/snippets/dw-boost-overrides.liquid

Diff

commit fe5c078bf1e7ba8bb0005a3187cb2564896e79f9
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Jun 22 17:17:36 2026 -0700

    5.1: REVERT horizontal filter (broke collection layout - nav/sort rendered vertical); keep PDP pills
---
 shopify/theme-5.0-duplicate/layout/theme.liquid               |  3 ---
 .../theme-5.0-duplicate/snippets/dw-boost-overrides.liquid    | 11 ++++-------
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/shopify/theme-5.0-duplicate/layout/theme.liquid b/shopify/theme-5.0-duplicate/layout/theme.liquid
index 272543e4..7a0347ad 100644
--- a/shopify/theme-5.0-duplicate/layout/theme.liquid
+++ b/shopify/theme-5.0-duplicate/layout/theme.liquid
@@ -1023,8 +1023,5 @@ alt="web statistics"></a></div></noscript>
 {%- comment -%} DW PDP restyle: size <select> -> pills + uniform CTA pill layout (2026-06-22) {%- endcomment -%}
 {{ 'dw-pdp-restyle.css' | asset_url | stylesheet_tag }}
 <script src="{{ 'dw-pdp-size-pills.js' | asset_url }}" defer></script>
-{%- comment -%} DW horizontal collapsible filter bar over Boost (2026-06-22) {%- endcomment -%}
-{{ 'dw-filter-horizontal.css' | asset_url | stylesheet_tag }}
-<script src="{{ 'dw-filter-horizontal.js' | asset_url }}" defer></script>
 </body>
 </html>
diff --git a/shopify/theme-5.0-duplicate/snippets/dw-boost-overrides.liquid b/shopify/theme-5.0-duplicate/snippets/dw-boost-overrides.liquid
index e8d5e98e..322bbf9c 100644
--- a/shopify/theme-5.0-duplicate/snippets/dw-boost-overrides.liquid
+++ b/shopify/theme-5.0-duplicate/snippets/dw-boost-overrides.liquid
@@ -31,10 +31,8 @@ body.dw-filters-collapsed .boost-sd__product-list[class*="grid--"]{grid-template
 .boost-sd__product-item img{max-width:100% !important;height:auto !important;width:100% !important}
 .boost-sd__product-list{overflow:hidden !important;display:grid !important}
 
-/* Legacy filter toggle button — superseded by the horizontal-bar toggle
-   (#dw-hbar-toggle in dw-filter-horizontal.js). Hidden to avoid two pills. */
-.dw-filter-toggle{display:none !important}
-.dw-filter-toggle--legacy{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;margin:4px 0 4px 8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;user-select:none;background:#fff;border:1.5px solid #000;border-radius:999px;cursor:pointer;vertical-align:middle}
+/* Filter toggle button */
+.dw-filter-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;margin:4px 0 4px 8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;user-select:none;background:#fff;border:1.5px solid #000;border-radius:999px;cursor:pointer;vertical-align:middle}
 .dw-filter-toggle:hover{background:#f5f5f5}
 .dw-filter-toggle svg{width:14px;height:14px}
 
@@ -84,9 +82,8 @@ body.dw-filters-collapsed .boost-sd__product-list[class*="grid--"]{grid-template
 
 <script>
 (function(){
-  /* Horizontal filter bar (dw-filter-horizontal.js) now owns filter visibility.
-     Do NOT add the legacy 'dw-filters-collapsed' hide-entirely class — it would
-     hide the sidebar that the horizontal bar restyles in place. */
+  /* Collapse filters immediately */
+  document.body.classList.add('dw-filters-collapsed');
   /* Set CSS var for default 4 cols */
   document.documentElement.style.setProperty('--dw-grid-cols', 4);

← 89778d14 5.1 PDP: hide theme's styled .select-wrapper shell when size · back to Designer Wallcoverings · bucketB-longtail: add shopify_products.mfr_sku BRIDGE to unl 46d518bf →