← Все примеры

Etsy: приглушить распроданные товары

Обесцвечивает и приглушает распроданные товары, чтобы доступные продукты выделялись сильнее.

Код для копирования

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

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Вставь код в панель CSS правила и сохрани — эффект появится сразу.