Recently we worked on a Shopify customization project for a store selling car mats: customcarmats.com.au
The challenge was not just selling a product — it was handling multiple product combinations, vehicle compatibility, and scalable filtering in a clean user experience.
The Challenge
Customers usually need multiple types of mats for the same vehicle:
- 1st Row
- 2nd Row
- Boot Mats
- Full Set (1st Row, 2nd Row & Boot)
But traditionally these would be separate products, forcing customers to:
- Select the vehicle repeatedly
- Choose colors multiple times
- Add each item separately to the cart
This creates friction and lowers conversion.
Our Solution
We built a custom Shopify product configuration system that allows customers to:
✔ Select the vehicle once
✔ Choose the mat color once
✔ Select required mat types via checkboxes
✔ Add Front + Rear + Luggage mats together in a single add-to-cart action
This dramatically simplifies the buying experience and mirrors how customers actually think about purchasing car mats.
Vehicle Compatibility Using Shopify Metaobjects
Every product in the store is associated with structured vehicle data including:
- Vehicle Year Range
- Vehicle Make
- Vehicle Model
- Vehicle Series
- Vehicle Body
- Vehicle IDs
All of this data is managed using Shopify Metaobjects, giving the client a centralized system for vehicle compatibility management.
Smart Sync Between Metaobjects and Metafields
One limitation in Shopify today is that storefront filters cannot directly use Metaobjects.
To solve this, we built a synchronization layer:
- Vehicle data is managed in Metaobjects (single source of truth)
- Relevant values are automatically synced to product metafields
- Storefront filters use these metafields for fast filtering
Even better:
🔄 If the client updates a Metaobject, all associated products update automatically
🔄 If a product’s metafield is updated, the change syncs back
This keeps the catalog consistent while maintaining filter performance.
Additional UX Improvements
We also improved the product page experience by:
- Displaying variant images first in the gallery
- Ensuring the selected color variant images appear prominently
- Making the product page visually reflect the chosen configuration
The Result
The store now has:
✔ A faster buying experience
✔ Better structured vehicle compatibility data
✔ Scalable filtering for thousands of vehicle combinations
✔ Reduced manual product maintenance
Custom product configuration, structured catalog data, and scalable filtering are common challenges for automotive and compatibility-based stores.
Shopify can absolutely handle them — but it often requires thoughtful custom development.
If you’re building a Shopify store with complex product relationships or compatibility logic, I’d be happy to discuss solutions.