chore: simplify product-specs to show only pattern reference

3b03ff0948ed93f4e9b01c3a660cb04b4ba42337 · 2026-06-22 22:20:21 -0700 · Steve Abrams

Moved spec fields (width, length, material, design, type) to product tags
for use in the sort/filter/grid system. Template now shows only:
- Pattern Reference field from metafield

This supports the interior-designer tagging workflow where specs become
sortable/filterable product tags instead of visible table rows.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

Files touched

M shopify/theme-5.0-duplicate/snippets/product-specs.liquid

Diff

commit 3b03ff0948ed93f4e9b01c3a660cb04b4ba42337
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Jun 22 22:20:21 2026 -0700

    chore: simplify product-specs to show only pattern reference
    
    Moved spec fields (width, length, material, design, type) to product tags
    for use in the sort/filter/grid system. Template now shows only:
    - Pattern Reference field from metafield
    
    This supports the interior-designer tagging workflow where specs become
    sortable/filterable product tags instead of visible table rows.
    
    Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 .../snippets/product-specs.liquid                  | 77 ++--------------------
 1 file changed, 7 insertions(+), 70 deletions(-)

diff --git a/shopify/theme-5.0-duplicate/snippets/product-specs.liquid b/shopify/theme-5.0-duplicate/snippets/product-specs.liquid
index ef5f6334..0252369d 100644
--- a/shopify/theme-5.0-duplicate/snippets/product-specs.liquid
+++ b/shopify/theme-5.0-duplicate/snippets/product-specs.liquid
@@ -1,61 +1,13 @@
 {% comment %}
-  Product Specifications — renders metafield specs in a table format
+  Product Pattern Reference — shows only the pattern ref
+  Width, Length, Material, Design, Type now live as product tags (for sorting/filtering)
   Usage: {% render 'product-specs', product: product %}
-
-  In Shopify Liquid, product.metafields.global is an object where each key
-  is a metafield name. Access them directly as product.metafields.global.width,
-  product.metafields.global.length, etc.
 {% endcomment %}
 
-{% if product.metafields.global.width or product.metafields.global.length or product.metafields.global.Contents or product.metafields.global.Design or product.metafields.global.Type or product.metafields.global.repeat or product.metafields.global.material %}
+{% if product.metafields.global.repeat %}
   <div class="product-specs">
-    <h3 class="specs-title">Specifications</h3>
-    <table class="specs-table">
-      <tbody>
-        {% if product.metafields.global.width %}
-          <tr>
-            <th>Width</th>
-            <td>{{ product.metafields.global.width }}</td>
-          </tr>
-        {% endif %}
-        {% if product.metafields.global.length %}
-          <tr>
-            <th>Length</th>
-            <td>{{ product.metafields.global.length }}</td>
-          </tr>
-        {% endif %}
-        {% if product.metafields.global.Contents %}
-          <tr>
-            <th>Material</th>
-            <td>{{ product.metafields.global.Contents }}</td>
-          </tr>
-        {% endif %}
-        {% if product.metafields.global.material %}
-          <tr>
-            <th>Material</th>
-            <td>{{ product.metafields.global.material }}</td>
-          </tr>
-        {% endif %}
-        {% if product.metafields.global.Design %}
-          <tr>
-            <th>Design</th>
-            <td>{{ product.metafields.global.Design }}</td>
-          </tr>
-        {% endif %}
-        {% if product.metafields.global.Type %}
-          <tr>
-            <th>Type</th>
-            <td>{{ product.metafields.global.Type }}</td>
-          </tr>
-        {% endif %}
-        {% if product.metafields.global.repeat %}
-          <tr>
-            <th>Pattern Repeat</th>
-            <td>{{ product.metafields.global.repeat }}</td>
-          </tr>
-        {% endif %}
-      </tbody>
-    </table>
+    <h3 class="specs-title">Pattern Reference</h3>
+    <p class="pattern-ref">{{ product.metafields.global.repeat }}</p>
   </div>
 
   <style>
@@ -71,25 +23,10 @@
       text-transform: uppercase;
       letter-spacing: 0.05em;
     }
-    .specs-table {
-      width: 100%;
-      border-collapse: collapse;
+    .pattern-ref {
       font-size: 14px;
-    }
-    .specs-table tr {
-      border-bottom: 1px solid #e5e5e5;
-    }
-    .specs-table th {
-      text-align: left;
-      padding: 8px 0 8px 0;
-      font-weight: 600;
-      color: #333;
-      min-width: 120px;
-    }
-    .specs-table td {
-      text-align: left;
-      padding: 8px 0 8px 16px;
       color: #666;
+      margin: 0;
     }
   </style>
 {% endif %}

← 3476f117 chore: update pdp push script to include product specs and p · back to Designer Wallcoverings · feat: move product specs to searchable/sortable tags 8d6ec42b →