- → Facundo Banegaz
- → Product Card
Product Card
Card diseñada para mostrar productos de forma atractiva y ordenada, inspirada en Mercado Libre. Incluye imagen fija, título uniforme, precio anterior tachado, precio actual con descuento y etiquetas promocionales como "Envío gratis". Incorpora un efecto hover con sombra acentuada y usa clases CSS para fácil integración y mantenimiento.
This bootstrap css example is contributed by Facundo Banegaz, on 25-Feb-2025. Component is made with bootstrap css v.4.6. It is responsive. similar terms for this example is Product Showcase
Author Facundo Banegaz
More Examples
-
Product Card
A product card layout for an e-commerce website with an image at the top
1 year ago11.1kv.5.3 -
1 year ago2.8kv.5.3
-
7 months ago1.4kv.5.3
-
7 months ago2.9kv.5.3
-
Glowing Card
glowing effect and smooth hover animation
1 year ago2.2kv.5.3 -
HTML and JavaScript for Product Showcase Page
JavaScript: Pagination Handling: The script fetches images based on the current page and updates the pagination controls dynamically. Product Cards: Each product is displayed as a card with an image, title, description, and price
11 months ago1.1kv.4.6 -
Scroll Animation
Scroll Animation
5 months ago1.6kv.4.6 -
Responsive Card Grid
A responsive grid of cards with hover effects
1 year ago3.6kv.5.3 -
Product details page
Beautiful product detail page with
1 year ago18.3kv.5.3 -
1 year ago2.4kv.5.3
-
10 months ago5.6kv.5.3
-
Products Grid
E-commerce product grid
1 year ago3.2kv.5.3
Didn't find component you were looking for?
Search from 300+ componenent