Shop
Product cards for every shop layout
One FBK Product card component, many looks: pick what to show, the style, the size, the layout, the Add to cart button and the hover in its properties. Every row below is the same component.
Shop: framed photo, stars on the photo, quantity and button on one line
Boxed: inset photo, category and a full-width button that lifts the card
Icon button beside the price
Quick add: the button rises at the foot of the photo on hover
Slide up: on hover the photo and the text rise and the button comes up from below
Editorial: plain, tall photo, large title, sale price in the brand color, no button
Compact grid: six per row for wide shops and related products
Horizontal: lists and wide columns, with quantity
Compact horizontal: sidebars, heroes and search results
On a soft background
The cards, badges and buttons work the same on a soft section.
Soft: the shop card
Soft: compact horizontal with an icon button







































