Adding Theme Blocks to Your Store

FitmentPro uses Shopify's theme blocks to display vehicle compatibility information on your storefront. All blocks are Liquid-only (no JavaScript required) and work with any Online Store 2.0 theme.

Available Blocks

Block	Purpose	Recommended Placement
Vehicle Selector	Main vehicle dropdown for customers	Homepage, collection pages
Compatibility Badge	Shows if product fits selected vehicle	Product pages, product cards
Compatibility Table	Full list of compatible vehicles	Product pages
Vehicle Filter	Collection filtering by vehicle	Collection pages
My Garage	Saved vehicles for returning customers	Header, sidebar
HSN/TSN Lookup	German registration lookup	Product pages (Enterprise)
SEO Vehicle Data	Structured data for search engines	App embeds (invisible)

How to Install

In FitmentPro, go to Theme Setup
Click the Install button next to the block you want to add
This opens the Shopify theme editor at the correct location
Position the block where you want it on the page
Configure block settings (colors, labels, etc.)
Click Save in the theme editor
Repeat for each block you want to add

Requirements

Your theme must be an Online Store 2.0 theme
The FitmentPro app embed must be enabled (this happens automatically during installation)
Blocks work with all free and paid Shopify themes

Recommended Setup

For most stores, we recommend installing at minimum:

Vehicle Selector — So customers can select their vehicle

Compatibility Badge — So they see which products fit

Compatibility Table — So they can see all compatible vehicles on a product page

Customization

Each block has settings you can adjust in the theme editor:

Colors and fonts to match your theme

Labels and text (uses your store's language automatically)

Display options (compact/detailed views)

Visibility settings (show/hide on mobile)