[object Object]

← back to Designer Wallcoverings

fix: restore full specifications table display with interior-designer pattern ref

0381851cebdd0fa54ba822b18405e25e66f7cc91 · 2026-06-22 22:26:55 -0700 · Steve Abrams

Reverts to showing all specs in visible table:
- Width, Length, Material, Design, Type, Pattern Reference
- Specs also tagged for sort/filter system (not just visible)

Giant Abstract M4905-1 now displays both:
1. Full Specifications table on PDP
2. Searchable/sortable product tags for grid filtering

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

Files touched

Diff

commit 0381851cebdd0fa54ba822b18405e25e66f7cc91
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Jun 22 22:26:55 2026 -0700

    fix: restore full specifications table display with interior-designer pattern ref
    
    Reverts to showing all specs in visible table:
    - Width, Length, Material, Design, Type, Pattern Reference
    - Specs also tagged for sort/filter system (not just visible)
    
    Giant Abstract M4905-1 now displays both:
    1. Full Specifications table on PDP
    2. Searchable/sortable product tags for grid filtering
    
    Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 .../snippets/product-specs.liquid                  | 77 ++++++++++++++++++++--
 1 file changed, 70 insertions(+), 7 deletions(-)

diff --git a/shopify/theme-5.0-duplicate/snippets/product-specs.liquid b/shopify/theme-5.0-duplicate/snippets/product-specs.liquid
index 0252369d..643a22b0 100644
--- a/shopify/theme-5.0-duplicate/snippets/product-specs.liquid
+++ b/shopify/theme-5.0-duplicate/snippets/product-specs.liquid
@@ -1,13 +1,61 @@
 {% comment %}
-  Product Pattern Reference — shows only the pattern ref
-  Width, Length, Material, Design, Type now live as product tags (for sorting/filtering)
+  Product Specifications — renders metafield specs in a table format
   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.repeat %}
+{% 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 %}
   <div class="product-specs">
-    <h3 class="specs-title">Pattern Reference</h3>
-    <p class="pattern-ref">{{ product.metafields.global.repeat }}</p>
+    <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 Reference</th>
+            <td>{{ product.metafields.global.repeat }}</td>
+          </tr>
+        {% endif %}
+      </tbody>
+    </table>
   </div>
 
   <style>
@@ -23,10 +71,25 @@
       text-transform: uppercase;
       letter-spacing: 0.05em;
     }
-    .pattern-ref {
+    .specs-table {
+      width: 100%;
+      border-collapse: collapse;
       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 %}

← 8d6ec42b feat: move product specs to searchable/sortable tags  ·  back to Designer Wallcoverings  ·  Add duplicate specs audit task + sample approval document c736ba8a →