← Alle Beispiele

Etsy: preisorientiertes Karten-Layout

Verschiebt den Preis über den Titel auf den Angebotskarten, sodass du zuerst die Kosten siehst.

Code zum Kopieren

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

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.