Nous allons voir dans ce tutoriel comment afficher des informations ou des codes selon le type de contenu sur lequel on se trouve. En gros vous allez pouvoir afficher des choses différentes si on est sur l’accueil, une fiche produit, une collection, des pages ou le panier. Impossible pour le checkout par contre car le thème n’est pas pris en compte sauf si vous avez Shopify plus et donc que vous payez plus de 2k par mois… mais j’en doute :p

Certes nous pourrions aller sur chaque fichier spécifique comme le product.liquid, page.liquid, cart.liquid etc… et je vous dirai oui ! et c’est même la bonne manière de faire mais parfois on souhaite proposer des conditions plus pointues comme par exemple n’afficher parfois qu’un bandeau ou un footer et même un code sauf la page d’accueil. Dans ce cas précis  au lieu de se taper le copier /coller sur chaque fichier et bien une simple condition fera l’affaire 😉 . Je vous propose donc une panoplie de codes pour faire ce genres de conditions.

Rendez-vous dans Boutique en ligne – Actions – Modifier le code – Ouvrez le dossier Layout et le fichier « theme.liquid » ! c’est dans ce fichier qu’on va pouvoir faire ce type de conditions 😉

Condition pour le type de contenu « Accueil »

Afficher quelque chose uniquement sur la page d’accueil

{% if template.name == "index" %}

contenu...

{% endif %}

Afficher quelque chose partout sauf sur la page d’accueil

{% if template.name != "index" %}

contenu...

{% endif %}

Condition pour le type de contenu « Page »

Afficher quelque chose uniquement sur les pages

{% if template.name == "page" %}

contenu...

{% endif %}

Afficher quelque chose partout sauf sur les pages

{% if template.name != "page" %}

contenu...

{% endif %}

Condition pour le type de contenu « Collection »

Afficher quelque chose uniquement sur les collections

{% if template.name == "collection" %}

contenu...

{% endif %}

Afficher quelque chose partout sauf sur les collections

{% if template.name != "collection" %}

contenu...

{% endif %}

Condition pour le type de contenu « Produit »

Afficher quelque chose uniquement sur les produits

{% if template.name == "product" %}

contenu...

{% endif %}

Afficher quelque chose partout sauf sur les produits

{% if template.name != "product" %}

contenu...

{% endif %}

Condition pour le type de contenu « Panier »

Afficher quelque chose uniquement sur les paniers

{% if template.name == "cart" %}

contenu...

{% endif %}

Afficher quelque chose partout sauf sur les paniers

{% if template.name != "cart" %}

contenu...

{% endif %}

Condition pour le type de contenu « Blog »

Afficher quelque chose uniquement sur les blogs

{% if template.name == "blog" %}

contenu...

{% endif %}

Afficher quelque chose partout sauf sur les blogs

{% if template.name != "blog" %}

contenu...

{% endif %}

Condition pour le type de contenu « Article »

Afficher quelque chose uniquement sur les articles

{% if template.name == "article" %}

contenu...

{% endif %}

Afficher quelque chose partout sauf sur les articles

{% if template.name != "article" %}

contenu...

{% endif %}

Ce tutoriel existe aussi en vidéo

J’espère que ce tutoriel vous a plu !

Merci de me laisser une petite note 😉
[Note moyenne de: 5 sur 3 votes]

Cet article a 3 commentaires

  1. Bonjour merci des conseils 🙂
    Une question me vient, je souhaiterai afficher une image différente que l’on soit sur pc ou mobile.
    Est-ce possible ?

    En te remerciant.

  2. Comment tu fais pour detecter si c’est une page paginée?

    1. Je sais pas trop désolé faut éplucher la doc de shopify liquid 😉

Laisser un commentaire

Fermer le menu

Envie d'apprendre à Coder et Maitriser ton Thème Shopify  ?

Alors abonne-toi à la chaine et active la cloche pour ne pas louper l'arrivée des prochaines vidéos !

S'abonner à la chaine