VendBase v2 is a ground-up redesign of every screen, every input, and every interaction in the plugin. The entire UI now runs on shadcn components, the layout has shifted to dedicated split-view pages, and dozens of fixes eliminate the visual quirks that come from running a modern Vue app inside wp-admin.
Here's what changed.
A consistent design system
Every screen in VendBase now shares the same component library. Inputs look and behave the same whether you're editing a product, a discount, or a shipping zone. Dropdowns, date pickers, dialogs, and status tags all follow one set of patterns — so once you learn how something works in one place, it works the same everywhere else. The whole app feels like one product instead of a patchwork of different eras.
Split-view pages replace slideouts
Products and orders no longer open in a sidebar slideout. Each one gets a full split-view page — sections listed on the left, settings and details on the right — the same layout pattern used for store setup and shipping zones.
Products open to a new Overview section showing lifetime sales, revenue, orders containing that product, plus stat cards for stock, price, rating, and SKU. The editor uses a two-column layout with grouped pricing, publishing, and details cards. Image picking is tighter (compact 80 px thumbnails), descriptions use an inline Tiptap editor instead of a flyout, and variations get a full-width data table with inline stock and price editing.
Orders open to a summary with product, subtotal, total, and refunded cards plus a products table and customer card. Status uses a colored dropdown, actions live in a shadcn menu, and shipping, billing, tracking, notes, and custom fields all use the same centered settings card layout.
Redesigned dashboard
The dashboard is rebuilt with compact card frames, inner rounded content panels, info tooltip headers, and list progress bars. KPI values are left-aligned with the period-change badge tucked underneath. The sales chart is now a single-metric area chart with dotted grid lines, gradient fill, and Net/Gross/Orders toggles — and it can plot any analytics metric, overlay multiple series at once, and add a second scale when mixing currency and count data.
Rebuilt navigation and toolbar
The admin menu is reorganized. Search and the menu minifier now sit on the logo row. The user flyout, notifications, View store link, and fullscreen toggle have all moved out of the toolbar and into the menu — user card at the top, notifications and View store in the footer. On small screens, a top toolbar with logo, search, and a menu toggle opens the full menu in a drawer.
Global search uses the shadcn command dialog with keyboard hints, and Cmd/Ctrl+K now opens VendBase search only without triggering the WordPress command palette. Search results properly include WooCommerce products, orders, and customers.
Filtering and table settings
All list tables — products, orders, subscriptions, discounts — now share the same toolbar: search, filter chips, column picker, sort, density, and saved views. Filters support multi-value conditions (stock status, category, tags) through a custom query path so WooCommerce no longer rejects array parameters. OR conditions return the union of matches, resolved server-side.
Orders get a Vercel-style filter bar — left-aligned "Add Filter" button, dashed chips, and a single searchable dropdown for field and value selection. Custom date ranges open inline with a full shadcn range calendar. Table headers use sortable column buttons with direction icons and an Asc/Desc menu. Pagination uses the shadcn-vue Pagination component.
Style isolation, fixed
Shadow DOM is gone. VendBase now uses a .vendbase-isolation wrapper with scoped Tailwind and cascade layers so WordPress admin styles sit below the app's CSS without the overlay and portal bugs that shadow roots introduced in Chrome. Overlays teleport to document.body inside an isolation wrapper. Dropdowns, dialogs, and popovers stack above fullscreen and the WP admin bar. No more off-screen menus, unstyled dialogs, or overlays dismissed on the click that opened them.
Everything else
Inline stock editing — click the stock status on any product row to change quantity, backorder, or out-of-stock status without opening the product.
Rich text inline mode — product and variation descriptions edit in place; the flyout is still available for tighter layouts.
Country picker — searchable combobox everywhere a country field appears.
Currency formatting — all amounts use
Intlnarrow symbols ($notUS$/A$/CA$).Build tooling — Vite 8 (Rolldown + Oxc), Tailwind 4.3.
Order items column — shows a status tag and box icon instead of stacked product images; click to open a dropdown with image, name, total, and quantity.
Plugin settings — reorganized into centered settings cards: Licence, Menu, Print, Notifications, Customization, and WooCommerce.
Custom views — field search works, fields can be dragged from the palette onto sections, and the builder uses shadcn dialogs and inputs throughout.
VendBase v2 is available now. Update from your WordPress dashboard or download it from your account.
