← Tous les exemples

Etsy : mise en page axée sur le prix

Place le prix au-dessus du titre sur les fiches pour voir le coût en premier.

Code à copier

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

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.