Work / RENNSPORT

Shopify · Custom theme and fitment

RENNSPORT: parts that fit, for the car you drive

A custom Shopify store for RENNSPORT, a performance shop selling parts, flash tunes and dyno sessions. Customers tell the store which car they drive, and every page shows them what fits it.

Client
RENNSPORT, Los Angeles, USA
Platform
Shopify
Scope
Custom theme, vehicle fitment, catalogue and service pages
Date
October 2026
RENNSPORT · homepage
RENNSPORT homepage: the headline Parts that fit, power that's proven, beside a vehicle finder with year, make, model and engine steps 1Predictive search2Your car, saved3Fitment-first promise4Search by car, part number or brand5Four-step finder
  1. Predictive searchResults appear while typing, across products, part numbers, brands and car models. Press / to jump straight in.
  2. Your car, saved“Add your vehicle” becomes My Garage, shown in the header on every page.
  3. A fitment-first promiseThe headline says what makes the store different before anything else: parts that fit.
  4. Three ways to find a partBy vehicle, by part number or SKU, or by brand, from one panel.
  5. Four-step finderYear, make, model, engine. 1,303 vehicles, and each step only offers real options.
The brief

Performance parts only sell when they fit. RENNSPORT's customers had to work out compatibility themselves, and wrong orders meant returns.

We built the store around one idea: ask for the car first, then shop for that car. The design is black and white with a single signal yellow, and it gives the shop's high-value services, Shark Flash phone tuning and dyno sessions, their own place next to the parts.

Vehicle finder and My Garage

Four quick steps, then the store shops for your car

Year, make, model and engine. Each step only offers options that exist for the choices before it, so nobody can pick an impossible car. The vehicle is saved to My Garage and stays in the header on every page.

Vehicle finder with 2004, BMW, 3 Series and E46 3.2L M3 selected
Every step narrows the next, so the result is always a real car.
The saved 2004 BMW 3 Series shown above the finder with Shop parts and Change buttons
Saved to My Garage, one tap from its parts.
Fitment everywhere

Every product says whether it fits

With a car saved, collection pages tell customers how many parts in the list fit it and can filter down to just those. Matching products carry a green “Fits your 3 Series” badge, and each product page checks the fit before anything goes in the cart.

Collection page with the saved car
Brake Line Systems collection with a Shopping for 2004 BMW 3 Series bar, a Show only this one link and product cards
Product page fitment check
GruppeM brake line product page with a green Fits your 2004 BMW 3 Series confirmation, price, Shop Pay instalments and Add to cart
Fits your carGreen badge on matching parts
Filter to your carOne click shows only parts that fit
Check on the productFit confirmed before adding to cart
Change any timeSwitch or clear the saved car
Search and cart

Find it fast, buy it without leaving the page

Search shows results while you type, across product names, part numbers, brands and car models. Adding to cart opens a side drawer with a free-shipping progress bar, so customers keep shopping without a page change.

Predictive search for M3 showing three matching GruppeM parts with prices
Typing a model finds the matching parts straight away.
Cart drawer with a GruppeM brake line, free shipping unlocked and a checkout button
The cart slides in beside the product.
Selling the services

Tuning and dyno time, sold next to the parts

Shark Flash 2.0, the phone-based flash tuner, gets its own dark feature section on the homepage: three simple steps and a phone showing the power gain. Tunes and dyno sessions have their own pages with clear packages and prices.

Shark Flash feature section
Dark feature section: Your phone is the tuning shop, with three steps and a phone showing a power gain
Tunes page: More power, same car, with Stage 1 to 3, dyno-proven, Bluetooth and revert highlights
Tunes: Stage 1, Stage 2 and custom E85 maps.
Dyno Services page: Proof on the rollers, with a Request a session button
Dyno services: from baseline pulls to tune and dyno packages.
Mobile

Built for shopping on a phone

The finder stacks into one thumb-friendly column, the header keeps the saved car in reach, and the cart opens as a full-height panel. Tested on a 390px screen.

Mobile vehicle finder with a 2004 BMW 3 Series E46 M3 selected Results: shopping for a 2004 BMW 3 Series, showing only parts that fit
Pick a carOnly parts that fit appear
The mobile homepage: hero, finder, categories, best sellers and the Shark Flash section
Browse the homepageA sticky header with the saved car
Mobile product page confirming the part fits the saved BMW, with Add to cart Mobile cart drawer with free shipping unlocked and a checkout button
Add to cartThe cart slides in, no page change
Shop by make or brand

More than one way into the catalogue

Not everyone starts with a year and engine. Makes and Brands pages show how many parts each make has and which manufacturers the shop stocks, with a jump to the finder from both.

Makes page with popular makes and an A to Z list of all 11 makes
Every make, with its number of parts.
Brands page listing GruppeM, M's by GruppeM, KGN, RENNSPORT and Shark Flash
The brands the shop stocks, filterable by type.
How it's built

Standard Shopify underneath

The fitment system runs on Shopify's own data tools, so the shop team can manage vehicles and products from the normal Shopify admin. No custom platform, no lock-in.

FeatureShopify building block
Vehicle data: years, makes, models, enginesMetaobjects (a “Vehicle” entry for each of the 1,303 vehicles)
Which vehicles a product fitsProduct metafields linked to vehicles
“Show only parts that fit” on collectionsShopify Search & Discovery filters
Vehicle finder, My Garage, fitment badges and checksCustom theme sections (Liquid and JavaScript)
Predictive searchShopify's built-in Predictive Search
Cart drawer and free-shipping barShopify cart with a custom drawer
Shop Pay instalments and fast checkoutShopify Payments accelerated checkout
Editable homepage and service pagesShopify theme editor, no code needed
Colour palette

Black and white, with one signal colour

Near black and warm off-white, with yellow saved for the actions that matter, like “Show parts that fit”, and green used only to say a part fits.

Near black#0B0B0C
Graphite#1D1D21
Warm off-white#F4F3EF
Signal yellow#FFD21F
Fit green#2FBF71

Planning a Shopify store?

We design and build Shopify and WooCommerce stores that help customers find the right product and check out without friction.

Get a free Shopify quote