Skip to content
Skip to content
  • Home
  • My Projects
  • Home
  • My Projects
Let's talk
  • Home
  • My Projects
  • Home
  • My Projects
Let's talk

Carmion Tires

Carmion Tires is a Shopify store. The customer required a custom HTML search form with a responsive popup that opened when users clicked “Mehr Optionen.” The form needed to filter products dynamically based on key tire specifications, including Breite (Width), Querschnitt (Aspect Ratio), and Durchmesser (Diameter).
  • Summary

Carmiontires wanted a search solution that went beyond Shopify’s default functionality.
Customers often need to find tires by specific criteria (e.g., size, vehicle make, season, etc.),
but the existing filtering tools were too basic. The client requested:

  • A custom search form tailored to the tire industry.
  • A popup with extra options for advanced filtering.
  • Dynamic product results that update based on user selections.
  • Eshops
  • Carmion Tires
  • Haris F (on behalf of)
  • July 2025
Problem
Approach
Results
Problem

Carmiontires, a Shopify-based e-commerce store with 10,000+ products,
needed a custom tire search experience beyond Shopify’s default capabilities.
Customers had to be able to filter products by industry-specific attributes such as:

  • Breite (Width)
  • Querschnitt (Aspect Ratio)
  • Durchmesser (Diameter)

The client also requested a “Mehr Optionen” button that would open a
responsive popup form, giving users access to advanced filtering options.

Another key requirement was visual consistency: the results page had to look
and feel like the rest of the website, meaning any plugin-generated views needed to be
heavily customized in terms of layout, styling, and branding.

To make the system work, the store’s tags and collections required extensive restructuring.
They were not originally set up for filtering, so I created a custom tagging and metafield logic in Liquid,
ensuring that the search could run efficiently across the full catalog.

The project was further complicated by the fact that the website had been initially developed by someone else,
so the solution had to be integrated seamlessly into the existing codebase without disrupting core functionality.

Approach

Initially I used Search and Discovery plugin for the results. However, the number of products crushed the plugin. The customer had to revert to boost ai search and filter.

The steps for development were the following

  1. The HTML form used the native shopify tags and metafilters. Javascript was used to open the pop-up form and also populate the fields the initial form had automatically.
  2. A new all products collection was created automatically (products add by tag ), so that the filtered results would show.
  3. Bulk editor was used to insert the tags and meta fields in the products that did not already have t hem.
  4. At first search and discovery was set up and worked, but it totally crashed when the customer bulk edited the products to add the meta data and tag data
  5. The project was redeveloped with boost ai search and filter.
  6. The final search results page was customized by changing the code of the boost plugin to move the buttons and logos to the required position. The page was styled to match the rest of the website

 

 

Results
  • The custom search form with popup filters gave Carmiontires’ customers
    a smooth, guided way to select tires by the criteria most relevant to them.
  • By migrating to Boost AI Search & Filter, the store can now
    handle a large catalog without crashing, even after bulk metadata and tag updates.
  • The final search results page was fully customized to match the brand’s
    layout and styling, ensuring a seamless user experience.
  • Customers can now quickly find compatible tires, which has
    reduced bounce rates and improved the overall shopping journey.
  • The project delivered a scalable solution: new products added with tags
    and metafields are automatically included in search and filter results, minimizing ongoing maintenance.
  • Gallery
Back to projects

Let's work together!

Get in Touch
  • Developed by Anastasia
  • Portfolios
  • View my freelancer profile
  • Privacy and Cookie Policy