Recommendations: 3-up+text on mobile, 4-up image-only on desktop (dev theme 5.1)

c1f4f75859a91d066b340d2cbe5f85aaaff21a09 · 2026-06-23 16:45:56 -0700 · Steve

Files touched

M shopify/push-rec-grid-fix-to-dev-theme.sh

Diff

commit c1f4f75859a91d066b340d2cbe5f85aaaff21a09
Author: Steve <steve@designerwallcoverings.com>
Date:   Tue Jun 23 16:45:56 2026 -0700

    Recommendations: 3-up+text on mobile, 4-up image-only on desktop (dev theme 5.1)
---
 shopify/push-rec-grid-fix-to-dev-theme.sh | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/shopify/push-rec-grid-fix-to-dev-theme.sh b/shopify/push-rec-grid-fix-to-dev-theme.sh
index c079c9ad..5f384f79 100755
--- a/shopify/push-rec-grid-fix-to-dev-theme.sh
+++ b/shopify/push-rec-grid-fix-to-dev-theme.sh
@@ -58,13 +58,14 @@ bk = f"{bkdir}/dw-boost-overrides.dev-{tid}.{stamp}.bak"
 open(bk, "w").write(cur); print(f"backup: {bk} ({len(cur)} bytes)")
 
 BLOCK = """
-<!-- DW REC GRID FIX — You-May-Also-Like 2-up on mobile (2026-06-23) -->
+<!-- DW REC GRID FIX — You-May-Also-Like: 3-up+text on mobile, 4-up image-only on desktop (2026-06-23) -->
 <style id="dw-rec-grid-fix">
+/* MOBILE: 3 fixed columns, keep the title/vendor overlay text */
 @media (max-width:768px){
   .product-recommendations-wrapper--section .product-recommendations{
     display:grid !important;
-    grid-template-columns:repeat(2,1fr) !important;
-    gap:16px 12px !important;
+    grid-template-columns:repeat(3,1fr) !important;
+    gap:10px 8px !important;
     position:static !important;
     height:auto !important;
   }
@@ -74,6 +75,11 @@ BLOCK = """
   }
   .product-recommendations-wrapper--section .product-recommendations .product-grid-masonry-sizer{display:none !important}
 }
+/* DESKTOP (4-up rows-of-4): image-only — hide all title/vendor/hover text */
+@media (min-width:769px){
+  .product-recommendations-wrapper--section .product-recommendations .dw-hover-overlay,
+  .product-recommendations-wrapper--section .product-recommendations .product-list-item-details{display:none !important}
+}
 </style>
 """

← 7d735cce Fix 12 broken (404) images on /pages/designer-wallpaper-styl · back to Designer Wallcoverings · Env-ify 3 DW vendor-command-center files: remove leaked Gemi b91b417b →