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]

🤗 Vous souhaitez me remercier pour mes Tutos ?

Cliquez sur le bouton ci-dessous pour m'encourager à continuer 😉

Payer un Café à Dgeo Dev

Cet article a 5 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 😉

  3. Bonjour, comment pourrais-je faire afin de n’afficher le pop up qu’une seule fois ? car a chaque retour sur la page d’accueil le pop up se réaffiche 😡

    1. Hello, ca demande un développement plus poussé qu’un tuto gratuit 😉 Il faudrait voir du coté des apps et des thèmes comme Speedfly par exemple 🙂

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