NouveauNouveau guide : TecDoc vs ACES/PIES, les deux standards de catalogue comparés. Lire le guide →

Documentation

Installez, connectez TecDoc, importez votre gamme et configurez votre boutique.

/
Shopify app / Prise en main

Configuration de la boutique

Configurez le filtre véhicule avec Shopify Search & Discovery et ajoutez un bloc Liquid personnalisé pour afficher les références OEM et IAM et les PDF sur les fiches produits.

Mis à jour en octobre 2026v2 · oct. 2026

Pour que l’app Mecaparts fonctionne correctement dans votre boutique Shopify, deux éléments sont à configurer :

  1. Filtre véhicule — pour que les clients trouvent les bonnes pièces selon leur véhicule.
  2. Section Liquid personnalisée — pour afficher les détails produit comme les références OEM, les références IAM et les documents techniques.

Suivez attentivement les étapes ci-dessous.


1. Filtre véhicule — Configuration

Le filtre véhicule permet à vos clients d’affiner les produits par modèle de véhicule. Pour le configurer, vous utiliserez l’app gratuite Search & Discovery de Shopify.

Étape 1 — Installer Search & Discovery

Dans votre admin Shopify, installez l’app Search & Discovery. C’est elle qui permet de créer des filtres comme le filtre véhicule.

Installation de l’app Search & Discovery

Étape 2 — Ouvrir l’onglet « Filtres »

Après l’installation, ouvrez l’app depuis votre admin Shopify et allez dans l’onglet Filtres. C’est là que vous créez et gérez les filtres qui apparaîtront dans votre boutique.

Onglet Filtres

Étape 3 — Ajouter le filtre CAR

Dans l’onglet Filtres, cliquez sur Ajouter un filtre, puis sur Sélectionner la source. Dans la liste, choisissez CAR Variant Metafield comme source. Cliquez ensuite sur Enregistrer pour confirmer.

Ajouter le bouton de filtre

Étape 4 — Placer le filtre CAR en priorité

Faites glisser le filtre CAR tout en haut de la liste pour qu’il apparaisse en premier à vos clients.

Réordonner les filtres

Étape 5 — (Facultatif) Masquer le filtre par défaut de Shopify

  • Allez dans Boutique en ligne > Thèmes > Personnaliser
  • Dans l’éditeur de thème, repérez la section CSS personnalisé
  • Ajoutez le CSS suivant pour masquer le filtre par défaut et faire du filtre véhicule l’option principale :
#FacetFiltersForm > div.page-layout-sidebar-inner-content > div:nth-child(1) {
    display: none;
}
Ajouter du CSS personnalisé

2. Détails produit — Section Liquid personnalisée

Cette étape affiche les informations produit importantes (références OEM, références IAM et documents PDF) directement sur vos fiches produits.

Étape 1 — Ouvrir la personnalisation du thème

Dans l’admin Shopify, allez dans Boutique en ligne > Thèmes > Personnaliser.

Personnalisation du thème

Étape 2 — Ajouter un bloc Liquid personnalisé

  • Dans l’éditeur de thème, cliquez sur Ajouter une section et sélectionnez Liquid personnalisé
  • Collez le code suivant dans le bloc :
{{ product.metafields.pro.oem }}
{{ product.metafields.pro.iam }}
{{ product.metafields.pro.pdf }}

Vos clients voient ainsi les références produit et les documents téléchargeables directement sur la page produit.

Ajouter du Liquid personnalisé

Une fois ces étapes terminées, votre app Mecaparts est entièrement intégrée à votre boutique Shopify pour des performances optimales. En cas de problème ou de besoin d’aide, écrivez à contact@mecaparts.app.