Opens in a new tab
Loading experience
Djia Bricks Β· WooCommerce Modules

Complete WooCommerce
builder for
Bricks

6 dedicated WooCommerce modules. Build every part of your store β€” product pages, cart, checkout, account, compare, wishlist and swatches β€” all inside Bricks Builder. This WooCommerce builder works natively with WooCommerce and Bricks Builder. Read the product page guide → Read the checkout guide →

6Woo modules
50+Woo elements
Compare& Wishlist
SwatchesColor Β· Image Β· Label
yoursite.com/product/wireless-pro-headphones
Wireless Pro headphones, main photo in the demo product gallery
-25%
Hot
Gallery thumbnail: black headphones
Gallery thumbnail: white game controller
Gallery thumbnail: black portable speaker
Wireless Pro Headphones
$149
$199
Save $50
β˜…β˜…β˜…β˜…β˜†
(127 reviews)
Color β€” Midnight Black
Qty
1
In Stock
13 left
Cart
1
Wishlist
0
$51 left for free shipping
6
Woo modules
50+
Total elements
3
Swatch types
Any
Checkout layout
∞
Account endpoints
πŸͺ

Product Elements

18 elements

Everything you need on a single product page β€” gallery, price, rating, stock, swatches, quantity, add to cart, buy now, badges and more.

πŸ›’
Add To Cart
AJAX add to cart with quantity selector and variation support.
Product page
πŸ›οΈ
Add To Cart Icon
Compact icon button for product archive grids.
Archive + loop
β˜‘οΈ
Checkbox Add To Cart
Checkbox style add to cart for multi-product selection.
Bulk add
⚑
Buy Now Button
Skip the cart β€” add and redirect to checkout immediately.
Direct checkout
πŸ”’
Quantity
Standard +/- quantity input with min/max limits.
β–Ό
Dropdown Quantity
Dropdown style quantity selector instead of +/- buttons.
πŸ–ΌοΈ
Product Image
Main product featured image with zoom and lightbox support.
🎞️
Product Gallery Slider
Thumbnail gallery slider with swipe, zoom and variation switch.
⭐
Product Ratings
Star rating display with review count and score.
πŸ’°
Price
Product price element with regular/sale price and range for variable products.
πŸ“Š
Stock Indicator
Stock level with configurable low-stock threshold and custom messages.
πŸ”΄
Sales Badge
Sale percentage or fixed discount badge with custom label.
πŸ†•
New Badge
Shows "New" badge on products published within a configurable timeframe.
πŸ”₯
Best Selling Badge
Badge shown automatically on top-selling products by order count.
🚫
Sold Out Badge
Automatic sold-out overlay or badge when product stock reaches zero.
πŸ”—
Linked Variations
Link product variations to separate product pages β€” click a variation to load a new page.
🎨
Variation Attributes
Display product variation selectors with full Bricks style controls.
🌈
Swatches for Loop
Show color/image swatches directly in the product archive loop grid.
Archive loop
πŸ›’

Cart Elements

11 elements

Full control over the cart experience β€” mini cart, cart page layout, shipping progress, coupons and item management.

  • Cart Counter β€” live item count badge, updates without page reload
  • Mini Cart Builder β€” fully customizable slide-out mini cart
  • Cart Content β€” cart items list element for the cart page
  • Item Quantity β€” quantity control within cart items
  • Remove Product β€” remove item button with AJAX update
  • Cart Cost β€” display subtotal, tax and total in cart context
  • Applied Coupons β€” show active coupon codes with remove button
  • Coupon Form β€” coupon code input and apply button
  • Empty Cart Button β€” clear all items with one click
  • Free Shipping Bar β€” progress bar showing amount left for free shipping
  • Free Shipping Text β€” text notice for free shipping threshold
Cart
2
Wireless Pro headphones in the mini cart
Wireless Pro
$149
1
Desk Kit desk setup in the mini cart
Desk Kit Pro
$224
1
πŸ’³

Checkout Elements

12 elements
  • Billing Fields β€” all billing address fields as individual Bricks element
  • Billing Address Selector β€” saved address selector for returning customers
  • Shipping Fields β€” all shipping address fields
  • Shipping Address Selector β€” saved shipping address selector
  • Shipping Methods β€” available shipping method selection
  • Shipping Calculator β€” postcode-based shipping cost estimator
  • Payment Methods β€” available payment gateway selection
  • Place Order Button β€” submit order button with loading state
  • Bank Details β€” BACS bank transfer details display
  • Add Order Bumps β€” upsell products shown during checkout
  • Content Updater β€” dynamically update checkout section content
  • Checkout Hooks β€” inject content at any WooCommerce checkout hook
πŸ‘€

My Account Elements

2 elements
  • My Account Navigation β€” custom styled account menu with icons and labels
  • My Account Endpoints β€” map any account endpoint to a Bricks template
My Account Builder module

Create unlimited custom My Account sections. Map any endpoint to a Bricks template, add custom navigation items and reorder or hide default WooCommerce account menu items β€” no PHP required.

6 WooCommerce Modules

Every part of your store
built inside Bricks

Enable only the modules your store needs. Each is fully independent β€” disabled modules load zero code.

πŸ›’

WooCommerce Elements

50+ product, cart, checkout and account elements. All registered natively in Bricks with full builder controls.

50+ elements across 4 categories
βš–οΈ

Compare

Product comparison table for WooCommerce. Customers add products and compare attributes side by side. Configurable columns, any attribute, mobile-responsive.

Any product attributes
🎨

Swatches

Replace attribute dropdowns with color, image and label swatches on product archives and single product pages. Variation-aware β€” unavailable combos shown as disabled.

Color Β· Image Β· Label
πŸ—οΈ

Checkout Builder

Build a custom checkout experience inside Bricks. Add custom fields (text, select, checkbox), configure order bumps (upsells at checkout) and reorder any section.

Custom fields + order bumps
πŸ‘€

My Account Builder

Build a fully branded WooCommerce My Account area. Custom navigation, unlimited endpoints, each mapped to a Bricks template β€” no PHP, no shortcodes.

Unlimited custom endpoints
❀️

Wishlist / Favorites

Favorites Button, Favorites Query Loop and In Favorites Condition elements. Works for any post type β€” not just products. Persists in localStorage for guests, user meta for logged-in.

Any post type Β· Pro module

Build your entire WooCommerce
store inside Bricks.

50+ elements, 6 modules, compare, wishlist, swatches, checkout builder and My Account builder β€” all without a single shortcode.