Shopify B2B

MT Helmets B2B

CLIENT

MT Helmets

PROJECT TYPE

Collaboration

PROJECT YEAR

2025

A RIDING LEGACY

Our team of engineers —100% national and in-house— leads every development process, from product conception to homologation, ensuring that every MT helmet meets the highest international standards.

We believe that true excellence is demonstrated not only in test results, but also in the confidence it inspires in the rider. That's why we work with the conviction that the highest quality should always be fairly priced, bringing maximum safety to all motorcyclists, regardless of their riding style or experience.

View project

My Role

Architected a real-time filter system using Shopify's Section Rendering API, implementing AJAX-based partial page updates that synchronize filter and product sections without full page reloads, reducing server load and improving UX.
Developed a dynamic DOM reorganization algorithm that automatically prioritizes active filters to the top of each column, preserves visibility states during expand/collapse operations, and maintains filter state consistency across asynchronous section reloads.
Built a custom URL encoding handler to address edge cases with special characters (+, :, /) that standard encodeURIComponent doesn't handle correctly, ensuring filter parameters persist correctly in Shopify's URL structure.
Implemented coordinated state management across multiple independent sections (filters and product grid), using history.pushState for URL updates and parallel fetch operations with proper error handling and event listener re-initialization after DOM updates.
Refactored 460+ lines of legacy JavaScript in the core cart module, improving code organization, fixing race conditions in async operations, and implementing proper error boundaries for B2B cart operations with real-time price calculations.