← Tutti gli esempi

Etsy: attenua le inserzioni esaurite

Sbiadisce e attenua le inserzioni esaurite per far risaltare i prodotti disponibili.

Codice da copiare

/* Dim sold-out listings so available items stand out */
.listing-card:has([data-sold-out]),
.listing-card:has(.wt-badge[aria-label*="Sold out" i]),
[data-listing-id]:has(.sold-out-overlay) {
  opacity: 0.45 !important;
  filter: grayscale(60%) !important;
}

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. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.