← Все примеры

Etsy: раскладка карточек с акцентом на цену

Перемещает цену над заголовком на карточках товаров, чтобы стоимость была видна первой.

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

/* Price-focused layout: move price above the title */
.listing-card .v2-listing-card__info {
  display: flex !important;
  flex-direction: column !important;
}
.listing-card .v2-listing-card__price,
[data-listing-id] .lc-price {
  order: -1 !important;
  margin-bottom: 2px !important;
}

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

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