Overview
Oversea Casing is a B2B Shopify implementation for a specialty food e-commerce store selling sausage casings. The store needed its collection pages to reflect how customers actually shop for casings — by type (natural vs. artificial) and sub-category — rather than the default flat product grid. The work also addressed visual inconsistencies in product cards and added per-unit pricing visibility that is critical for a wholesale-adjacent business.
The client had a problem - with a small sales staff constantly interrupted with $100-$200 SMB orders, with no way for customers to self-serve, they were missing opportunities with larger clients trying to place complex orders worth hundreds of thousands of dollars.
We built this project form the ground up. Marketing, branding, creative, 3PL selection, integration, training. Turned it around in 2-3 months, and the project more than paid for itelf in less than 6 months. This was a real business win for our client.
Tech Stack
- Shopify — The store’s existing e-commerce platform. All customizations are theme-level modifications, not app installations, keeping the setup simple and maintainable.
- Liquid — Shopify’s templating language handles the collection grouping logic, conditional rendering for casing types, and per-unit pricing calculations server-side.
- Vanilla JS — Client-side enhancements for dynamic per-unit pricing updates when customers select different variants. No framework dependencies — just targeted DOM manipulation.
Highlights
- Collection grouping by casing type — Products are organized into natural and artificial casing categories with sub-categories, matching how customers think about their purchases
- Consistent product card alignment — Standardized card heights and variant display across all collection pages, fixing visual inconsistencies in the original theme
- Per-unit pricing visibility — Dynamic pricing display shows cost per unit alongside package pricing, with real-time updates when variant selections change
- Backward-compatible implementation — All changes scoped to specific collection templates, with zero impact on existing pages across the rest of the store