Opens in a new tab

Woo · Product cards

A showcase of the FBK Product card component for Bricks Builder, with one row of real WooCommerce products per layout: boxed cards with star ratings over the photo, a slide-up buy bar, compact horizontal cards, mini cards and more. Every row uses Bricks' native quantity field and a sale badge that shows the discount.

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

In the annual plan, $99/year. See plans

Preview

Template details

What’s inside

The components it’s built from. They come with the template when you paste it, and you edit them from the Bricks panel.

  • FBK Intro

    Eyebrow, title, lead and an actions slot for buttons.

  • FBK Product card

    A WooCommerce product inside a query loop, with its badges and cart button.

Adjust it

Change these variables in Bricks to tune it; everything else follows your framework.

On the element Rows, class fbk-pcshow

--fbk-t-min
14em
--fbk-t-min-small
9em
--fbk-t-min-wide
24em
--fbk-t-min-list
18em
--fbk-pcshow-min
var(--fbk-t-min)

Replaces

In Fancy Bricks 1.0 and 2.0 this was Woo product card (1.0), Woo Product Card (1.0), Woo card (2.0) and Woo product card (2.0).