Shopify Theme Development

Wanderers Travel Co - Multi-Store Ecosystem

Redesigned and maintained four international Shopify Plus stores using a unified codebase, custom checkout extensions, and an in-house returns management app.

Client

Wanderers Travel Co

Completed

Mar 2024

Category

Shopify Theme Development

Likes

289

Project Overview

Wanderers Travel Co is one of the most exciting projects I've worked on because of its scale and complexity. The company operates four separate Shopify Plus stores targeting different markets: .com, .co, .eu, and .uk. My challenge was to redesign all four stores while maintaining a single codebase that could be customized per region when needed.

The Multi-Store Architecture: Instead of managing four completely separate themes, I architected a solution using Git branches and environment-based configurations. The core theme code remained consistent across all stores, but region-specific customizations (like currency, shipping options, and localized content) were managed through metafields and conditional Liquid logic.

Custom Checkout Extensions: As a Shopify Plus merchant, Wanderers wanted a highly customized checkout experience. When Shopify deprecated checkout.liquid, I led the migration to Checkout UI Extensions and Shopify Functions. I built React-based UI components that displayed upsells (like travel insurance and priority processing), dynamic banners based on cart value, and custom order notes fields.

I also developed Shopify Functions to customize shipping methods based on destination and cart contents, and to conditionally show payment methods. All of these ran server-side for optimal performance.

Returns & Exchange App: One of the crown jewels of this project was developing a custom multi-store returns and exchange app. Built with Laravel and React, the app allowed customers to initiate returns without needing a Shopify account—they just entered their order number and email. The merchant dashboard provided powerful features like instant approvals, automated refunds through Shopify's API, exchange processing, and custom refund amounts.

The app used Shopify webhooks to stay in sync with order data, and integrated with StarshipIt API for return shipping labels. PayPal API integration handled refunds for orders paid via PayPal.

Performance & UX: Despite the complexity, performance was never compromised. I optimized asset loading, implemented smart image lazy loading, and used Shopify's section rendering API for dynamic content. The checkout flow was streamlined to reduce cart abandonment.

The Result: Four beautifully consistent yet regionally optimized stores, a custom checkout experience that increased conversions by 25%, and a returns system that saved the merchant countless hours while delighting customers with its simplicity.

Shopify Expertise Applied

Shopify 2.0 Theme Architecture

JSON templates, section groups, and dynamic sections for maximum flexibility

Shopify API Integration

Admin GraphQL, Storefront API, and Ajax Cart for seamless data flow

Checkout UI Extensions

Custom checkout experiences with React-based extensions

Advanced Metafields

Custom data structures for product, collection, and customer content

Custom Shopify App Development

Full-stack apps with Remix, Hydrogen, and Polaris components

Shopify Challenge

Migrating from legacy Shopify theme to modern 2.0 architecture while maintaining SEO rankings, implementing custom Liquid logic without breaking merchant workflows, and optimizing performance within Shopify's platform constraints.

Shopify Solution

Leveraged Shopify 2.0's JSON template architecture, built custom Liquid sections with schema settings, implemented Ajax Cart API for dynamic updates, and utilized Shopify CDN with optimized image loading strategies for blazing-fast performance.

Project Results

40%

Faster Load Time

25%

Higher Conversion

95

Performance Score

100%

Client Satisfaction

Interested in working together?

Let's create something amazing for your business