Show only the images that match the selected color.

Map product images to color variants directly inside the Shopify product editor. No JSON, no spreadsheets, no AI guessing.

What it does

When a customer selects a color on the product page, only the images mapped to that color are shown, plus any image that has not been tagged (color-agnostic detail shots, lookbook frames, etc.).

How to use it

  1. Open any product with color variants. Scroll to the Variant Images card in the product page sidebar.
  2. You will see a grid: rows are the product media, columns are the color variants.
  3. Tick the checkboxes to assign each image to one or more colors. Leave an image unchecked to show it for every color.
  4. Click Save mapping. The storefront reflects the change immediately on next page load.
If a product has no color option, or no media yet, the block tells you exactly what's missing. Nothing breaks.

Where the data lives

The mapping is stored on the product as a custom JSON metafield (custom.color_images). The storefront theme reads it directly. No external database, no app dependency on the frontend.

Mostra solo le immagini del colore selezionato.

Assegna le immagini del prodotto alle varianti colore direttamente dal product editor Shopify. Niente JSON, niente foglio Excel, niente AI che indovina.

Cosa fa

Quando il cliente seleziona un colore sulla scheda prodotto, vengono mostrate solo le immagini assegnate a quel colore, più quelle senza tag colore (foto di dettaglio, lookbook, ecc.).

Come si usa

  1. Apri un prodotto con varianti colore. Scorri fino al riquadro Variant Images nella sidebar del product editor.
  2. Vedi una griglia: righe sono le immagini del prodotto, colonne sono le varianti colore.
  3. Spunta le caselle per assegnare ogni immagine a uno o più colori. Lascia un'immagine senza spunta per mostrarla in tutti i colori.
  4. Click Salva mappatura. Il sito riflette il cambio al prossimo refresh della scheda prodotto.
Se un prodotto non ha varianti colore, o non ha ancora immagini, il block ti dice esattamente cosa manca. Nulla si rompe.

Dove vivono i dati

La mappatura è salvata sul prodotto come metafield JSON custom (custom.color_images). Il tema storefront lo legge direttamente. Nessun database esterno, nessuna dipendenza app sul frontend.