The A&B Supplies

CLIENT
A&B Supplies Inc.
TECHNOLOGIES
WordPress, WooCommerce, PHP, JavaScript
YEAR
2026
EXTERNAL URL
E-commerce platform for a multi-category supply company, built on WordPress and WooCommerce. Custom product archive with dynamic search, faceted filtering by category, and a streamlined checkout flow — one of two WooCommerce builds in my portfolio alongside the Pamos beverage brand.
Direct client engagement, sole developer.
Background
A supply company needed an e-commerce platform that could handle breadth without sacrificing usability.
A&B Supplies is a product distribution company selling across 16+ categories — cleaning and janitorial, office and school supplies, apparel, electronics, tools, outdoor recreation, and more — carrying established brands like Glad, Bounty, Lysol, and Green Earth alongside specialty items. The business had been operating through manual ordering channels and needed a digital storefront that could present its full catalog online, accept orders directly, and give customers a fast path from search to checkout. The challenge was straightforward but demanding: build an e-commerce experience that made a broad, diverse inventory feel organized and easy to browse.
The client positioned themselves as a knowledge-first supplier — not competing on price alone, but on expert support and flexible ordering. The site needed to reflect that.
Implementation
Custom product archive with dynamic filtering, live search, and category sorting.
I built the site on WordPress with WooCommerce powering the product catalog and checkout infrastructure, wrapped in a custom theme tailored to the brand’s visual identity. The centerpiece of the build was the product archive — a faceted filtering system that lets customers narrow results by category, search by keyword in real time, and sort across the full inventory without page reloads. The filter and search components update the product grid dynamically via JavaScript, keeping the browsing experience fast and fluid even across hundreds of SKUs. Category taxonomy pages serve as defined entry points into each product vertical, while the main archive aggregates everything with the filter controls always accessible.
The frontend was built mobile-first with responsive layouts, lazy-loaded product images with intrinsic sizing for layout stability, and a cart system that handles quantity management and checkout without friction.
Results
A complete digital storefront, live and taking orders.
The site launched with the full product catalog loaded, categorized, and searchable — replacing manual ordering workflows with a self-service e-commerce experience. The dynamic filter system eliminated the friction of browsing a large, multi-category inventory, giving customers a direct path from discovery to cart regardless of whether they entered through search, a category page, or the main archive. The WooCommerce backend gave the client full independence to manage products, pricing, and inventory directly through the WordPress admin — adding new SKUs, updating stock, and adjusting categories through the WordPress admin.
The filtering architecture scales with the catalog — as the client adds new product lines and categories, the search and sort system adapts automatically with zero code changes required.