2.25 #Components.ProductCard Product Card
Karta produktowa z packshotem (absolute), nazwą, opisem i CTA. Hover (desktop): packshot zoom out, button fade-in. Kolory per produkt: --red, --green, --pink.
Examples
Default styling
Komponent product-card wymaga packshotów produktowych. Podgląd: products.html
.product-card--new
Z badge "Nowość"
Komponent product-card wymaga packshotów produktowych. Podgląd: products.html
.product-card--red
Kolor czerwony
Komponent product-card wymaga packshotów produktowych. Podgląd: products.html
.product-card--green
Kolor zielony
Komponent product-card wymaga packshotów produktowych. Podgląd: products.html
.product-card--pink
Kolor różowy
Komponent product-card wymaga packshotów produktowych. Podgląd: products.html
Markup: product-card.html
<p style="color:#999; font-style:italic; padding: 20px;">Komponent product-card wymaga packshotów produktowych. Podgląd: <a href="../products.html">products.html</a></p>
Source:
src/scss/components/_product-card.scss, line 1