Etsy: układ skupiony na cenie
Przenosi cenę nad tytuł na kartach ofert, dzięki czemu najpierw widać koszt produktu.
Kod do skopiowania
/* 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;
}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.