Skip to content
E-200Element

Sleek Product Card

Sleek e-commerce card: image with a gradient HOT SALE badge, category, title, description, feature chips, struck-out old price above the new price, a dark gradient cart button with a light sweep and a tilting bag icon,…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

The system behind it

One pattern, your whole brand.

Sleek Product Card reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.

Type
Element
Category
Cards
Responsive
Desktop to phone
Works with
Etch, ACSS, plain CSS

Options 3

Set on the section, in Etch’s attributes panel. No code needed.

data-theme
lightdark

surface behind the cards

data-anim
risefadenone

entrance

data-stock
greenamberred

colour of the stock label

Component props 1

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

Sleek Product Card2 in this pattern · 13 props
PropTypeDefault
image
text

https://images.unsplash.com/photo-1496181133206-80ce9b88a853?w=900

imageAlt
text

Laptop on a wooden desk

badge
text

HOT SALE

showBadge
true / false

True

category
text

High-Performance Laptop

title
text

UltraBook Pro X

text
text

Cutting-edge performance with Intel Core i9, 32GB RAM, and a 1TB SSD…

oldPrice
text

$2,499

price
text

$1,999

cartLabel
text

Add to Cart

reviews
text

245 Reviews

stock
text

In Stock

url
text

#

Included in Pro From €39 a year, with all 469 patterns.

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.etchedy.com

The real preview of this pattern. Every pattern adapts to your ACSS tokens.

Unlock with ProSee plansIncluded in your plan