← back to Dw Validator Debug TK11314
Build trade signup and approved designer experience
fa0e7c84d4dd66673efe3c4e93a607cb66d5564d · 2026-08-28 07:41:07 -0700 · Steve
Files touched
A shopify/staged/trade-account-ux-20260828/layout/theme.liquidA shopify/staged/trade-account-ux-20260828/snippets/dw-samples-banner.liquidA shopify/staged/trade-account-ux-20260828/snippets/dw-trade-apply.liquidA shopify/staged/trade-account-ux-20260828/snippets/dw-trade-home.liquid
Diff
commit fa0e7c84d4dd66673efe3c4e93a607cb66d5564d
Author: Steve <steve@designerwallcoverings.com>
Date: Fri Aug 28 07:41:07 2026 -0700
Build trade signup and approved designer experience
---
.../trade-account-ux-20260828/layout/theme.liquid | 1377 ++++++++++++++++++++
.../snippets/dw-samples-banner.liquid | 32 +
.../snippets/dw-trade-apply.liquid | 146 +++
.../snippets/dw-trade-home.liquid | 60 +
4 files changed, 1615 insertions(+)
diff --git a/shopify/staged/trade-account-ux-20260828/layout/theme.liquid b/shopify/staged/trade-account-ux-20260828/layout/theme.liquid
new file mode 100644
index 00000000..f7518cf7
--- /dev/null
+++ b/shopify/staged/trade-account-ux-20260828/layout/theme.liquid
@@ -0,0 +1,1377 @@
+{% comment %}DW-CHINA-BLOCK-START{% endcomment %}
+{% assign dw_blocked_countries = "CN" | split: "," %}
+{% assign dw_visitor_country = localization.country.iso_code | upcase %}
+{% assign dw_is_blocked = false %}
+{% for dw_bc in dw_blocked_countries %}
+ {% assign dw_bc_trimmed = dw_bc | strip %}
+ {% if dw_visitor_country == dw_bc_trimmed %}
+ {% assign dw_is_blocked = true %}
+ {% endif %}
+{% endfor %}
+
+{% if dw_is_blocked %}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<!-- DW-CACHE-TOUCH:20260804-1030-scrolljump -->
+<!-- DW-CHINA-JS-BLOCK-START -->
+<script>
+(function() {
+ var blockedCountries = ['CN'];
+ fetch('/browsing_context_suggestions.json', {method: 'GET', credentials: 'same-origin'})
+ .then(function(r) { return r.json(); })
+ .catch(function() { return null; })
+ .then(function(data) {
+ if (data && data.detected_values && data.detected_values.country && data.detected_values.country.handle) {
+ var detectedCountry = data.detected_values.country.handle.toUpperCase();
+ if (blockedCountries.indexOf(detectedCountry) !== -1) {
+ var container = document.createElement('div');
+ container.innerHTML = '<div style="position:fixed;top:0;left:0;width:100%;height:100%;background:#f5f5f5;z-index:999999;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,sans-serif"><div style="text-align:center;padding:60px 40px;background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.08);max-width:520px;width:90%"><div style="font-size:48px;margin-bottom:20px">🌐</div><h1 style="font-size:24px;margin-bottom:16px;font-weight:600;color:#333">Region Not Available</h1><p style="font-size:16px;line-height:1.6;color:#666;margin-bottom:12px">This store is not available in your region.</p><p style="font-size:16px;line-height:1.6;color:#666">We do not ship to or serve customers in your area at this time.</p></div></div>';
+ document.body.innerHTML = '';
+ document.body.appendChild(container);
+ }
+ }
+ });
+})();
+</script>
+<!-- DW-CHINA-JS-BLOCK-END -->
+
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Region Not Available</title>
+ <style>
+ * { margin: 0; padding: 0; box-sizing: border-box; }
+ body {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+ background: #f5f5f5;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 100vh;
+ color: #333;
+ }
+ .container {
+ text-align: center;
+ padding: 60px 40px;
+ background: white;
+ border-radius: 12px;
+ box-shadow: 0 4px 24px rgba(0,0,0,0.08);
+ max-width: 520px;
+ width: 90%;
+ }
+ .icon { font-size: 48px; margin-bottom: 20px; }
+ h1 { font-size: 24px; margin-bottom: 16px; font-weight: 600; }
+ p { font-size: 16px; line-height: 1.6; color: #666; margin-bottom: 12px; }
+ .contact { margin-top: 24px; font-size: 14px; color: #999; }
+ .contact a { color: #2563eb; text-decoration: none; }
+ </style>
+<script src="{{ 'dw-grid-control.js' | asset_url }}" defer></script>
+
+
+
+
+
+<!-- cache-bust: 2026-03-25T00:54:55.724677 -->
+</head>
+<body>
+ <div class="container">
+ <div class="icon">🌐</div>
+ <h1>Region Not Available</h1>
+ <p>We're sorry, but this store is not available in your region.</p>
+ <p>We do not ship to or serve customers in your area at this time.</p>
+ <div class="contact">
+ Questions? Contact us at <a href="mailto:info@designerwallcoverings.com">info@designerwallcoverings.com</a>
+ </div>
+ </div>
+
+
+</body>
+</html>
+{% break %}
+{% endif %}
+{% comment %}DW-CHINA-BLOCK-END{% endcomment %}
+
+<!doctype html>
+<html
+ class="
+ no-js
+ loading
+ "
+ lang="{{ request.locale.iso_code }}"
+>
+<head>
+{% render 'cpc-collection-guard' %}
+<!-- Consent Mode v2 (TK-19): default-denied in EEA/UK/CH, analytics granted elsewhere; ads denied globally (DW runs no ads) -->
+<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}
+gtag('consent','default',{analytics_storage:'granted',ad_storage:'denied',ad_user_data:'denied',ad_personalization:'denied'});
+gtag('consent','default',{analytics_storage:'denied',ad_storage:'denied',ad_user_data:'denied',ad_personalization:'denied',wait_for_update:500,region:["AT", "BE", "BG", "HR", "CY", "CZ", "DK", "EE", "FI", "FR", "DE", "GR", "HU", "IE", "IT", "LV", "LT", "LU", "MT", "NL", "PL", "PT", "RO", "SK", "SI", "ES", "SE", "IS", "LI", "NO", "GB", "CH"]});
+</script>
+<!-- Google tag (gtag.js) GA4 G-53F1QBZSG0 -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-53F1QBZSG0"></script>
+<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-53F1QBZSG0');</script>
+
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+ <!-- Preconnect Domains -->
+ <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
+ <link rel="preconnect" href="https://fonts.shopify.com" crossorigin>
+ <link rel="preconnect" href="https://monorail-edge.shopifysvc.com">
+
+ <!-- Preload Assets -->
+ <link rel="preload" href="{{ 'chiko-icons.woff' | asset_url }}" as="font" type="font/woff" crossorigin>
+ <link rel="preload" href="{{ 'pxu-social-icons.woff' | asset_url }}" as="font" type="font/woff" crossorigin>
+
+ <link rel="preload" href="{{ 'theme.css' | asset_url }}" as="style">
+
+ <link rel="preload" href="{{ 'modernizr-2.8.2.min.js' | asset_url }}" as="script">
+
+ {% if template contains 'cart' %}
+ <link rel="preload" href="{{ '/services/javascripts/countries.js' }}" as="script">
+ <link rel="preload" href="{{ 'shopify_common.js' | shopify_asset_url }}" as="script">
+ {% endif %}
+
+ {% if template contains 'customers' %}
+ <link rel="preload" href="{{ 'shopify_common.js' | shopify_asset_url }}" as="script">
+ <link rel="preload" href="{{ 'customer_area.js' | shopify_asset_url }}" as="script">
+ {% endif %}
+
+ <link rel="preload" href="{{ 'grid.js' | asset_url }}" as="script">
+
+ <script src="//cdata.modernpostcard.com/js/E3CA4636CEDAD4.js" async defer></script>
+
+ <title>
+ {{ page_title }}
+
+ {% if current_tags %}
+ – {{ current_tags | join: ', ' }}
+ {% endif %}
+
+ {% if current_page != 1 %}
+ – {{ 'general.pagination.page' | t: page_number: current_page }}
+ {% endif %}
+
+ {% unless page_title contains shop.name %}
+ – {{ shop.name }}
+ {% endunless %}
+ </title>
+
+ {% if page_description %}
+ <meta name="description" content="{{ page_description | escape }}" />
+ {% endif %}
+
+ {% if settings.favicon %}
+ <link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png" />
+ {% endif %}
+
+ {% if template contains 'collection' and current_tags %}
+ <meta name="robots" content="noindex" />
+ <link rel="canonical" href="{{ shop.url }}{{ collection.url }}" />
+ {% else %}
+ <link rel="canonical" href="{{ canonical_url }}" />
+ {% endif %}
+ <meta name="viewport" content="width=device-width,initial-scale=1" />
+
+ {%- render 'head.import-map' -%}
+ {%- render 'head.is-land' -%}
+
+ {% comment %}
+ {% render 'boost-sd-fallback' %}
+ {% endcomment %}
+ {% comment %}cache-touch 20260730-133317 recompile-guard{% endcomment %}{% render 'boost-infinite-override' %}
+ {{ content_for_header }}
+
+ {% liquid
+ assign heading_text_transform = 'none'
+ if settings.heading-font-small-caps
+ assign heading_text_transform = 'uppercase'
+ endif
+
+ assign button_text_transform = 'none'
+ assign button_letter_spacing = '0em'
+ if settings.button-font-small-caps
+ assign button_text_transform = 'uppercase'
+ assign button_letter_spacing = '0.05em'
+ endif
+ %}
+
+ <style>
+ :root {
+ /* ------------------------------------------------------------
+ Typography
+ ------------------------------------------------------------ */
+ /* Body */
+ --element-text-font-size--body-lg: 1.286rem; /* Product price */
+ --element-text-font-size--body-sm: var(--text-size-3-5); /* SKU, installments, variant labels */
+ --element-text-font-family--body: {{ settings.font_body.family }}, {{ settings.font_body.fallback_families }};
+ --element-text-font-weight--body: {{ settings.font_body.weight }};
+
+ /* Headings */
+ --element-text-font-size--heading-xl: 2.5rem; /* Product title */
+ --element-text-font-family--heading: {{ settings.font_heading.family }}, {{ settings.font_heading.fallback_families }};
+ --element-text-font-weight--heading: {{ settings.font_heading.weight }};
+ --element-text-line-height--heading: 1.25;
+ --element-text-text-transform--heading: {{ heading_text_transform }};
+
+ /* Buttons */
+ --element-button-font-family: {{ settings.font_button.family }}, {{ settings.font_button.fallback_families }};
+ --element-button-text-transform: {{ button_text_transform }};
+ --element-button-letter-spacing: {{ button_letter_spacing }};
+
+ /* ------------------------------------------------------------
+ Colors
+ ------------------------------------------------------------ */
+ --color-primary: {{ settings['body-text-color'] }};
+ --color-secondary: {{ settings['background-color'] }};
+ --root-color-primary: {{ settings['body-text-color'] }};
+ --root-color-secondary: {{ settings['background-color'] }};
+ --color-focus: #0000ff;
+
+ --color-sale-tag-text: {{ settings['background-color'] }};
+ --color-sale-tag: {{ settings['product-badge-background-color'] }};
+
+ --element-button-color-primary: {{ settings['button-color'] }};
+ --element-button-color-secondary: {{ settings['accent-color'] }};
+
+ --element-text-color: {{ settings['body-text-color'] }};
+ --element-text-color--heading: {{ settings['heading-color'] }};
+
+ --element-input-color-primary: {{ settings['form-select-color'] }};
+ --element-input-color-secondary: {{ settings['form-select-background'] }};
+
+ /* ------------------------------------------------------------
+ Other
+ ------------------------------------------------------------ */
+ --element-badge-radius: 2px;
+ --element-button-radius: 2px;
+
+ --layout-section-max-inline-size: 1260px;
+ --layout-section-padding-inline: 30px;
+ }
+
+ /* ------------------------------------------------------------
+ Component overrides
+ ------------------------------------------------------------ */
+
+ ::before,
+ ::after {
+ box-sizing: content-box;
+ }
+ product-hot-reload ::before,
+ product-hot-reload ::after {
+ box-sizing: border-box;
+ }
+
+ /* Lightbox */
+ .overlay-lightbox__overlay {
+ z-index: 9999;
+ }
+
+ /* Pick up */
+ .element-icon-in-stock {
+ fill: currentColor;
+ }
+
+ /* Divider */
+ hr.element-divider {
+ height: 0;
+ background: transparent;
+ }
+
+ /* Drawer */
+ overlay-drawer .element-button {
+ --element-button-color-primary: {{ settings.body-text-color }};
+ --element-icon-stroke-width: 3px;
+ }
+
+ /* Heading */
+ .element-text:is([class*=element-text--heading]) {
+ --_color: var(--element-text-color--heading);
+ }
+
+ /* Element Input */
+ .element-input {
+ --_color-box-shadow: {{ settings['form-select-border-color'] }};
+ }
+
+ /* Variant Labels */
+ label.element-text:is([class*=element-text--body]):where(.element-text--body-sm) {
+ color: {{ settings['heading-color'] }};
+ font-size: 1rem;
+
+ .element-text:first-child {
+ color: {{ settings['heading-color'] }};
+ }
+ }
+
+ /* Element Select */
+ element-select {
+ --color-primary: {{ settings['form-select-border-color'] }};
+ --element-button-color-primary: {{ settings['form-select-color'] }};
+ --element-button-color-secondary: {{ settings['form-select-background'] }};
+ --element-button-box-shadow: inset 0 0 0 1px {{ settings['form-select-border-color'] }};
+ --element-button-font-family: {{ settings.font_body.family }}, {{ settings.font_body.fallback_families }};
+ --element-button-text-transform: none;
+ }
+ element-select.element-select__wrapper--focused .element-button {
+ box-shadow: inset 0 0 0 var(--element-button-border-width--focus) var(--_color-focus);
+ border: none;
+ }
+
+ /* Media Gallery */
+ .media-gallery__thumb {
+ border-radius: 0;
+ }
+
+ /* ATC */
+
+ product-form .element-button[type="submit"] {
+ --element-button-padding-block: var(--size-5);
+ --_color-text: {{ settings['button-color'] }};
+ --_color-background: {{ settings['accent-color'] }};
+ --_box-shadow: none;
+
+ &:disabled {
+ color: #888888 !important;
+ background-color: #cccccc !important;
+ }
+ }
+
+ product-form:has(.element-button--shopify-payment-wrapper) .element-button[type="submit"] {
+ --element-button-color-primary: {{ settings['secondary-button-color'] }};
+ --element-button-color-secondary: {{ settings['secondary-button-background'] }};
+ }
+
+ .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded,
+ .shopify-payment-button .shopify-payment-button__button {
+ --element-text-line-height--body-md: 1;
+ --element-button-color-primary: {{ settings['accent-color'] }};
+ --element-button-color-secondary: {{ settings['button-color'] }};
+ --element-button-padding-block: var(--size-5);
+ --_box-shadow: none;
+
+ text-transform: var(--element-button-text-transform);
+ }
+ </style>
+
+ {% assign x_handle = settings.social-x-link | split: 'x.com/' | last | split: 'twitter.com/' | last %}
+ {%
+ render 'social-meta-tags',
+ twitter_handle: x_handle,
+ default_image: page_image,
+ %}
+
+ <!-- Theme CSS -->
+ <link rel="stylesheet" href="{{ 'theme.css' | asset_url }}">
+ {% render 'dw-product-styles' %}
+ <link rel="stylesheet" href="{{ 'custom.css' | asset_url }}">
+ <link rel="stylesheet" href="{{ 'dw-pdp-restyle.css' | asset_url }}">
+ {% if settings.custom-css != blank %}
+ <style>
+ {{ settings.custom-css }}
+ </style>
+ {% endif %}
+
+ <!-- Theme object -->
+ {% comment %}Inject theme-object begin{% endcomment %}
+ <script>
+ var Theme = {};
+ Theme.version = "7.1.0";
+ Theme.name = 'Grid';
+
+ Theme.currency = {{ shop.currency | json }};
+ Theme.moneyFormat = {{ shop.money_format | strip_html | json }};
+
+ Theme.pleaseSelectText = "{{ 'general.general.please_select' | t | strip_newlines | escape }}";
+
+ Theme.addToCartSuccess = "{{ 'products.product.success_html' | t: product: '**product**', cart_link: '**cart_link**', continue_link: '**continue_link**', checkout_link: '**checkout_link**' | strip_newlines | escape }}";
+
+ {% if shop.customer_accounts_enabled and customer %}
+ Theme.customerLoggedIn = true;
+ {% endif %}
+
+ Theme.shippingCalculator = true;
+ Theme.shippingButton = "{{ 'cart.shipping_calculator.submit' | t | strip_newlines | escape }}";
+ Theme.shippingDisabled = "{{ 'cart.shipping_calculator.disabled' | t | strip_newlines | escape }}";
+
+ {% if shop.customer_accounts_enabled and customer and customer.default_address %}
+ Theme.customerAddress = {{ customer.default_address | json }};
+ {% endif %}
+
+ Theme.shippingCalcErrorMessage = "{{ 'cart.shipping_calculator.error' | t | strip_newlines | replace: '"','\\"' }}";
+ Theme.shippingCalcMultiRates = "{{ 'cart.shipping_calculator.rates_html' | t | strip_newlines | replace: '"','\\"' }}";
+ Theme.shippingCalcOneRate = "{{ 'cart.shipping_calculator.rate' | t | strip_newlines | replace: '"','\\"' }}";
+ Theme.shippingCalcNoRates = "{{ 'cart.shipping_calculator.no_rates' | t | strip_newlines | replace: '"','\\"' }}";
+ Theme.shippingCalcRateValues = "{{ 'cart.shipping_calculator.rate_values_html' | t | strip_newlines | replace: '"','\\"' }}";
+
+ Theme.routes = {
+ "root_url": "{{ routes.root_url }}",
+ "account_url": "{{ routes.account_url }}",
+ "account_login_url": "{{ routes.account_login_url }}",
+ "account_logout_url": "{{ routes.account_logout_url }}",
+ "account_register_url": "{{ routes.account_register_url }}",
+ "account_addresses_url": "{{ routes.account_addresses_url }}",
+ "collections_url": "{{ routes.collections_url }}",
+ "all_products_collection_url": "{{ routes.all_products_collection_url }}",
+ "search_url": "{{ routes.search_url }}",
+ "cart_url": "{{ routes.cart_url }}",
+ "cart_add_url": "{{ routes.cart_add_url }}",
+ "cart_change_url": "{{ routes.cart_change_url }}",
+ "cart_clear_url": "{{ routes.cart_clear_url }}",
+ "product_recommendations_url": "{{ routes.product_recommendations_url }}",
+ "predictive_search_url": "{{ routes.predictive_search_url }}",
+ };
+ </script>
+ {% comment %}Inject theme-object end{% endcomment %}
+
+ {% render 'jquery-snippet' %}
+ <script src="{{ 'custom.js' | asset_url }}" defer></script>
+
+ <script>
+ (function() {
+ document.documentElement.classList.remove('no-js');
+ window.addEventListener('DOMContentLoaded', function() {
+ document.documentElement.classList.remove('loading');
+ });
+ window.setTimeout(function() {
+ document.documentElement.classList.remove('loading');
+ }, 2000);
+
+ if (!window.MutationObserver || !window.MutationObserver.prototype) {
+ return;
+ }
+ var originalObserve = window.MutationObserver.prototype.observe;
+ window.MutationObserver.prototype.observe = function(target, options) {
+ if (!(target instanceof Node)) {
+ return;
+ }
+ return originalObserve.call(this, target, options);
+ };
+ })();
+ </script>
+
+<script src="{{ 'dw-grid-control.js' | asset_url }}" defer></script>
+<script src="{{ 'dw-pdp-size-pills.js' | asset_url }}" defer></script>
+
+
+
+
+
+
+
+
+
+
+
+<!-- DW: Price hiding script REMOVED 2026-03-24 -->
+
+<style>
+/* DW 2026-06-25: grid price-hide REMOVED (Steve) — show prices everywhere */
+/* Restore on product pages + cart */
+#shopify-section-product [class*="price"],
+#shopify-section-product span.money,
+.product-add-to-cart span.money,
+.shopify-product-form span.money,
+.mini-cart span.money,
+.cart span.money {
+ display: inline !important;
+ visibility: visible !important;
+ opacity: 1 !important;
+ height: auto !important;
+ font-size: inherit !important;
+ line-height: inherit !important;
+ position: static !important;
+ pointer-events: auto !important;
+}
+/* Square images */
+.boost-sd__product-item [class*="product-image"],
+.boost-sd__product-item [class*="image-wrapper"] {
+ aspect-ratio: 1/1 !important;
+ overflow: hidden !important;
+}
+.boost-sd__product-item img {
+ width: 100% !important;
+ height: 100% !important;
+ object-fit: cover !important;
+}
+/* Hide View As toggle */
+[class*="view-as"], [class*="viewAs"], .boost-sd__toolbar [class*="view"], .boost-sd [class*="toolbar-view"] {
+ display: none !important;
+}
+/* Hide View As toggle */
+[class*="view-as"],[class*="viewAs"],.boost-sd__toolbar [class*="view"],.boost-sd [class*="toolbar"] [class*="view"]{display:none!important}
+/* Center text */
+.boost-sd__product-item,
+.boost-sd__product-item [class*="title"],
+.boost-sd__product-item [class*="vendor"],
+.boost-sd__product-item p,
+.dw-vendor-link {
+ text-align: center !important;
+}
+</style>
+<!-- DW: killPrices REMOVED 2026-03-24 -->
+
+<!-- /DW -->
+
+{% comment %} DW: ItemList structured data for the Shop-by-Brand page (script tags are stripped from page body_html, so injected here) {% endcomment %}
+{% if page.handle == 'brands' %}{% render 'brands-jsonld' %}{% endif %}
+
+<!-- cache-bust: 2026-03-25T00:54:55.724677 -->
+
+{% if template contains 'product' %}
+<!-- DW: qty-inline v1 — quantity stepper moved to the right of the price (2026-07-02) -->
+<style>
+ .dw-price-qty-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
+ .dw-price-qty-row .product-price{margin:0}
+ .dw-price-qty-row .product-price__unit-price{flex-basis:100%}
+ .dw-qty-inline{display:inline-flex;align-items:center;gap:8px}
+ .dw-qty-inline .product-option-quantity-label{margin:0;white-space:nowrap}
+ .dw-qty-inline .mm_quantity{margin:0}
+ .dw-qty-inline .product-option-quantity-label.hidden,
+ .dw-qty-inline .mm_quantity.hidden{display:none!important}
+</style>
+<script>
+(function(){
+ function relocate(){
+ if(document.querySelector('.dw-qty-inline')) return;
+ var qty=document.querySelector('form[action*="/cart/add"] .mm_quantity');
+ if(!qty) return;
+ var form=qty.closest('form');
+ var priceBox=(form&&form.querySelector('.product__price'))||document.querySelector('.product__price');
+ if(!priceBox) return;
+ var label=(form||document).querySelector('label.product-option-quantity-label');
+ var wrap=document.createElement('span'); wrap.className='dw-qty-inline';
+ if(label) wrap.appendChild(label);
+ wrap.appendChild(qty);
+ priceBox.classList.add('dw-price-qty-row');
+ priceBox.appendChild(wrap);
+ }
+ function init(){ relocate(); setTimeout(relocate,400); setTimeout(relocate,1200); }
+ if(document.readyState!=='loading') init(); else document.addEventListener('DOMContentLoaded',init);
+})();
+</script>
+<!-- /DW qty-inline -->
+{% endif %}
+
+{% if template contains 'product' %}
+{% unless product.handle contains 'dig-' %}
+<!-- DW: price-buy v1 — add-to-cart by price; request pill + PDF row; collapse sample selector (2026-07-06) -->
+<style>
+ .product__price.dw-has-add{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
+ /* unify SKU / price / Quantity to one size (16px) */
+ .product-sku-label{font-size:16px!important}
+ .product__price .product-price-minimum.money,.product__price .money{font-size:16px!important}
+ /* tighten the price row so the qty row sits close WITHOUT a negative margin (no overlap) */
+ .product__price{min-height:0!important}
+ .product__price .product-price{margin:0!important;line-height:1.2!important}
+ /* more space between SKU and price (theme's .product__price margin is locked; use higher specificity) */
+ .product__price.dw-price-qty-row{margin-top:12px!important}
+ /* quantity + add-to-cart on one line below the price */
+ .dw-qty-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
+ /* match "QUANTITY:" to the SKU/PRICE label style (grey, uppercase, 500); label wraps text in <strong> */
+ .dw-qty-row .product-option-quantity-label,.dw-qty-row .product-option-quantity-label strong{color:rgb(136,136,136)!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:0.96px!important;font-size:16px!important}
+ .dw-qty-row .product-option-quantity-label{margin:0!important}
+ .dw-qty-row .mm_quantity,.dw-qty-row .mm_quantity *{font-weight:400!important}
+ .dw-qty-row .mm_quantity input.qty,.dw-qty-row .mm_quantity input[name="quantity"]{font-weight:700!important}
+ /* add-to-cart pill to the right of the stepper, SAME size as Request Sample */
+ .dw-qty-row .cowlendar-add-to-cart{width:auto!important;margin:0!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;border-radius:999px!important;font-size:12px!important;font-weight:500!important;padding:10px 30px!important}
+ /* hide add-to-cart until the overlay places it in the qty row (kills the load-flicker);
+ the JS fail-safe reveals it regardless after 15s so it can never stay hidden */
+ input.add-to-cart.cowlendar-add-to-cart{visibility:hidden}
+ input.add-to-cart.cowlendar-add-to-cart.dw-add-ready{visibility:visible}
+ .dw-price-buy-row2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;max-width:430px}
+ /* Steve 2026-07-28 fix — Download-PDF was clipping in a narrow / zoomed info column.
+ Make Sample + Download-PDF two EQUAL shrink-to-fit halves (box-sizing so padding
+ can't push them past the column edge); they can never overflow/clip, and stack
+ full-width below 600px. */
+ .dw-price-buy-row2 .dl-sample-btn{flex:1 1 calc(50% - 6px)!important;width:auto!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding-left:16px!important;padding-right:16px!important;white-space:nowrap!important}
+ .dw-price-buy-row2 .spec-sheet-controls{margin:0!important;transform:none!important;flex:1 1 calc(50% - 6px)!important;width:auto!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}
+ /* Download PDF -> black pill filling its half (no fixed cap, so it can shrink not clip) */
+ .dw-price-buy-row2 .spec-sheet-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;padding:10px 12px!important;white-space:nowrap!important;background:#000!important;color:#fff!important;border-color:#000!important}
+ .dw-price-buy-row2 .spec-sheet-btn:hover{background:#1a1a1a!important}
+ @media (max-width:600px){
+ .dw-price-buy-row2{max-width:none}
+ .dw-price-buy-row2 .dl-sample-btn,
+ .dw-price-buy-row2 .spec-sheet-controls{flex:1 1 100%!important}
+ }
+ /* single-roll pricing note + dimensions (bolt / min-2 products only) */
+ .dw-sr-note{font-size:12px!important;color:rgb(136,136,136)!important;letter-spacing:.02em;margin-left:6px}
+ .dw-sr-dims{font-size:12px!important;color:rgb(90,90,90)!important;margin-left:18px;white-space:nowrap}
+ .dw-2roll-note{font-size:13px!important;font-weight:600;color:rgb(60,66,70)!important;margin-top:6px;letter-spacing:.01em}
+</style>
+<script>
+(function () {
+ if (window.__dwPriceBuyLoaded) return;
+ window.__dwPriceBuyLoaded = true;
+ function collapseSelector(form) {
+ var select = form.querySelector('select.single-option-selector');
+ if (!select) return false;
+ var opts = Array.prototype.slice.call(select.options);
+ var samples = opts.filter(function (o) { return /sample/i.test(o.value); });
+ if (!(opts.length <= 2 && samples.length >= 1)) return false;
+ var sellable = opts.filter(function (o) { return !/sample/i.test(o.value); })[0];
+ if (sellable && select.value !== sellable.value) {
+ select.value = sellable.value;
+ try { select.dispatchEvent(new Event('change', { bubbles: true })); }
+ catch (e) { var ev = document.createEvent('HTMLEvents'); ev.initEvent('change', true, false); select.dispatchEvent(ev); }
+ }
+ var pills = form.querySelector('.dw-size-pills');
+ if (pills && pills.parentNode) pills.parentNode.removeChild(pills);
+ return true;
+ }
+ // On bolt / min-2-single-roll products only: mark the price "/ single roll",
+ // show the single-roll dimensions, and split Length into D/R + S/R.
+ function srEnhance() {
+ var qi = document.querySelector('.mm_quantity input.qty, .mm_quantity input[name="quantity"]');
+ if (!qi) return;
+ var isBolt = parseInt(qi.getAttribute('min'), 10) === 2 || parseInt(qi.getAttribute('step'), 10) === 2;
+ if (!isBolt) return;
+ // Steve 2026-07-09: min/step==2 ALONE mislabels per-yard FABRICS that carry a
+ // 2-unit factor (UFAC=2 leaked onto ~144 Kravet-family multipurpose/upholstery
+ // goods). Roll language must key off the actual UNIT, not the quantity floor:
+ // only enhance when the sellable variant is genuinely sold by the roll/bolt.
+ var unitText = '';
+ var uSel = document.querySelector('form[action*="/cart/add"] select.single-option-selector');
+ if (uSel) Array.prototype.forEach.call(uSel.options, function (o) {
+ if (!/sample/i.test(o.value)) unitText += ' ' + o.value;
+ });
+ if (!/\b(roll|bolt)\b/i.test(unitText)) return;
+ // read the VISIBLE SPECIFICATIONS (.dw-specs -> .dw-spec-row -> .dw-spec-label/.dw-spec-value)
+ var specs = document.querySelector('.dw-specs');
+ function specVal(re) {
+ var out = null;
+ if (specs) Array.prototype.forEach.call(specs.querySelectorAll('.dw-spec-row'), function (rw) {
+ var l = ((rw.querySelector('.dw-spec-label') || {}).textContent || '').trim();
+ if (re.test(l)) out = ((rw.querySelector('.dw-spec-value') || {}).textContent || '').trim();
+ });
+ return out;
+ }
+ // single-roll length + dimensions (D/R length / 2, since 1 bolt = 2 single rolls)
+ var srLen = specVal(/^Length S\/R$/i);
+ if (!srLen) {
+ var dr = specVal(/^Length(?:\s*D\/R)?$/i);
+ if (dr) { var srHalf = dr.replace(/[\d.]+/g, function (x) { return (Math.round((parseFloat(x) / 2) * 1000) / 1000) + ''; }); srLen = /\d/.test(srHalf) ? srHalf : null; }
+ }
+ var wVal = specVal(/^Width$/i);
+ var srDims = (wVal && srLen) ? (wVal.split(/\s*x\s*/i)[0].trim() + ' x ' + srLen) : null;
+ // rewrite the visible specs once: Length -> Length D/R, add Single Roll + Length S/R rows above it
+ if (specs && !specs.dataset.dwSr) {
+ var lengthRow = null;
+ Array.prototype.forEach.call(specs.querySelectorAll('.dw-spec-row'), function (rw) {
+ if (/^Length$/i.test(((rw.querySelector('.dw-spec-label') || {}).textContent || '').trim())) lengthRow = rw;
+ });
+ if (lengthRow) {
+ specs.dataset.dwSr = '1';
+ lengthRow.querySelector('.dw-spec-label').textContent = 'Length D/R';
+ if (srDims) {
+ var srRow = document.createElement('div'); srRow.className = 'dw-spec-row';
+ srRow.innerHTML = '<span class="dw-spec-label">Length S/R</span><span class="dw-spec-value">' + srLen + '</span>';
+ lengthRow.parentNode.insertBefore(srRow, lengthRow);
+ var dimRow = document.createElement('div'); dimRow.className = 'dw-spec-row';
+ dimRow.innerHTML = '<span class="dw-spec-label">Single Roll</span><span class="dw-spec-value">' + srDims + '</span>';
+ lengthRow.parentNode.insertBefore(dimRow, srRow);
+ }
+ }
+ }
+ // price note + dims
+ var money = document.querySelector('.product__price .product-price-minimum.money');
+ if (money && !document.querySelector('.dw-sr-note')) { var note = document.createElement('span'); note.className = 'dw-sr-note'; note.textContent = '/ single roll'; money.after(note); }
+ var price = document.querySelector('.product__price');
+ if (srDims && price && !price.querySelector('.dw-sr-dims')) { var d = document.createElement('span'); d.className = 'dw-sr-dims'; d.textContent = 'Single roll: ' + srDims; price.appendChild(d); }
+ // Steve 2026-07-08: every 2-roll-minimum product states the increment rule plainly in the buy box.
+ if (price && !price.querySelector('.dw-2roll-note')) { var n2 = document.createElement('div'); n2.className = 'dw-2roll-note'; n2.textContent = 'Sold in 2 roll increments only'; price.appendChild(n2); }
+ }
+
+ // Clean the KEYWORDS list (display-only): drop namespaced tags, spec/operational
+ // tags, leading-"and" artifacts, and case duplicates. Tags stay intact for search.
+ function kwFilter() {
+ var box = document.querySelector('.keywords-desktop');
+ if (!box || box.dataset.dwKw) return;
+ var links = Array.prototype.slice.call(box.querySelectorAll('a'));
+ if (!links.length) return;
+ box.dataset.dwKw = '1';
+ var seen = {};
+ var DROP = /(:|fire\s*rat|astm|class\s*"?a"?|suitable\s+for|coated\s+paper|traffic|light\s+duty|heavy\s+duty|residential\s+use|background\s+color|non[-\s]?woven|scrubbab|removable|paste\s+the|washab)/i;
+ links.forEach(function (a) {
+ var t = (a.textContent || '').trim();
+ var key = t.toLowerCase().replace(/^and\s+/, '').trim();
+ var drop = t === '' || DROP.test(t) || /^and\s+/i.test(t) || seen[key];
+ if (drop) {
+ var nxt = a.nextSibling;
+ if (nxt && nxt.nodeType === 3 && /^[\s,]+$/.test(nxt.nodeValue)) nxt.parentNode.removeChild(nxt);
+ else { var prev = a.previousSibling; if (prev && prev.nodeType === 3 && /^[\s,]+$/.test(prev.nodeValue)) prev.parentNode.removeChild(prev); }
+ a.parentNode.removeChild(a);
+ } else { seen[key] = 1; }
+ });
+ }
+
+ function build() {
+ var form = document.querySelector('.product__form') || document.querySelector('form[action*="/cart/add"]');
+ if (!form) return false;
+ var price = document.querySelector('.product__price');
+ if (!price) return false;
+ var req = form.querySelector('.dl-sample-btn');
+ var pdf = document.querySelector('.spec-sheet-controls');
+ var row2 = document.querySelector('.dw-price-buy-row2');
+ if (!row2 && req) {
+ row2 = document.createElement('div');
+ row2.className = 'dw-price-buy-row2';
+ price.parentNode.insertBefore(row2, price.nextSibling);
+ }
+ if (row2) {
+ if (req && req.parentNode !== row2) row2.appendChild(req);
+ if (pdf && pdf.parentNode !== row2) row2.appendChild(pdf);
+ }
+ // quantity + add-to-cart on their own line, between the price and row2.
+ var qty = document.querySelector('.mm_quantity');
+ var qlabel = document.querySelector('.product-option-quantity-label');
+ var qrow = document.querySelector('.dw-qty-row');
+ if (qty && !qrow) {
+ qrow = document.createElement('div');
+ qrow.className = 'dw-qty-row';
+ price.parentNode.insertBefore(qrow, price.nextSibling);
+ }
+ if (qrow) {
+ if (qlabel && qlabel.parentNode !== qrow) qrow.appendChild(qlabel);
+ if (qty && qty.parentNode !== qrow) qrow.appendChild(qty);
+ var add = document.querySelector('input.add-to-cart.cowlendar-add-to-cart, .cowlendar-add-to-cart');
+ if (add && add.offsetParent !== null && add.parentNode !== qrow) qrow.appendChild(add);
+ }
+ var collapsed = collapseSelector(form);
+ if (collapsed) {
+ Array.prototype.forEach.call(document.querySelectorAll('.dw-size-pill'), function (b) {
+ if (b.parentNode) b.parentNode.removeChild(b);
+ });
+ }
+ return !!(row2 && row2.querySelector('.dl-sample-btn'));
+ }
+ function placeAndReveal() {
+ build();
+ srEnhance();
+ kwFilter();
+ var placed = document.querySelector('.dw-qty-row .cowlendar-add-to-cart');
+ if (placed) placed.classList.add('dw-add-ready');
+ }
+ function init() {
+ placeAndReveal();
+ // cowlendar injects the add-to-cart late; keep trying to place it for ~20s
+ var tries = 0, iv = setInterval(function () { placeAndReveal(); if (++tries > 100) clearInterval(iv); }, 200);
+ try {
+ var mo = new MutationObserver(function () { placeAndReveal(); });
+ mo.observe(document.body, { childList: true, subtree: true });
+ setTimeout(function () { mo.disconnect(); }, 20000);
+ } catch (e) {}
+ // fail-safe: never leave the add-to-cart hidden, even if placement never happens
+ setTimeout(function () { var a = document.querySelector('.cowlendar-add-to-cart'); if (a) a.classList.add('dw-add-ready'); }, 15000);
+ }
+ if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init();
+ window.addEventListener('load', function () { setTimeout(placeAndReveal, 800); });
+})();
+</script>
+<!-- /DW price-buy -->
+{% endunless %}
+{% endif %}
+
+</head>
+
+<body
+ class="
+ template-{{ template.name }}
+ template-suffix-{{ template.suffix }}
+
+ {% if customer %}
+ customer-logged-in
+ {% endif %}
+ "
+>
+
+ {%- comment -%}
+ ── China Region Block (added 2026-02-27) ──
+ Blocks visitors from CN country code with a full-screen overlay.
+ {%- endcomment -%}
+ {%- if localization.country.iso_code == 'CN' -%}
+ <div id="region-block" style="position:fixed;inset:0;z-index:999999;background:#ffffff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;">
+ <h1 style="font-size:24px;color:#333;margin-bottom:16px;">This store is not available in your region</h1>
+ <p style="font-size:16px;color:#666;max-width:500px;">We apologize for the inconvenience, but this store does not currently serve customers in your region.</p>
+ </div>
+ <style>body{overflow:hidden !important;}</style>
+ {%- endif -%}
+
+ {% sections 'header-group' %}
+ {% render 'dw-samples-banner' %}
+
+ {%- assign dw_trade_experience = false -%}
+ {%- if customer and customer.tags contains 'trade_approved' -%}{%- assign dw_trade_experience = true -%}{%- endif -%}
+ {%- if template.name == 'page' and page.handle == 'trade-only-benefits' -%}
+ {% render 'dw-trade-apply' %}
+ {%- elsif template.name == 'index' and dw_trade_experience -%}
+ {% render 'dw-trade-home' %}
+ {%- else -%}
+ <div style="--background-color: {{ settings.background-color }}">
+ {%
+ render 'age-gate',
+ id: 'page',
+ sections: content_for_layout,
+ %}
+ </div>
+ {%- endif -%}
+
+ {% include 'quickshop' %}
+
+ {% comment %}Inject icon-star-symbol begin{% endcomment %}
+ <svg
+ class="icon-star-reference"
+ aria-hidden="true"
+ focusable="false"
+ role="presentation"
+ xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="3 3 17 17" fill="none"
+ >
+ <symbol id="icon-star">
+ <rect class="icon-star-background" width="20" height="20" fill="currentColor"/>
+ <path d="M10 3L12.163 7.60778L17 8.35121L13.5 11.9359L14.326 17L10 14.6078L5.674 17L6.5 11.9359L3 8.35121L7.837 7.60778L10 3Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+ </symbol>
+ <clipPath id="icon-star-clip">
+ <path d="M10 3L12.163 7.60778L17 8.35121L13.5 11.9359L14.326 17L10 14.6078L5.674 17L6.5 11.9359L3 8.35121L7.837 7.60778L10 3Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+ </clipPath>
+ </svg>
+ {% comment %}Inject icon-star-symbol end{% endcomment %}
+
+ {%- unless template.name == 'page' and page.handle == 'trade-only-benefits' or template.name == 'index' and dw_trade_experience -%}
+ <div class="main-content">
+ {% comment %}cache-touch 20260730-133317 recompile-guard{% endcomment %}{% render "dw-boost-overrides" %}
+ {{ content_for_layout }}
+ </div>
+ {%- endunless -%}
+
+ <div class="site-overlay" data-site-overlay></div>
+
+ {% sections 'footer-group' %}
+
+ <!-- Scripts -->
+ <!-- Third Party JS Libraries -->
+ <script src="{{ 'modernizr-2.8.2.min.js' | asset_url }}" defer></script>
+
+ {% if template contains 'cart' %}
+ <script src="{{ '/services/javascripts/countries.js' }}" defer></script>
+ <script src="{{ 'shopify_common.js' | shopify_asset_url }}" defer></script>
+ {% endif %}
+
+ {% if template contains 'customers' %}
+ <script src="{{ 'shopify_common.js' | shopify_asset_url }}" defer></script>
+ <script src="{{ 'customer_area.js' | shopify_asset_url }}" defer></script>
+ {% endif %}
+
+ <script src="{{ 'grid.js' | asset_url }}" defer></script>
+
+ {% comment %}Inject @pixelunion/shopify-structured-data/structured-data-article begin{% endcomment %}
+ {% comment %}
+ Article structured data
+ https://developers.google.com/search/docs/data-types/articles
+ {% endcomment %}
+
+ {% if template contains 'article' %}
+ {%- capture article_description -%}
+ {%- if article.excerpt != blank -%}
+ {{ article.excerpt | strip_html }}
+ {%- else -%}
+ {{ article.content | truncatewords: 100 | strip_html }}
+ {%- endif -%}
+ {%- endcapture -%}
+
+ <script type="application/ld+json">
+ {
+ "@context": "http://schema.org",
+ "@type": "BlogPosting",
+ "mainEntityOfPage": {
+ "@type": "WebPage",
+ "@id": "{{ shop.url }}{{ article.url }}"
+ },
+ "headline": {{ article.title | json }},
+ {% if article.image %}
+ "image": {
+ "@type": "ImageObject",
+ "url": {{ article.image | img_url: '800x800' | prepend: 'https:' | json }},
+ "height": 800,
+ "width": 800
+ },
+ {% endif %}
+ "datePublished": {{ article.published_at | date: '%Y-%m-%dT%H:%M:%S%z' | json}},
+ "dateModified": {{ article.published_at | date: '%Y-%m-%dT%H:%M:%S%z' | json}},
+ "author": {
+ "@type": "Person",
+ "name": {{ article.author | json }}
+ },
+ "publisher": {
+ "@type": "Organization",
+ "name": {{ shop.name | json }},
+ "logo": {
+ "@type": "ImageObject",
+ "url": {{ article.user.image | img_url: '200x200' | prepend: 'https:' | json }}
+ }
+ },
+ "description": {{ article_description | json }}
+ }
+ </script>
+ {% endif %}
+ {% comment %}Inject @pixelunion/shopify-structured-data/structured-data-article end{% endcomment %}
+
+ {% comment %}Inject @pixelunion/shopify-structured-data/structured-data-breadcrumbs begin{% endcomment %}
+ {% comment %}
+ Breadcrumbs
+ https://developers.google.com/search/docs/data-types/breadcrumbs
+ {% endcomment %}
+
+ {%- if current_tags -%}
+ {%- assign tag_names = current_tags | join: ', ' %}
+ {% comment %}Converting an array to a handle converts it to a string{% endcomment %}
+ {%- capture tag_handles -%}
+ {%- for tag in current_tags -%}
+ {{- tag | handle | append: '|' -}}
+ {%- endfor -%}
+ {%- endcapture -%}
+ {%- endif -%}
+
+ {% if collection.url == blank %}
+ {% assign collection_url = '/collections/all' %}
+ {% else %}
+ {% assign collection_url = collection.url %}
+ {% endif %}
+
+ {% if template.name == 'product'
+ or template.name == 'list-collections'
+ or template.name == 'collection'
+ or template.name == 'blog'
+ or template.name == 'article'
+ or template.name == 'search'
+ or template.name == 'cart'
+ or template.name == 'page'
+ %}
+
+ <script type="application/ld+json">
+ {
+ "@context": "http://schema.org",
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {% case template.name %}
+ {% when 'product' %}
+ {% if product.collections.size >= 1 %}
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "item": {
+ "@id": "{{ shop.url }}/collections",
+ "name": {{ 'structured_data.breadcrumbs.collections' | t | json }}
+ }
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "item": {
+ "@id": "{{ shop.url }}/collections/{{ product.collections.first.handle }}",
+ "name": {{ product.collections.first.title | json }}
+ }
+ },
+ {% else %}
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "item": {
+ "@id": "{{ shop.url }}/products",
+ "name": {{ 'structured_data.breadcrumbs.products' | t | json }}
+ }
+ },
+ {% endif %}
+ {
+ "@type": "ListItem",
+ "position": {% if product.collections.size >= 1 %}3{% else %}2{% endif %},
+ "item": {
+ "@id": "{{ shop.url }}{{ product.url | within: collection }}",
+ "name": {{ product.title | json }}
+ }
+ }
+ {% when 'list-collections' %}
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "item": {
+ "@id": "{{ shop.url }}/collections",
+ "name": {{ 'structured_data.breadcrumbs.collections' | t | json }}
+ }
+ }
+ {% if current_page != 1 %}
+ ,
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "item": {
+ "@id": "{{ shop.url }}/collections",
+ "name": {{ 'structured_data.breadcrumbs.page' | t: page: current_page | json }}
+ }
+ }
+ {% endif %}
+ {% when 'collection' %}
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "item": {
+ "@id": "{{ shop.url }}/collections",
+ "name": {{ 'structured_data.breadcrumbs.collections' | t | json }}
+ }
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "item": {
+ "@id": "{{ shop.url }}{{ collection_url }}",
+ "name": {{ collection.title | json }}
+ }
+ }
+ {% if current_tags %}
+ ,
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "item": {
+ "@id": "{{ shop.url }}{{ collection_url }}/{{- tag_handles | split: '|' | join: '+' -}}",
+ "name": {{ 'structured_data.breadcrumbs.tags_html' | t: tags: tag_names | json }}
+ }
+ }
+ {% endif %}
+ {% if current_page != 1 %}
+ {% if current_tags %}
+ {% assign position = 4 %}
+ {% else %}
+ {% assign position = 3 %}
+ {% endif %}
+ ,
+ {
+ "@type": "ListItem",
+ "position": {{ position }},
+ "item": {
+ "@id": "{{ shop.url }}/collections?page={{ current_page }}",
+ "name": {{ 'structured_data.breadcrumbs.page' | t: page: current_page | json }}
+ }
+ }
+ {% endif %}
+ {% when 'blog' or 'article' %}
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "item": {
+ "@id": "{{ shop.url }}{{ blog.url }}",
+ "name": {{ blog.title | json }}
+ }
+ }
+ {% if template.name == 'article' %}
+ ,
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "item": {
+ "@id": "{{ shop.url }}{{ article.url }}",
+ "name": {{ article.title | json }}
+ }
+ }
+ {% elsif current_tags %}
+ ,
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "item": {
+ "@id": "{{ shop.url }}{{ blog.url }}/tagged/{{- tag_handles | split: '|' | join: '+' -}}",
+ "name": {{ 'structured_data.breadcrumbs.tags_html' | t: tags: tag_names | json }}
+ }
+ }
+ {% endif %}
+ {% if current_page != 1 %}
+ {% if current_tags %}
+ {% assign position = 3 %}
+ {%- capture url -%}
+ {{ shop.url }}{{ blog.url }}/tagged/{{ tag_handles | split: '|' | join: '+' }}?page={{ current_page }}
+ {%- endcapture -%}
+ {% else %}
+ {% assign position = 2 %}
+ {%- capture url -%}
+ {{ shop.url }}{{ blog.url }}?page={{ current_page }}
+ {%- endcapture -%}
+ {% endif %}
+ ,
+ {
+ "@type": "ListItem",
+ "position": {{ position }},
+ "item": {
+ "@id": "{{ url }}",
+ "name": {{ 'structured_data.breadcrumbs.page' | t: page: current_page | json }}
+ }
+ }
+ {% endif %}
+ {% when 'search' %}
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "item": {
+ "@id": "{{ shop.url }}/search",
+ "name": {{ 'structured_data.breadcrumbs.search' | t | json }}
+ }
+ }
+ {% if search.performed %}
+ ,
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "item": {
+ "@id": "{{ shop.url }}/search?q={{ search.terms }}",
+ "name": {{ search.terms | json }}
+ }
+ }
+ {% if current_page != 1 %}
+ ,
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "item": {
+ "@id": "{{ shop.url }}/search?page={{ current_page }}&q={{ search.terms }}",
+ "name": {{ 'structured_data.breadcrumbs.page' | t: page: current_page | json }}
+ }
+ }
+ {% endif %}
+ {% endif %}
+ {% when 'cart' %}
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "item": {
+ "@id": "{{ shop.url }}/cart",
+ "name": {{ 'structured_data.breadcrumbs.cart' | t | json }}
+ }
+ }
+ {% when 'page' %}
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "item": {
+ "@id": "{{ page.url }}",
+ "name": {{ page.title | json }}
+ }
+ }
+ {% else %}
+ {% endcase %}
+ ]
+ }
+ </script>
+ {% endif %}
+ {% comment %}Inject @pixelunion/shopify-structured-data/structured-data-breadcrumbs end{% endcomment %}
+
+ {% comment %}Inject @pixelunion/shopify-structured-data/structured-data-product begin{% endcomment %}
+ {% comment %}
+ Product structured data
+ https://developers.google.com/search/docs/data-types/products
+ {% endcomment %}
+
+ {% if template contains 'product' %}
+ {% assign selected_variant = product.selected_or_first_available_variant | default: product.variants.first %}
+ {% assign product_image = selected_variant.featured_image | default: product.featured_image %}
+ {%- capture product_name -%}
+ {{ product.title }}
+ {%- if selected_variant.title != 'Default Title' and selected_variant.option1 == 'Default Title' -%}
+ - {{ selected_variant.title }}
+ {%- endif -%}
+ {%- endcapture -%}
+
+ {%- assign now = 'now' | date: '%Y-%m-%d' | split: '-' -%}
+ {% capture year_from_now %}{{ now[0] | plus: 1 }}-{{ now[1] }}-{{ now[2] | at_most: 28 }}{% endcapture %}
+
+ <script type="application/ld+json">
+ {
+ "@context": "http://schema.org/",
+ "@type": "Product",
+ "name": {{ product_name | strip_newlines | json }},
+ "image": {{ product_image | img_url: '1024x1024' | prepend: 'https:' | json }},
+ {% if product.description != blank %}
+ "description": {{ product.description | json }},
+ {% endif %}
+ {% if product.vendor %}
+ "brand": {
+ "@type": "Thing",
+ "name": {{ product.vendor | json }}
+ },
+ {% endif %}
+ {% if selected_variant.sku != blank %}
+ "sku": {{ selected_variant.sku | json }},
+ {% endif %}
+ {% if selected_variant.barcode != blank %}
+ "mpn": {{ selected_variant.barcode | json }},
+ {% endif %}
+ "offers": {
+ "@type": "Offer",
+ "priceCurrency": {{ cart.currency.iso_code | json }},
+ "price": {{ selected_variant.price | divided_by: 100.0 | json }},
+ "availability": "http://schema.org/{% if selected_variant.available %}InStock{% else %}OutOfStock{% endif %}",
+ "url": "{{ shop.url }}{{ selected_variant.url }}",
+ "seller": {
+ "@type": "Organization",
+ "name": {{ shop.name | json }}
+ },
+ "priceValidUntil": {{ year_from_now | json }}
+ }
+ }
+ </script>
+ {% endif %}
+ {% comment %}Inject @pixelunion/shopify-structured-data/structured-data-product end{% endcomment %}
+
+ {% comment %}Inject @pixelunion/shopify-structured-data/structured-data-website begin{% endcomment %}
+ {% comment %}
+ Store information
+ https://developers.google.com/search/docs/data-types/sitename
+ {% endcomment %}
+
+ <script type="application/ld+json">
+ {
+ "@context": "http://schema.org",
+ "@type": "WebSite",
+ "name": "{{ shop.name }}",
+ "url": "{{ shop.url }}"
+ }
+ </script>
+ {% comment %}Inject @pixelunion/shopify-structured-data/structured-data-website end{% endcomment %}
+
+ <form id="checkout_form" action="{{ routes.cart_url }}" method="POST" style="display: none;"></form>
+
+ <script>
+ (function () {
+ function handleFirstTab(e) {
+ if (e.keyCode === 9) { // the "I am a keyboard user" key
+ document.body.classList.add('user-is-tabbing');
+ window.removeEventListener('keydown', handleFirstTab);
+ }
+ }
+ window.addEventListener('keydown', handleFirstTab);
+ })();
+ </script>
+ <script>(function(n, v) {/* eslint-disable-next-line max-len */if (window.Shopify && window.Shopify.theme && navigator && navigator.sendBeacon && window.Shopify.designMode) {if (sessionStorage.getItem('oots_beacon')) return;navigator.sendBeacon('https://app.outofthesandbox.com/beacon', new URLSearchParams({shop_domain: window.Shopify.shop.toLowerCase(),shop_id: '{{ shop.id }}',shop_email: '{{ shop.email }}',theme_name: n.toLowerCase(),theme_version: v.toLowerCase(),theme_store_id: window.Shopify.theme.theme_store_id,theme_id: window.Shopify.theme.id,theme_role: window.Shopify.theme.role,}));sessionStorage.setItem('oots_beacon', '');}}('grid','7.1.0'))</script>
+
+<!--Start of Zendesk Chat Script-->
+<script async>
+window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
+d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
+_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
+$.src="https://v2.zopim.com/?RH5Yjru86SIJRwOxfiMAf2DTCgdROhhf";z.t=+new Date;$.
+type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
+</script>
+<!--End of Zendesk Chat Script-->
+<!-- Statcounter code for DW - Started 3/5/19
+http://DesignerWallcoverings.com on Shopify -->
+<script type="text/javascript">
+var sc_project=11961678;
+var sc_invisible=1;
+var sc_security="9d9a53bd";
+var sc_https=1;
+</script>
+<script type="text/javascript"
+src="https://www.statcounter.com/counter/counter.js"
+async></script>
+<noscript><div class="statcounter"><a title="web statistics"
+href="https://statcounter.com/" target="_blank"><img
+class="statcounter"
+src="https://c.statcounter.com/11961678/0/9d9a53bd/1/"
+alt="web statistics"></a></div></noscript>
+<!-- End of Statcounter Code -->
+
+{% render 'hide-browse-hidden' %}
+
+<!-- DW: price restore band-aid removed 2026-06-11 — root cause (blank saw_variant_price) fixed in product-form-content.liquid; no price-hiding CSS exists. -->
+{%- comment -%} DW Shop-by-Color wheel {%- endcomment -%}
+<script>window.DW_CW_DATA="{{ 'dw-color-wheel-data.json' | asset_url }}";</script>
+<script src="{{ 'dw-color-wheel.js' | asset_url }}" defer></script>
+{%- comment -%} DW Phillip-Jeffries browse hide (stopgap) {%- endcomment -%}
+<script src="{{ 'dw-pj-hide.js' | asset_url }}" defer></script>
+{%- comment -%} DW card hover label: Pattern, Color + Vendor on hover (2026-06-22) {%- endcomment -%}
+<script src="{{ 'dw-card-hover.js' | asset_url }}" defer></script>
+
+<!-- DW min-qty start -->
+{% if template contains 'product' %}
+<script>
+(function () {
+ function minFromText(s) {
+ if (/sample/i.test(s)) return 1; // a sample is always a single unit
+ var m = String(s || '').match(/(\d+)\s*yd\s*min/i);
+ return m ? parseInt(m[1], 10) : null;
+ }
+ function qtyInput() {
+ return document.querySelector('.mm_quantity .input-text.qty, .mm_quantity input.qty, .input-text.qty');
+ }
+ // the Size selector = the single-option-selector whose selected label encodes a "yd min"
+ function sizeText() {
+ var sels = document.querySelectorAll('select.single-option-selector, select[name^="options"]');
+ for (var i = 0; i < sels.length; i++) {
+ var s = sels[i];
+ if (s.selectedIndex < 0 || !s.options[s.selectedIndex]) continue;
+ var t = s.options[s.selectedIndex].textContent;
+ if (/yd\s*min|wallcovering|sold\s*per\s*yard|sample/i.test(t)) return t;
+ }
+ return '';
+ }
+ function currentMin() { return minFromText(sizeText()) || 1; }
+
+ function clampUp(qi) {
+ if (qi && qi.getAttribute && qi.getAttribute('data-order-min')) return; // yield: custom.js data-order-* stepper owns MOQ qty
+ var min = parseInt(qi.getAttribute('min'), 10) || 1;
+ var v = parseInt(qi.value, 10);
+ if (isNaN(v) || v < min) { if (String(qi.value) !== String(min)) qi.value = min; }
+ }
+ function applyMin(forceValue) {
+ var qi = qtyInput();
+ if (!qi) return;
+ if (qi.getAttribute('data-order-min')) return; // yield: custom.js data-order-* stepper owns MOQ qty
+ var min = currentMin();
+ if (String(qi.getAttribute('min')) !== String(min)) qi.setAttribute('min', min);
+ if (qi.getAttribute('step') !== '1') qi.setAttribute('step', 1); // floor only; +1 increments above it
+ var cur = parseInt(qi.value, 10);
+ if (forceValue || isNaN(cur) || cur < min) {
+ if (String(qi.value) !== String(min)) { qi.value = min; qi.dispatchEvent(new Event('change', { bubbles: true })); }
+ } else { clampUp(qi); }
+ }
+
+ function wire() {
+ var qi = qtyInput();
+ if (qi && !qi.__minClamp) {
+ qi.__minClamp = true;
+ ['input', 'change', 'blur', 'keyup'].forEach(function (ev) { qi.addEventListener(ev, function () { clampUp(qi); }); });
+ }
+ // re-clamp after the ± buttons act
+ document.querySelectorAll('.mm_quantity .minus, .mm_quantity .plus').forEach(function (b) {
+ if (b.__minClamp) return; b.__minClamp = true;
+ b.addEventListener('click', function () { setTimeout(function () { clampUp(qtyInput() || {}); }, 20); });
+ });
+ // variant pickers -> jump to the new floor
+ document.querySelectorAll('select.single-option-selector, select[name^="options"], input[type="radio"][name*="ption"]').forEach(function (el) {
+ if (el.__minWired) return; el.__minWired = true;
+ el.addEventListener('change', function () { setTimeout(function () { applyMin(true); }, 40); });
+ });
+ applyMin(true);
+ }
+
+ function start() {
+ wire();
+ // the theme resets qty to 1 at ~1000ms — re-apply after that so the floor wins
+ [1100, 1600, 2500].forEach(function (t) { setTimeout(function () { applyMin(true); }, t); });
+ // the theme REBUILDS the qty widget on variant change (resetting min to 1); a light
+ // recurring re-assert keeps the floor correct without disrupting values at/above it
+ setInterval(function () { wire(); applyMin(false); }, 400);
+ }
+ if (document.readyState !== 'loading') start();
+ else document.addEventListener('DOMContentLoaded', start);
+ // re-wire if the form re-renders (debounced; keeps min synced, never forces value)
+ var d;
+ new MutationObserver(function () { clearTimeout(d); d = setTimeout(function () { wire(); applyMin(false); }, 150); })
+ .observe(document.documentElement, { subtree: true, childList: true });
+})();
+</script>
+{% endif %}
+<!-- DW min-qty end -->
+{% unless customer.tags contains 'trade' %}{% render 'dw-signin-modal' %}{% endunless %}
+{% comment %} Steve 2026-07-28: hover any product chip → show its SKU + product type (site-wide) {% endcomment %}
+{% render 'dw-hover-meta' %}
+{% render 'dw-tile-image-fix', ph: page.handle %}
+</body>
+</html>
diff --git a/shopify/staged/trade-account-ux-20260828/snippets/dw-samples-banner.liquid b/shopify/staged/trade-account-ux-20260828/snippets/dw-samples-banner.liquid
new file mode 100644
index 00000000..437836b4
--- /dev/null
+++ b/shopify/staged/trade-account-ux-20260828/snippets/dw-samples-banner.liquid
@@ -0,0 +1,32 @@
+{%- comment -%} DW-SAMPLES-BANNER v1 — lifetime retail allowance + approved-trade entitlement. {%- endcomment -%}
+<!-- DW-SAMPLES-BANNER v1 -->
+{%- assign dw_is_trade = false -%}
+{%- if customer and customer.tags contains 'trade_approved' -%}{%- assign dw_is_trade = true -%}{%- endif -%}
+{%- assign dw_samples_used = customer.metafields.custom.free_samples_used.value | default: 0 | plus: 0 -%}
+{%- assign dw_samples_remaining = 3 | minus: dw_samples_used -%}
+{%- if dw_samples_remaining < 0 -%}{%- assign dw_samples_remaining = 0 -%}{%- endif -%}
+{%- assign dw_login_separator = '?' -%}
+{%- if routes.account_login_url contains '?' -%}{%- assign dw_login_separator = '&' -%}{%- endif -%}
+<style>
+ .dw-sample-banner{position:relative;z-index:60;background:#1a1714;color:#faf7f2;font-family:-apple-system,'Inter',system-ui,sans-serif;font-size:13px;line-height:1.4;letter-spacing:.02em;padding:11px 46px 11px 20px;text-align:center;border-bottom:1px solid #2b2620}
+ .dw-sample-banner a.dw-sb-cta{color:#faf7f2;text-decoration:underline;text-underline-offset:2px;font-weight:600;white-space:nowrap}
+ .dw-sample-banner a.dw-sb-cta:hover{color:#e7c9a6}
+ .dw-sample-banner .dw-sb-lead{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600;color:#b8865c;margin-right:8px}
+ .dw-sample-banner .dw-sb-msg{display:inline}.dw-sample-banner .dw-sb-sub{opacity:.72;font-size:11px;margin-left:6px}
+ .dw-sample-banner .dw-sb-sub a.dw-sb-cta{font-weight:500}
+ .dw-sample-banner .dw-sb-x{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:0;color:#faf7f2;opacity:.6;font-size:18px;line-height:1;cursor:pointer;padding:4px 8px}
+ .dw-sample-banner .dw-sb-x:hover{opacity:1}.dw-sb-hidden{display:none!important}
+ @media(max-width:600px){.dw-sample-banner{font-size:12px;padding:10px 40px 10px 14px}.dw-sample-banner .dw-sb-lead,.dw-sample-banner .dw-sb-sub{display:block;margin:2px 0 0}}
+</style>
+<div class="dw-sample-banner" id="dwSampleBanner" role="region" aria-label="Complimentary samples offer">
+ {%- if dw_is_trade -%}
+ <span class="dw-sb-lead">Approved Trade</span><span class="dw-sb-msg">Your samples are complimentary with no limit. <a class="dw-sb-cta" href="{{ routes.all_products_collection_url }}">Choose samples ›</a></span>
+ {%- elsif customer -%}
+ <span class="dw-sb-lead">Your Account</span><span class="dw-sb-msg">You have {{ dw_samples_remaining }} of 3 lifetime complimentary samples remaining — applied automatically at checkout. <a class="dw-sb-cta" href="{{ routes.all_products_collection_url }}">Choose samples ›</a> <span class="dw-sb-sub">Design professional? <a class="dw-sb-cta" href="/pages/trade-only-benefits">Apply for unlimited samples ›</a></span></span>
+ {%- else -%}
+ <span class="dw-sb-lead">Complimentary Samples</span><span class="dw-sb-msg"><a class="dw-sb-cta" href="{{ routes.account_login_url }}{{ dw_login_separator }}return_url={{ routes.all_products_collection_url | url_encode }}">Existing customer? Sign in. New here? Create an account.</a> Retail accounts receive 3 lifetime complimentary samples. <span class="dw-sb-sub">Approved design professionals receive unlimited samples.</span></span>
+ {%- endif -%}
+ <button class="dw-sb-x" type="button" aria-label="Dismiss complimentary samples message" onclick="(function(b){try{sessionStorage.setItem('dw_sample_banner_dismissed','1')}catch(e){}b.parentNode.classList.add('dw-sb-hidden')})(this)">×</button>
+</div>
+<script>(function(){try{if(sessionStorage.getItem('dw_sample_banner_dismissed')==='1'){var b=document.getElementById('dwSampleBanner');if(b)b.classList.add('dw-sb-hidden')}}catch(e){}})();</script>
+<!-- /DW-SAMPLES-BANNER -->
diff --git a/shopify/staged/trade-account-ux-20260828/snippets/dw-trade-apply.liquid b/shopify/staged/trade-account-ux-20260828/snippets/dw-trade-apply.liquid
new file mode 100644
index 00000000..c7a89712
--- /dev/null
+++ b/shopify/staged/trade-account-ux-20260828/snippets/dw-trade-apply.liquid
@@ -0,0 +1,146 @@
+{%- comment -%} DW-TRADE-APPLY v1 — benefits-first trade application and existing-account entry. {%- endcomment -%}
+<!-- DW-TRADE-APPLY v1 -->
+{%- assign dw_trade_is_approved = false -%}
+{%- if customer and customer.tags contains 'trade_approved' -%}{%- assign dw_trade_is_approved = true -%}{%- endif -%}
+<main class="dw-ta" aria-labelledby="dwTaTitle">
+ <section class="dw-ta-hero">
+ <div class="dw-ta-hero__media" role="img" aria-label="Textural designer wallcovering in a refined interior"></div>
+ <div class="dw-ta-hero__copy">
+ <p class="dw-ta-eyebrow">Designer Wallcoverings · Trade program</p>
+ <h1 id="dwTaTitle">A better way to source the wall.</h1>
+ <p class="dw-ta-deck">For interior designers, architects, hospitality teams, and qualified design professionals. Apply once for a project-ready account with unlimited complimentary samples.</p>
+ <div class="dw-ta-actions">
+ <a class="dw-ta-button dw-ta-button--dark" href="#dwTradeApplication">Apply for trade</a>
+ <a class="dw-ta-button dw-ta-button--quiet" href="{{ routes.account_login_url }}{% if routes.account_login_url contains '?' %}&{% else %}?{% endif %}return_url={{ request.path | url_encode }}">Existing account sign in</a>
+ </div>
+ <p class="dw-ta-note">Already shopped with us? Sign in with the same email to retain your account and order history—do not create a second account.</p>
+ </div>
+ </section>
+
+ <section class="dw-ta-benefits" aria-labelledby="dwTaBenefits">
+ <div class="dw-ta-heading">
+ <p class="dw-ta-eyebrow">Trade privileges</p>
+ <h2 id="dwTaBenefits">Made for material decisions.</h2>
+ </div>
+ <div class="dw-ta-benefit-grid">
+ <article><span>01</span><h3>Unlimited samples</h3><p>Approved designers receive complimentary sample pricing automatically while signed in.</p></article>
+ <article><span>02</span><h3>Project sourcing</h3><p>Bring us a reference, performance brief, or hard-to-find pattern. Our specialists help narrow the field.</p></article>
+ <article><span>03</span><h3>Residential + contract</h3><p>Source decorative collections alongside Type II, acoustic, hospitality, and commercial surfaces.</p></article>
+ <article><span>04</span><h3>A real design desk</h3><p>Get support from people who understand repeats, grounds, yardage, lead times, and installation.</p></article>
+ </div>
+ </section>
+
+ <section class="dw-ta-apply" id="dwTradeApplication" aria-labelledby="dwTaApplyTitle">
+ <aside class="dw-ta-apply__intro">
+ <p class="dw-ta-eyebrow">Trade application</p>
+ <h2 id="dwTaApplyTitle">Tell us about your practice.</h2>
+ <p>Applications are reviewed by our team. Approval activates your trade experience and unlimited complimentary samples.</p>
+ <div class="dw-ta-existing">
+ <strong>Existing customer?</strong>
+ <span>Use your original email so your orders and account stay together.</span>
+ <a href="{{ routes.account_login_url }}{% if routes.account_login_url contains '?' %}&{% else %}?{% endif %}return_url={{ request.path | url_encode }}">Sign in to your existing account ›</a>
+ </div>
+ </aside>
+
+ <div class="dw-ta-form-wrap">
+ {%- if dw_trade_is_approved -%}
+ <div class="dw-ta-approved" role="status">
+ <p class="dw-ta-eyebrow">Trade account active</p>
+ <h3>You’re already approved.</h3>
+ <p>Your unlimited complimentary sample benefit applies automatically while you are signed in.</p>
+ <a class="dw-ta-button dw-ta-button--dark" href="{{ routes.all_products_collection_url }}">Start sourcing</a>
+ </div>
+ {%- else -%}
+ <form class="dw-ta-form" id="dwTradeForm" novalidate>
+ <div class="dw-ta-field dw-ta-field--wide">
+ <label for="dwTaName">Your name <span aria-hidden="true">*</span></label>
+ <input id="dwTaName" name="contact_name" type="text" autocomplete="name" required>
+ </div>
+ <div class="dw-ta-field">
+ <label for="dwTaEmail">Work email <span aria-hidden="true">*</span></label>
+ <input id="dwTaEmail" name="email" type="email" autocomplete="email" value="{{ customer.email | escape }}" required>
+ </div>
+ <div class="dw-ta-field">
+ <label for="dwTaPhone">Phone <span aria-hidden="true">*</span></label>
+ <input id="dwTaPhone" name="phone" type="tel" autocomplete="tel" required>
+ </div>
+ <div class="dw-ta-field dw-ta-field--wide">
+ <label for="dwTaBusiness">Studio or business name <span aria-hidden="true">*</span></label>
+ <input id="dwTaBusiness" name="business_name" type="text" autocomplete="organization" required>
+ </div>
+ <div class="dw-ta-field">
+ <label for="dwTaRole">Professional role <span aria-hidden="true">*</span></label>
+ <select id="dwTaRole" name="professional_role" required>
+ <option value="">Select one</option><option>Interior designer</option><option>Architect</option><option>Hospitality / contract</option><option>Set decorator</option><option>Purchasing agent</option><option>Installer / workroom</option><option>Other design professional</option>
+ </select>
+ </div>
+ <div class="dw-ta-field">
+ <label for="dwTaWebsite">Website or portfolio</label>
+ <input id="dwTaWebsite" name="website" type="url" autocomplete="url" placeholder="https://">
+ </div>
+ <div class="dw-ta-field">
+ <label for="dwTaLocation">City + state <span aria-hidden="true">*</span></label>
+ <input id="dwTaLocation" name="location" type="text" autocomplete="address-level2" required>
+ </div>
+ <div class="dw-ta-field">
+ <label for="dwTaCredential">Resale certificate / license</label>
+ <input id="dwTaCredential" name="resale_cert" type="text">
+ </div>
+ <div class="dw-ta-field dw-ta-field--wide">
+ <label for="dwTaProjects">What kinds of projects are you sourcing?</label>
+ <textarea id="dwTaProjects" name="project_types" rows="3" placeholder="Residential, hospitality, workplace…"></textarea>
+ </div>
+ <div class="dw-ta-field dw-ta-field--wide dw-ta-consent">
+ <label><input name="terms_acknowledged" type="checkbox" value="yes" required> <span>I certify that I am applying on behalf of a design-related business and agree to the <a href="/pages/privacy-policy">privacy policy</a>.</span></label>
+ </div>
+ <div class="dw-ta-submit dw-ta-field--wide">
+ <button class="dw-ta-button dw-ta-button--dark" type="submit">Submit application</button>
+ <p id="dwTradeStatus" class="dw-ta-status" aria-live="polite"></p>
+ </div>
+ </form>
+ {%- endif -%}
+ </div>
+ </section>
+</main>
+
+<style>
+ .dw-ta{--ta-ink:#181713;--ta-paper:#f3efe7;--ta-line:#d8d0c4;--ta-bronze:#795833;color:var(--ta-ink);background:#fff;font-family:var(--element-text-font-family--body,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)}
+ .dw-ta *{box-sizing:border-box}.dw-ta-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:690px;background:var(--ta-paper)}
+ .dw-ta-hero__media{min-height:620px;background:linear-gradient(0deg,rgba(20,18,14,.12),rgba(20,18,14,.02)),url('https://cdn.shopify.com/s/files/1/0015/4117/7456/files/c2acf0647337dfa933dadf4f1aea2f3c.jpg') center/cover no-repeat}
+ .dw-ta-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,7vw,108px)}
+ .dw-ta-eyebrow{margin:0 0 18px;color:var(--ta-bronze);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
+ .dw-ta h1,.dw-ta h2,.dw-ta h3{font-family:var(--element-text-font-family--heading,Georgia,serif);font-weight:400;text-transform:none}.dw-ta h1{max-width:640px;margin:0;font-size:clamp(48px,5.7vw,82px);line-height:.98;letter-spacing:-.035em}.dw-ta-deck{max-width:600px;margin:28px 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.65;color:#504c45}
+ .dw-ta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.dw-ta-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;border:1px solid var(--ta-ink);padding:13px 24px;background:transparent;color:var(--ta-ink);font:700 11px/1.2 var(--element-text-font-family--body,sans-serif);letter-spacing:.12em;text-decoration:none;text-transform:uppercase;cursor:pointer}.dw-ta-button--dark{background:var(--ta-ink);color:#fff}.dw-ta-button--quiet{background:transparent}.dw-ta-note{max-width:570px;margin:18px 0 0;font-size:13px;line-height:1.55;color:#6d675e}
+ .dw-ta-benefits{padding:clamp(72px,9vw,128px) clamp(24px,7vw,110px)}.dw-ta-heading{max-width:700px;margin-bottom:52px}.dw-ta-heading h2,.dw-ta-apply__intro h2{font-size:clamp(38px,4.3vw,62px);line-height:1.04;margin:0}.dw-ta-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(22px,3vw,46px)}.dw-ta-benefit-grid article{border-top:1px solid var(--ta-line);padding-top:20px}.dw-ta-benefit-grid article>span{color:var(--ta-bronze);font-size:11px;letter-spacing:.15em}.dw-ta-benefit-grid h3{font-size:24px;line-height:1.15;margin:17px 0 12px}.dw-ta-benefit-grid p{margin:0;color:#625d55;line-height:1.65}
+ .dw-ta-apply{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:clamp(42px,8vw,130px);padding:clamp(70px,9vw,130px) clamp(24px,7vw,110px);background:var(--ta-paper)}.dw-ta-apply__intro>p:not(.dw-ta-eyebrow){max-width:480px;color:#5c574f;line-height:1.7}.dw-ta-existing{margin-top:40px;padding-top:25px;border-top:1px solid var(--ta-line)}.dw-ta-existing strong,.dw-ta-existing span,.dw-ta-existing a{display:block}.dw-ta-existing span{margin:8px 0 12px;color:#5c574f;line-height:1.55}.dw-ta-existing a{color:var(--ta-ink);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-underline-offset:4px}
+ .dw-ta-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.dw-ta-field--wide{grid-column:1/-1}.dw-ta-field label{display:block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.06em}.dw-ta-field input,.dw-ta-field select,.dw-ta-field textarea{width:100%;min-height:50px;border:1px solid #aaa194;border-radius:0;background:#fff;color:var(--ta-ink);padding:12px 13px;font:16px/1.4 inherit}.dw-ta .selected-text{color:#5f5f5f}.dw-ta-field textarea{resize:vertical}.dw-ta-field input:focus,.dw-ta-field select:focus,.dw-ta-field textarea:focus{outline:3px solid rgba(121,88,51,.25);border-color:var(--ta-bronze)}.dw-ta-consent label{display:flex;gap:10px;font-weight:400;letter-spacing:0;line-height:1.5}.dw-ta-consent input{width:18px;min-height:18px;margin-top:2px}.dw-ta-consent a{color:inherit}.dw-ta-submit{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.dw-ta-status{margin:0;font-size:14px}.dw-ta-status[data-state="error"]{color:#982b23}.dw-ta-status[data-state="success"]{color:#32613d}.dw-ta-approved{padding:clamp(36px,6vw,72px);background:#fff;border:1px solid var(--ta-line)}.dw-ta-approved h3{font-size:38px;margin:0 0 14px}.dw-ta-approved p:not(.dw-ta-eyebrow){line-height:1.65;margin-bottom:25px}
+ .dw-ta a:focus-visible,.dw-ta button:focus-visible{outline:3px solid #bd8950;outline-offset:3px}
+ @media(max-width:900px){.dw-ta-hero{grid-template-columns:1fr}.dw-ta-hero__media{min-height:52vh}.dw-ta-benefit-grid{grid-template-columns:1fr 1fr}.dw-ta-apply{grid-template-columns:1fr}}
+ @media(max-width:560px){.dw-ta-hero__media{min-height:420px}.dw-ta-hero__copy{padding:48px 22px 62px}.dw-ta-actions{display:grid}.dw-ta-button{width:100%}.dw-ta-benefit-grid,.dw-ta-form{grid-template-columns:1fr}.dw-ta-field--wide{grid-column:auto}.dw-ta-submit{display:block}.dw-ta-status{margin-top:14px}.dw-ta-apply{padding-left:22px;padding-right:22px}}
+ @media(prefers-reduced-motion:reduce){.dw-ta *{scroll-behavior:auto!important;transition:none!important}}
+</style>
+
+{%- unless dw_trade_is_approved -%}
+<script>
+ (function(){
+ var form=document.getElementById('dwTradeForm');
+ var status=document.getElementById('dwTradeStatus');
+ if(!form||!status)return;
+ form.addEventListener('submit',async function(event){
+ event.preventDefault();
+ status.removeAttribute('data-state');
+ if(!form.checkValidity()){form.reportValidity();status.textContent='Please complete the required fields.';status.dataset.state='error';return;}
+ var button=form.querySelector('button[type="submit"]');
+ var data=Object.fromEntries(new FormData(form).entries());
+ button.disabled=true;button.textContent='Submitting…';status.textContent='Securely sending your application…';
+ try{
+ var response=await fetch('https://signup.designerwallcoverings.com/trade/apply',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(data)});
+ var result=await response.json().catch(function(){return {};});
+ if(!response.ok)throw new Error(result.error||'Application could not be submitted.');
+ form.reset();status.textContent='Application received. Our trade team will review it and follow up by email.';status.dataset.state='success';button.textContent='Application received';
+ }catch(error){status.textContent=error.message||'Please try again or call (888) 373-4564.';status.dataset.state='error';button.disabled=false;button.textContent='Submit application';}
+ });
+ })();
+</script>
+{%- endunless -%}
+<!-- /DW-TRADE-APPLY -->
diff --git a/shopify/staged/trade-account-ux-20260828/snippets/dw-trade-home.liquid b/shopify/staged/trade-account-ux-20260828/snippets/dw-trade-home.liquid
new file mode 100644
index 00000000..a7f6d178
--- /dev/null
+++ b/shopify/staged/trade-account-ux-20260828/snippets/dw-trade-home.liquid
@@ -0,0 +1,60 @@
+{%- comment -%} DW-TRADE-HOME v1 — rendered only for exact trade_approved customers on template index. {%- endcomment -%}
+<!-- DW-TRADE-HOME v1 -->
+<main class="dw-trade-home" aria-labelledby="dwTradeTitle">
+ <section class="dw-trade-hero">
+ <div class="dw-trade-hero__image" role="img" aria-label="Layered natural and architectural wallcovering materials"></div>
+ <div class="dw-trade-hero__veil"></div>
+ <div class="dw-trade-hero__content">
+ <p class="dw-trade-kicker">Designer Wallcoverings · Approved Trade</p>
+ <h1 id="dwTradeTitle">Your project workspace</h1>
+ <p>Source residential and contract wallcoverings, order unlimited complimentary memos, and move projects from concept to specification.</p>
+ <div class="dw-trade-actions">
+ <a class="dw-trade-btn dw-trade-btn--light" href="{{ routes.all_products_collection_url }}">Source wallcoverings</a>
+ <a class="dw-trade-btn dw-trade-btn--line" href="{{ routes.account_url }}">Orders & account</a>
+ </div>
+ </div>
+ </section>
+
+ <nav class="dw-trade-nav" aria-label="Trade workspace">
+ <a href="{{ routes.all_products_collection_url }}"><b>Source</b><span>All wallcoverings</span></a>
+ <a href="/pages/commercial-wallcoverings"><b>Contract</b><span>Performance surfaces</span></a>
+ <a href="/pages/book-appointment"><b>Project help</b><span>Book a specialist</span></a>
+ <a href="{{ routes.account_url }}"><b>Account</b><span>Orders & profile</span></a>
+ </nav>
+
+ <section class="dw-trade-benefits" aria-labelledby="dwTradeBenefits">
+ <div class="dw-trade-section-head">
+ <p class="dw-trade-kicker">Trade privileges active</p>
+ <h2 id="dwTradeBenefits">Built around your workflow</h2>
+ </div>
+ <div class="dw-trade-grid">
+ <article><span class="dw-trade-num">01</span><h3>Unlimited complimentary samples</h3><p>Add sample variants to the cart while signed in. Your approved-trade sample pricing applies automatically—no code and no retail cap.</p><a href="{{ routes.all_products_collection_url }}">Choose memos ›</a></article>
+ <article><span class="dw-trade-num">02</span><h3>Project sourcing support</h3><p>Bring us a concept, performance requirement, image, or missing pattern. Our team can help identify and source the right material.</p><a href="/pages/book-appointment">Meet a specialist ›</a></article>
+ <article><span class="dw-trade-num">03</span><h3>Residential to contract</h3><p>Move between luxury residential collections and Type II, acoustic, hospitality, and commercial-grade solutions in one catalog.</p><a href="/pages/commercial-wallcoverings">Explore contract ›</a></article>
+ </div>
+ </section>
+
+ <section class="dw-trade-paths" aria-label="Trade sourcing paths">
+ <a href="/pages/brands" style="--dw-img:url('https://cdn.shopify.com/s/files/1/0015/4117/7456/files/f8cbc26a36d5ca41dd242a4bba0a246c.jpg')"><span>200+ design houses</span><b>Source by brand</b></a>
+ <a href="/pages/commercial-wallcoverings" style="--dw-img:url('https://cdn.shopify.com/s/files/1/0015/4117/7456/files/c2acf0647337dfa933dadf4f1aea2f3c.jpg')"><span>Performance specified</span><b>Commercial surfaces</b></a>
+ <a href="/pages/shop-by-material" style="--dw-img:url('https://cdn.shopify.com/s/files/1/0015/4117/7456/files/ZW146-01-magentite-wallcovering-goldsand_01.jpg')"><span>Texture & construction</span><b>Source by material</b></a>
+ </section>
+</main>
+<style>
+ .dw-trade-home{--ink:#171512;--paper:#f5f1ea;--gold:#bb9362;color:var(--ink);background:#fff;font-family:var(--element-text-font-family--body,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)}
+ .dw-trade-hero{min-height:min(72vh,760px);position:relative;display:grid;align-items:end;overflow:hidden;background:#171512}
+ .dw-trade-hero__image{position:absolute;inset:0;background-image:url('https://cdn.shopify.com/s/files/1/0015/4117/7456/files/c2acf0647337dfa933dadf4f1aea2f3c.jpg');background-size:cover;background-position:center;transform:scale(1.01)}
+ .dw-trade-hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,9,.84) 0%,rgba(12,11,9,.5) 52%,rgba(12,11,9,.12) 100%),linear-gradient(0deg,rgba(12,11,9,.42),transparent 48%)}
+ .dw-trade-hero__content{position:relative;z-index:1;color:#fff;max-width:760px;padding:clamp(52px,8vw,112px) clamp(24px,7vw,110px)}
+ .dw-trade-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:650;color:var(--gold);margin:0 0 16px}
+ .dw-trade-hero h1{font-family:var(--element-text-font-family--heading,Georgia,serif);font-weight:400;font-size:clamp(44px,6.4vw,88px);line-height:.98;letter-spacing:-.025em;margin:0 0 24px;color:#fff}
+ .dw-trade-hero__content>p:not(.dw-trade-kicker){font-size:clamp(16px,1.5vw,21px);line-height:1.55;max-width:660px;margin:0;color:rgba(255,255,255,.86)}
+ .dw-trade-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.dw-trade-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:700;text-decoration:none;border:1px solid #fff}.dw-trade-btn--light{background:#fff;color:#171512}.dw-trade-btn--line{color:#fff;background:rgba(0,0,0,.1)}
+ .dw-trade-nav{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #dcd6cc;background:var(--paper)}.dw-trade-nav a{padding:22px clamp(14px,3vw,40px);text-decoration:none;color:var(--ink);border-right:1px solid #dcd6cc}.dw-trade-nav a:last-child{border:0}.dw-trade-nav b,.dw-trade-nav span{display:block}.dw-trade-nav b{text-transform:uppercase;letter-spacing:.12em;font-size:11px}.dw-trade-nav span{font-family:var(--element-text-font-family--heading,Georgia,serif);font-size:17px;margin-top:4px}
+ .dw-trade-benefits{padding:clamp(64px,9vw,120px) clamp(24px,7vw,110px)}.dw-trade-section-head{max-width:650px;margin-bottom:45px}.dw-trade-section-head h2{font-family:var(--element-text-font-family--heading,Georgia,serif);font-weight:400;font-size:clamp(36px,4vw,58px);line-height:1.05;margin:0}.dw-trade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px)}.dw-trade-grid article{border-top:1px solid #bdb5aa;padding-top:22px}.dw-trade-num{font-size:11px;letter-spacing:.16em;color:#8a6b47}.dw-trade-grid h3{font-family:var(--element-text-font-family--heading,Georgia,serif);font-size:24px;font-weight:400;line-height:1.15;margin:18px 0 13px}.dw-trade-grid p{color:#5a554d;line-height:1.65;margin:0 0 18px}.dw-trade-grid a{color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;text-underline-offset:4px}
+ .dw-trade-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#fff}.dw-trade-paths a{position:relative;min-height:420px;background-image:linear-gradient(0deg,rgba(15,13,10,.76),rgba(15,13,10,.05) 70%),var(--dw-img);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:end;padding:34px;color:#fff;text-decoration:none;overflow:hidden}.dw-trade-paths span{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#e2c292}.dw-trade-paths b{font-family:var(--element-text-font-family--heading,Georgia,serif);font-size:30px;font-weight:400;margin-top:5px}
+ .dw-trade-home a:focus-visible{outline:3px solid #e5b879;outline-offset:3px}
+ @media(max-width:800px){.dw-trade-hero{min-height:620px}.dw-trade-hero__veil{background:linear-gradient(0deg,rgba(12,11,9,.88),rgba(12,11,9,.15) 80%)}.dw-trade-nav{grid-template-columns:repeat(2,1fr)}.dw-trade-nav a:nth-child(2){border-right:0}.dw-trade-nav a:nth-child(-n+2){border-bottom:1px solid #dcd6cc}.dw-trade-grid,.dw-trade-paths{grid-template-columns:1fr}.dw-trade-grid{gap:38px}.dw-trade-paths a{min-height:330px}.dw-trade-actions{display:grid}.dw-trade-btn{width:100%}}
+ @media(prefers-reduced-motion:reduce){.dw-trade-home *{scroll-behavior:auto!important;transition:none!important}}
+</style>
+<!-- /DW-TRADE-HOME -->
← 9d12a11c auto-data-snapshot: 2026-08-28T06:30:22 (2 data files) — sho
·
back to Dw Validator Debug TK11314
·
snapshot before SMS consent update c12f36ff →