Shopify Parking and Carwash Booking Platform with Custom WidgetShopify Parking and Carwash Booking Platform with Custom Widget
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
HB Car Solution AG - Parking & Carwash Booking Platform
Overview & Architecture
Development of a complete Shopify website built entirely using custom Liquid blocks and sections for an airport parking and car wash service near Zurich Airport. Features a fully custom interactive multi-step booking widget and frontend with dynamic time and tariff calculation.
Key Features & Interactivity
Dynamic Service Switcher: Instant switching between Parking and Carwash modes with adaptive interface and input fields.
Interactive Date & Time Calculator: Custom native date and time pickers with intelligent duration validation, minimum/maximum period checks, and real-time calculation.
Multi-step Modal Workflow: A step-by-step modal widget (selection of parking type, car care extras, flight/vehicle details, and contact entry with multi-country phone number validation).
Cart & Checkout Integration: Automatic cart clearing, adding the selected product variant (Variant ID) along with custom line item properties, and passing data to the Shopify checkout.
Tech Stack
Shopify Liquid, JavaScript (ES6+), HTML5, CSS3 (Grid/Flexbox), REST API (Cart & Variants), i18n Localization.
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started