Comment afficher des informations selon le type de contenu sur Shopify

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 Mise en page (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]

Besoin d'aide ?

Vous avez un problème pour faire fonctionner ce tutoriel ou vous avez un besoin spécifique ?
Nous pouvons le faire pour vous ! pour ce faire merci de prendre contact avec notre équipe.

En savoir plus

🤗 Vous souhaitez me remercier pour mes Tutos ?

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

Payer un Café à Dgeo Dev

Besoin de déléguer votre SAV ?

Si vous avez besoin d'une personne pour gérer votre SAV j'ai la perle rare 😉 contactez moi en MP ou cliquez sur le bouton ci-dessous:

Je veux déléguer mon SAV

🤗 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. Thomas

    7 Nov 2020 Répondre

    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. Voun

    9 Nov 2020 Répondre

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

    1. Dgeo Dev

      10 Nov 2020 Répondre

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

  3. Lucas

    15 Mar 2021 Répondre

    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. Dgeo Dev

      15 Mar 2021 Répondre

      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
×
×

Panier