← Tous les exemples

Etsy : atténuer les offres épuisées

Grise et atténue les offres marquées épuisées pour que les produits disponibles ressortent.

Code à copier

/* 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;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.