← Tutti gli esempi

Product Hunt: attiva le miniature in scala di grigi

Desatura le miniature dei prodotti con un clic; il colore torna passando il cursore.

Codice da copiare

// Toggle grayscale product thumbnails to calm the feed
const ID = 'jz-prh-grayscale';
const old = document.getElementById(ID);
if (old) { old.remove(); }
else {
  const s = document.createElement('style');
  s.id = ID;
  s.textContent = '[data-test^="post-item"] img{filter:grayscale(100%)!important;transition:filter .2s}[data-test^="post-item"]:hover img{filter:none!important}';
  document.head.appendChild(s);
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Attiva il pannello azioni, aggiungi un pulsante nella scheda Azioni e incollaci il codice — lo avvii con un clic.