How to Display Product Fitment on Your Shopify Store

Step 1: Open Your Theme Editor

1. Log in to Shopify Admin.
2. Go to Online Store → Themes.
3. Click Customize on your active theme.
4. Open a Product page template.

Step 2: Add a Custom Liquid Block

1. In the left sidebar, click Add Block.
2. Select Custom Liquid.
3. Drag the block to the location where you want fitment information to appear, typically below the product description.

Step 3: Paste the Fitment Code

Paste the following code into the Custom Liquid block:

{% assign fitment = product.metafields.custom.fitment.value %}

{% if fitment != blank %}
  <div class="product-fitment">
    <h3>Fitment</h3>
    <ul>
      {% for vehicle in fitment %}
        <li>
          {{ vehicle.year }}
          {{ vehicle.make }}
          {{ vehicle.model }}
          {% if vehicle.submodel %} {{ vehicle.submodel }}{% endif %}
          {% if vehicle.notes %} - {{ vehicle.notes }}{% endif %}
        </li>
      {% endfor %}
    </ul>
  </div>
{% endif %}

Step 4: Save Your Theme

Click Save in the upper-right corner of the theme editor. Visit any product that contains fitment data and you should now see a Fitment section listing compatible vehicles.

Understanding Fitment Counts

The Supplier Connector stores fitment information using Shopify metafields:

• custom.fitment - Vehicle fitment data displayed on the storefront.
• custom.fitment_count - Total fitment records available from the supplier.
• custom.fitment_stored_count - Number of fitment records successfully stored in Shopify.

Why Might These Numbers Be Different?

Shopify imposes size limits on metafields. Products with extremely large fitment lists may not be able to store every fitment record.

In this case, Shopify reached its metafield storage limit and only the first 500 records were stored.

Troubleshooting

No Fitment Appears

Check the following:

• The product has been imported through the Supplier Connector.
• The product contains a custom.fitment metafield.
• The Custom Liquid block was added to the correct product template.
• The theme changes have been saved.

Fitment List Seems Incomplete

Compare:

• custom.fitment_count
• custom.fitment_stored_count

If the stored count is lower than the total count, Shopify's metafield size limit has been reached.

Need Help?

If fitment data is not displaying correctly, contact IndieMoto support and provide:

• Your Shopify store URL
• Product URL
• Product SKU

We will help verify that fitment data was imported and stored correctly.