fix: show only AI-generated images in PDP gallery, not originals
- Gallery now shows only the 5 AI-generated product photos - Each thumb shows model name (Nano Banana / Pro) + caption - Caption overlay on main image describes the shot type - Removed original scraped images from gallery display
This commit is contained in:
@@ -153,7 +153,8 @@ footer a{color:var(--accent);text-decoration:none}
|
||||
.pdp-info{padding:1.5rem 2rem}
|
||||
.pdp-gallery-main{position:relative;border-radius:10px;overflow:hidden;background:#0a0e14;margin-bottom:.75rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
|
||||
.pdp-gallery-main img{max-width:100%;max-height:100%;object-fit:contain}
|
||||
.pdp-gallery-badge{position:absolute;top:.6rem;left:.6rem;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;background:rgba(6,10,15,.85);color:var(--accent);border:1px solid var(--border)}
|
||||
.pdp-gallery-badge{position:absolute;top:.6rem;left:.6rem;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;background:rgba(6,10,15,.85);color:var(--cyan);border:1px solid var(--border)}
|
||||
.pdp-gallery-caption{position:absolute;bottom:.6rem;left:.6rem;right:.6rem;font-size:.72rem;color:var(--text2);background:rgba(6,10,15,.85);padding:.3rem .6rem;border-radius:4px;text-align:center}
|
||||
.pdp-thumbs{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0}
|
||||
.pdp-thumb{width:72px;height:72px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;position:relative;flex-shrink:0;background:var(--bg);transition:.2s}
|
||||
.pdp-thumb.wide{width:110px}
|
||||
|
||||
Reference in New Issue
Block a user