PDP refresh: filter internal/ops tags out of KEYWORDS (leak fix) + mute styling + move Design Coordinate pill under product image

62dcf086e51c9536a9c18509a052a8734da77e57 · 2026-06-26 08:30:58 -0700 · Steve

Files touched

M shopify/_cwGRID/sections/product.liquid

Diff

commit 62dcf086e51c9536a9c18509a052a8734da77e57
Author: Steve <steve@designerwallcoverings.com>
Date:   Fri Jun 26 08:30:58 2026 -0700

    PDP refresh: filter internal/ops tags out of KEYWORDS (leak fix) + mute styling + move Design Coordinate pill under product image
---
 shopify/_cwGRID/sections/product.liquid | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/shopify/_cwGRID/sections/product.liquid b/shopify/_cwGRID/sections/product.liquid
index 92835c08..d8ca8808 100644
--- a/shopify/_cwGRID/sections/product.liquid
+++ b/shopify/_cwGRID/sections/product.liquid
@@ -128,6 +128,19 @@
       </div>
     </section>
 
+    <script>
+      /* Move the compact Design Coordinate pill up to sit right under the product image. */
+      (function () {
+        var s = document.getElementById('pairs-well-with'); if (!s) return;
+        function place() {
+          var g = document.querySelector('.product-gallery--viewport--figure')
+               || document.querySelector('.product-gallery--media-wrapper');
+          if (g && g.parentNode && !s.dataset.placed) { g.parentNode.insertBefore(s, g.nextSibling); s.style.margin = '14px 0 0'; s.dataset.placed = '1'; }
+        }
+        if (document.readyState !== 'loading') place(); else document.addEventListener('DOMContentLoaded', place);
+      })();
+    </script>
+
     <style>
       #pairs-well-with { font-family: inherit; --cols-catalog: 8; --cols-ai: 8; }
       .pairs-well__cta {
@@ -676,6 +689,12 @@
 
 {% endschema %}
 
+<style>
+  .keywords-desktop a { color: #9a9a9a; text-decoration: none; }
+  .keywords-desktop a:hover { color: #1a1a1a; }
+  .keywords-desktop h4 { font-size: 11px; letter-spacing: .08em; color: #999; font-weight: 600; }
+  .keywords-desktop { font-size: 12px; }
+</style>
 <div class="keywords-desktop" style="padding-left: 0ch; max-width: 80ch; line-height: 1.6;">
   <h4 style="padding-left: 3ch; margin-bottom: 0;">KEYWORDS:</h4>
   <div style="padding-left: 3ch;">
@@ -684,7 +703,9 @@
     {% assign separator = ", " %}
     {% assign plain_line = "" %}
     {% for tag in product.tags %}
-      {% unless tag == "display_variant" %}
+      {%- assign tl = tag | downcase -%}
+      {%- comment -%} skip internal/ops tags that must never be customer-facing {%- endcomment -%}
+      {% unless tag == "display_variant" or tl contains "needs" or tl contains "ai-analyzed" or tl contains "ai analyzed" or tl contains ":" or tl contains "showroom" or tl contains "inventory" or tl contains "review" or tl contains "draft" or tl contains "_" %}
         {% assign tag_link = '<a href="/search?q=' | append: tag | append: '">' | append: tag | append: '</a>' %}
         {% assign tag_text = tag | append: separator %}
         {% assign test_line = plain_line | append: tag_text %}

← cdaabdc2 PDP: shrink Design Coordinate CTA to a compact pill (was ful · back to Designer Wallcoverings · Quadrille/China Seas editorial room-setting → SKU matcher + e3a5d53f →