# Gestione immagini Netshell v27

Questa versione usa un archivio centrale immagini:

`data/site-images.json`

## Regole principali

- `fit: "contain"` per prodotti nuovi su fondo bianco o immagini scontornate.
- `fit: "cover"` per showroom, usato, assistenza, ricondizionato e foto reali.
- `position` consente di correggere il fuoco dell'immagine: `center`, `top`, `bottom`, `left`, `right`.

## Gallerie dinamiche

Ogni immagine con attributo:

```html
<img data-gallery-key="page-riuniti-showcase" ...>
```

viene controllata dal file JSON.

Esempio:

```json
"page-riuniti-showcase": {
  "interval": 4800,
  "items": [
    {
      "src": "assets/img/products/airel-quetin-pe9-nuovo.jpg",
      "alt": "Airel Quetin PE9 EVO.2",
      "fit": "contain"
    }
  ]
}
```

## Modifica rapida

Per cambiare una singola immagine, modifica `src`.

Per correggere taglio/proporzioni, modifica `fit` o `position`.

Da questa versione, prima di cambiare HTML a mano, controllare sempre `data/site-images.json`.


## v36 - Catalogo prodotti

È stato aggiunto:

`data/catalogo-prodotti.json`

e la pagina:

`catalogo.html`

Per aggiungere un prodotto:

1. copia l'immagine in `assets/img/products/`
2. aggiungi una voce in `data/catalogo-prodotti.json`
3. scegli `fit: "contain"` per prodotti scontornati o `fit: "cover"` per foto reali/showroom/usato
4. ricarica la pagina catalogo

La pagina catalogo si aggiorna da sola leggendo il JSON.