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.

6Woo modules
50+Woo elements
Compare& Wishlist
SwatchesColor · Image · Label
yoursite.com/product/wireless-pro-headphones
-25%
Hot
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
$149
1
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.