Etsy: przyciemnij wyprzedane oferty
Wyszarza i przyciemnia oferty oznaczone jako wyprzedane, dzięki czemu dostępne produkty bardziej się wyróżniają.
Kod do skopiowania
/* 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;
}
Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.