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)

Every setting, step by step, in the docs

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).