Lifetime license back for a limited time  →
Included with Phox Elements

The complete WooCommerce storefront for Breakdance & Oxygen

Nine elements covering every step of the customer journey — shop, filters, product pages, cart, checkout, thank-you and account. All designed in Breakdance, all powered by standard WooCommerce.

Standard WooCommerce underneath 100% AJAX, no reloads Fully styleable
One plugin, the whole journey

Design every page your customers see

From the first browse to the order confirmation, every storefront screen becomes a Breakdance element you can style — including the pages WooCommerce normally locks away.

Nine storefront elements

Grid, filters, categories, product page, cart, mini cart, checkout, thank-you and account.

Instant, AJAX-driven

Filtering, sorting, add-to-cart and totals update live, with no full-page reloads.

One source of truth

Set a colour swatch on an attribute once and it shows identically in filters, grid and product page.

The collection

Every element, in detail

Each one is a native Breakdance element with full design controls. Here's what they do.

Phox Product GridPhox Product Grid
Product Grid

A shop grid built to convert

Lay out products in a responsive grid or swipeable slider, with the card features shoppers expect.

  • Grid or slider layouts with three card styles
  • Hover image swap, sale % badges and low-stock warnings
  • Colour & variation swatches, shared with the filters
  • Quick-view modal with quantity selector and ratings
  • Three add-to-cart styles: text, icon, or large button with icon
  • Image padding & border controls, favourites hearts
  • Sources: any query, current archive, favourites or recently viewed
  • Numbered pagination or load-more, plus skeleton loading
Phox Product FiltersPhox Product Filters
Product Filters

Faceted filtering, fifteen ways

A full facet toolkit that filters the grid instantly — no page reloads, ever.

  • 15 facet types: checkbox, radio, dropdown, range slider, colour swatch, search, A–Z, toggle, date range, map and more
  • Live AJAX results as filters change
  • Sort, results count and pagination built in
  • Active-filter pills with one-click reset
  • WooCommerce presets: On Sale, In Stock, Featured
  • Colour swatches shared across the whole store
Phox Product CategoriesPhox Product Categories
Product Categories

Beautiful category navigation

Send shoppers into the right section with tiles in a grid or carousel.

  • Grid or swipeable carousel layouts
  • Show top-level categories, children of any category, or hand-pick your own
  • Category image, name, product count and description
  • Zoom, lift and overlay hover effects
Phox Product DisplayPhox Product Display
Product Display

A product page you fully control

Build the single-product layout in Breakdance, with every conversion feature on tap.

  • Four layout presets with movable gallery thumbnails
  • Image zoom lightbox and gallery arrows
  • Sale countdown timer and savings badge
  • Colour-swatch or dropdown variations
  • Stock indicator with low-stock alerts
  • Custom product tabs, collapsing to an accordion on mobile
  • Sticky add-to-cart bar, favourites, share and trust badges
  • Breadcrumbs, SKU/category meta and product schema
Phox Mini CartPhox Mini Cart
Mini Cart

A slide-out cart from any page

Keep buying friction-free with a cart that updates the moment something is added.

  • Sidebar, dropdown or bottom-drawer styles
  • Updates instantly on add — and stays in sync even while closed
  • Free-shipping progress bar and coupon field
  • Cross-sells, savings summary and quantity controls
  • Cart notes, trust badges and a floating cart icon
  • Opens automatically on add-to-cart, with a custom empty state
Phox CartPhox Cart
Cart

A cart page that lifts order value

Live totals, gentle upsells and reassurance, all on one tidy page.

  • Live AJAX totals — no page reloads
  • Animated free-delivery progress bar
  • One-click cross-sell add to basket (icon or text)
  • Save for later, promo code and gift message
  • Savings summary, VAT note and delivery method display
  • Minimum-order banner, trust line and trust badges
  • Custom empty state and a polished mobile layout
Phox CheckoutPhox Checkout
Checkout

A checkout that feels effortless

Clean, guided and reassuring — on standard WooCommerce, so your gateways just work.

  • Basket → checkout → confirmation progress indicator
  • Numbered sections with custom titles
  • Sticky order summary with live totals, images, savings, promo, delivery and VAT
  • Pay button under the summary (or in the payment section) with the live price on it
  • Loading spinner while the order places, plus a trust line
  • Customer reviews card and trust badges
  • Minimum-order enforcement and a back-to-basket link
  • Built-in styled thank-you page
Phox Thank You PagePhox Thank You Page
Thank You Page

Design the one page Woo locks away

The order-received screen is usually un-editable. Not here.

  • Styled success header and order overview strip
  • Full order & customer details
  • Bank / gateway instructions where relevant
  • Continue-shopping button
  • Use it standalone, or build it straight into Checkout
Phox My AccountPhox My Account
My Account

A dashboard customers want to use

Replace the default account screens with a branded, friendly dashboard.

  • Sidebar or top-tab navigation
  • Welcome header with avatar and logout
  • Dashboard stat cards, quick links and recent orders
  • One-click "buy again" reorder
  • Favourites tab with remove and add-to-basket
  • Add your own custom tabs with global block content
  • Custom login & register forms in a tabbed layout
  • Preview the logged-out state right in the builder

Your whole storefront, included

The full WooCommerce collection comes with Phox Elements, alongside 130+ other premium elements for Breakdance.

Get Phox Elements
Already have Phox Elements? It's all included — just update to the latest version.
Phox Elements contains 130+ unique elements for Breakdance...with more to come

I'm a cat. This is a breakdance popup