Transforming a complex Magento 2 B2B store with Hyvä
Most Hyvä migrations are about a faster, cleaner storefront. For a B2B store there is a harder question: will all the custom business features still work?
Most Hyvä migrations are about a faster, cleaner storefront. For a B2B store there is a harder question: will all the custom business features still work?
Maven Infotech moved a customised, multi-brand Magento 2 B2B store to Hyvä Theme and Hyvä Checkout. Customer-specific products and pricing, Quick Order, B2B dashboards, custom checkout fields, call-offs and the NetSuite integration all had to keep working on the new frontend.
The challenge
Years of custom B2B functionality
The platform had years of custom B2B functionality, built for the old frontend and used by customers every day. A standard frontend migration, which converts templates one by one, would not have been enough.
The new frontend had to keep supporting:
Customer-specific products and pricing
Quick Order and product search
B2B customer dashboards
Custom checkout fields, with separate order and delivery contacts
Call-off ordering
NetSuite integration
Several brands and websites on one Magento installation
The solution
Hyvä Theme and Hyvä Checkout
Instead of converting the old templates, we redesigned each B2B feature around Hyvä's architecture. The business logic stayed in custom Magento modules, and a new frontend was built on top of it with Hyvä Theme, Hyvä Checkout, Alpine.js, Tailwind CSS and Magewire.
Trusted Hyvä agencyOfficial Hyvä Bronze Partner
Each B2B feature redesigned around Hyvä's architecture
Instead of converting the old templates.
Custom Magento modules
The business logic stayed here.
Alpine.js
Lightweight interactive components.
Tailwind CSS
Responsive styling for the new frontend.
Magewire
Server-driven checkout
Checkout steps update without reloading the page.
Technical implementation
Five areas, rebuilt on Hyvä
Each feature works with the existing Magento modules.
templates Alpine.js components
Step 1
Hyvä frontend development
The storefront was rebuilt with Hyvä templates, Alpine.js components and Tailwind CSS. The interactive B2B features were rebuilt as lightweight, responsive custom components that work with the existing Magento modules.
Decided in custom Magento modules
B2B customer data
NetSuite pricing rules
Products this customer sees ✓
Price this customer pays ✓
Shown on the Hyvä frontend ✓
Step 2
B2B product access and pricing
Custom Magento modules decide which products each B2B customer can see and which price they pay, based on customer data and pricing rules from NetSuite. This logic lives in the backend, so it carried over to the new Hyvä frontend.
Quick Order
Search by SKU or product name
Match: SKU
Match: Product name
Match: Synonym
Match: Spelling variation
Order listAdd to cart
Step 3
Quick Order and product search
The Quick Order workflow was moved to Hyvä. Customers can find products by SKU, product name, synonyms or common spelling variations. See how we also made it faster in our Magento 2 B2B performance optimisation story.
Magewire
Hyvä Checkout · B2B
Order Contact Person
Delivery Contact Person
Call-off order
NetSuite order
Order contact field✓ sent
Delivery contact field✓ sent
Step 4
Custom B2B checkout with Magewire
Hyvä Checkout was extended with custom Magewire components, which update checkout steps from the server without reloading the page. The checkout now supports:
Custom B2B checkout fields
A separate Order Contact Person and Delivery Contact Person. The person who orders is often not the person receiving the goods on site.
Call-off ordering
Both contacts are sent to dedicated fields on the NetSuite order.
Several brands · one installation
Brand website 1Own config
Brand website 2Own config
Brand website 3Own config
One installation
One codebase
Step 5
Multi-brand Magento architecture
All brands run as separate websites on the same Magento installation and Hyvä codebase, each with its own configuration. There's no need for a separate Magento installation per brand. See a similar setup in our Hyvä Theme & Checkout overhaul.
Moving a B2B store to Hyvä means more than a new theme. Your pricing rules, ordering workflows and ERP connections have to keep working from day one. As an official Hyvä partner, Maven Infotech plans and builds B2B Hyvä migrations around the features your customers rely on.
Transforming a complex Magento 2 B2B store with Hyvä
Most Hyvä migrations are about a faster, cleaner storefront. For a B2B store there is a harder question: will all the custom business features still work?
Most Hyvä migrations are about a faster, cleaner storefront. For a B2B store there is a harder question: will all the custom business features still work?
Maven Infotech moved a customised, multi-brand Magento 2 B2B store to Hyvä Theme and Hyvä Checkout. Customer-specific products and pricing, Quick Order, B2B dashboards, custom checkout fields, call-offs and the NetSuite integration all had to keep working on the new frontend.
The challenge
Years of custom B2B functionality
The platform had years of custom B2B functionality, built for the old frontend and used by customers every day. A standard frontend migration, which converts templates one by one, would not have been enough.
The new frontend had to keep supporting:
Customer-specific products and pricing
Quick Order and product search
B2B customer dashboards
Custom checkout fields, with separate order and delivery contacts
Instead of converting the old templates, we redesigned each B2B feature around Hyvä's architecture. The business logic stayed in custom Magento modules, and a new frontend was built on top of it with Hyvä Theme, Hyvä Checkout, Alpine.js, Tailwind CSS and Magewire.
Trusted Hyvä agencyOfficial Hyvä Bronze Partner
Each B2B feature redesigned around Hyvä's architecture
Instead of converting the old templates.
Custom Magento modules
The business logic stayed here.
Alpine.js
Lightweight interactive components.
Tailwind CSS
Responsive styling for the new frontend.
Magewire
Server-driven checkout
Checkout steps update without reloading the page.
Technical implementation
Five areas, rebuilt on Hyvä
Each feature works with the existing Magento modules.
templates Alpine.js components
Step 1
Hyvä frontend development
The storefront was rebuilt with Hyvä templates, Alpine.js components and Tailwind CSS. The interactive B2B features were rebuilt as lightweight, responsive custom components that work with the existing Magento modules.
Decided in custom Magento modules
B2B customer data
NetSuite pricing rules
Products this customer sees ✓
Price this customer pays ✓
Shown on the Hyvä frontend ✓
Step 2
B2B product access and pricing
Custom Magento modules decide which products each B2B customer can see and which price they pay, based on customer data and pricing rules from NetSuite. This logic lives in the backend, so it carried over to the new Hyvä frontend.
Quick Order
Search by SKU or product name
Match: SKU
Match: Product name
Match: Synonym
Match: Spelling variation
Order listAdd to cart
Step 3
Quick Order and product search
The Quick Order workflow was moved to Hyvä. Customers can find products by SKU, product name, synonyms or common spelling variations. See how we also made it faster in our Magento 2 B2B performance optimisation story.
Magewire
Hyvä Checkout · B2B
Order Contact Person
Delivery Contact Person
Call-off order
NetSuite order
Order contact field✓ sent
Delivery contact field✓ sent
Step 4
Custom B2B checkout with Magewire
Hyvä Checkout was extended with custom Magewire components, which update checkout steps from the server without reloading the page. The checkout now supports:
Custom B2B checkout fields
A separate Order Contact Person and Delivery Contact Person. The person who orders is often not the person receiving the goods on site.
Call-off ordering
Both contacts are sent to dedicated fields on the NetSuite order.
Several brands · one installation
Brand website 1Own config
Brand website 2Own config
Brand website 3Own config
One installation
One codebase
Step 5
Multi-brand Magento architecture
All brands run as separate websites on the same Magento installation and Hyvä codebase, each with its own configuration. There's no need for a separate Magento installation per brand. See a similar setup in our Hyvä Theme & Checkout overhaul.
Moving a B2B store to Hyvä means more than a new theme. Your pricing rules, ordering workflows and ERP connections have to keep working from day one. As an official Hyvä partner, Maven Infotech plans and builds B2B Hyvä migrations around the features your customers rely on, or you can hire Magento developers with Hyvä experience.
Multi-brand
Theme +
One codebase
≈5 sB2B quote submission
Backend
