Opens in a new tab

Woo · Cart page

A WooCommerce cart page for Bricks Builder built on the native Cart element, with its full and empty states: order steps, cart lines with quantity and remove, an order summary with a free shipping bar and coupons, and a you may also like row of cross-sell products built with the FBK Product card component.

Dark mode ready

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 Button

    A link styled as a button, with style, size and width.

  • 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 Cart, class fbk-cart

Width of the order summary column

--fbk-t-summary
20em

Replaces

In Fancy Bricks 1.0 and 2.0 this was Woo Cart (2.0).