Make ≈Japan-match chip a link → opens matched SKU on japan.designerwallcoverings.com

937c31b9c561045da8ba9925ccf9d826fd819ed0 · 2026-08-12 18:34:09 -0700 · Steve

Files touched

M public/index.html

Diff

commit 937c31b9c561045da8ba9925ccf9d826fd819ed0
Author: Steve <steve@designerwallcoverings.com>
Date:   Wed Aug 12 18:34:09 2026 -0700

    Make ≈Japan-match chip a link → opens matched SKU on japan.designerwallcoverings.com
---
 public/index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 77243c4..5b6893b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -86,7 +86,8 @@ body.imgonly .grid:not(.list) .card .b{display:none}
 .chip.toggle:hover{border-color:var(--acc);color:var(--ink)}
 /* pattern thumbnail sitting on the chip row + Japan-origin match chip */
 .chipthumb{width:calc(22px*var(--fs));height:calc(22px*var(--fs));object-fit:cover;border-radius:4px;border:1px solid var(--line);flex:0 0 auto}
-.chip.jp{display:inline-flex;align-items:center;gap:5px;border-color:var(--acc);color:var(--ink);background:color-mix(in srgb,var(--acc) 12%,transparent)}
+.chip.jp{display:inline-flex;align-items:center;gap:5px;border-color:var(--acc);color:var(--ink);background:color-mix(in srgb,var(--acc) 12%,transparent);text-decoration:none;cursor:pointer}
+.chip.jp:hover{border-color:var(--acc);filter:brightness(1.15)}
 .chip.jp.poss{border-style:dashed;color:var(--mut);background:transparent}
 .chip.jp .jt{width:calc(16px*var(--fs));height:calc(16px*var(--fs));object-fit:cover;border-radius:3px;border:1px solid #0003;flex:0 0 auto}
 .grid.list .chipthumb{width:18px;height:18px}
@@ -265,7 +266,7 @@ function card(p){
     <div class="chips">
       ${p.swatch?`<img class="chipthumb" loading="lazy" src="${esc(p.swatch)}" alt="" title="${esc(p.series||p.display_name||'')}" onerror="this.style.display='none'">`:''}
       ${p.color_bucket?`<span class="chip cl"><span class="dot" style="background:${dot}"></span>${drill('color_bucket',p.color_bucket,p.color_bucket)}</span>`:''}
-      ${p.japan_sku?`<span class="chip jp ${p.japan_conf==='possible'?'poss':'hi'}" title="Visual image match (${esc(p.japan_conf)}) → true origin ${esc(p.japan_vendor)} ${esc(p.japan_sku)}">${p.japan_thumb?`<img class="jt" loading="lazy" src="${esc(p.japan_thumb)}" alt="" onerror="this.style.display='none'">`:''}≈ ${esc(p.japan_vendor)} ${esc(p.japan_sku)}</span>`:''}
+      ${p.japan_sku?`<a class="chip jp ${p.japan_conf==='possible'?'poss':'hi'}" href="https://japan.designerwallcoverings.com/?q=${encodeURIComponent(p.japan_sku)}" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()" title="Open ${esc(p.japan_vendor)} ${esc(p.japan_sku)} on japan.designerwallcoverings.com (visual match — ${esc(p.japan_conf)})">${p.japan_thumb?`<img class="jt" loading="lazy" src="${esc(p.japan_thumb)}" alt="" onerror="this.style.display='none'">`:''}≈ ${esc(p.japan_vendor)} ${esc(p.japan_sku)} ↗</a>`:''}
       <span class="chip toggle" onclick="event.stopPropagation();this.closest('.card').classList.toggle('info-open')">ⓘ details</span>
     </div>
     <span class="lsku" title="Vendor SKU">${esc(p.sku||'')}</span>

← e89b333 Show Japan-origin SKU + pattern/match thumbs on chips (534 i · back to Astek Landing · Japan chip links to the EXACT matched image (authoritative U 3383e4d →