Liquid personnalisé

Liens en vedette

1. Documentation Shopify sur les métachamps et les sources dynamiques
2. Documentation Shopify sur les sections et les blocs
3. Documentation Company XYZ sur les paramètres de visibilité

Vidéos utiles

Vidéo de Shopify Academy : personnaliser votre boutique

Vidéo de Shopify Academy : personnaliser votre boutique

Utilisez ce bloc lorsque vous devez afficher directement une sortie Liquid personnalisée dans la mise en page d’une page. Il est particulièrement adapté aux cas d’utilisation avancés tels que les extraits d’applications, les métachamps et sources dynamiques, ou de petits éléments de contenu dynamique qui ne sont pas pris en charge par les blocs intégrés.

Ce bloc est particulièrement adapté aux utilisateurs avancés. Un code non valide ou dépendant du contexte peut ne rien afficher, afficher un contenu inattendu ou perturber la mise en page environnante.

Paramètres principaux

Le champ de code principal contrôle le contenu rendu par ce bloc. Utilisez-le pour des personnalisations ciblées lorsque l’emplacement est important, par exemple pour insérer une sortie d’application entre des blocs de contenu ou afficher des données enregistrées à un emplacement précis.

Limitez chaque bloc à un seul objectif clairement défini. Les extraits plus courts sont plus faciles à tester et à déplacer, et risquent moins de provoquer des problèmes lorsque le reste de la mise en page est modifié.

Pour avoir une vue d’ensemble de l’organisation du contenu du thème, consultez la documentation Shopify sur les sections et les blocs

Astuce

Lorsque vous collez du code fourni par une application, conservez-le exactement tel quel et testez-le sur le type de page où les clients le verront.

Paramètres standard de bloc

Paramètres de visibilité

Utilisez les commandes de visibilité pour choisir si le bloc doit apparaître sur tous les appareils, uniquement sur ordinateur ou uniquement sur mobile. Cela est particulièrement utile lorsque la sortie personnalisée doit être placée différemment sur les petits écrans ou lorsque vous souhaitez créer des versions mobile et ordinateur distinctes d’une même idée.

Si vous créez des versions spécifiques à chaque appareil, veillez à ce que leur contenu reste cohérent afin que les clients ne voient pas d’informations contradictoires selon la taille de l’écran. Consultez les Paramètres de visibilité pour connaître le comportement commun de ces commandes.

Notes d’utilisation

1. Conservez des extraits ciblés. Utilisez un bloc pour une seule tâche, par exemple un seul extrait d’application, une sortie de métachamp ou un message personnalisé.
2. Testez sur le bon modèle. Le Liquid personnalisé dépend souvent des données disponibles pour un type de page précis. Affichez-le donc toujours en aperçu à l’emplacement où il apparaîtra réellement.
3. Prévoyez les mises en page adaptatives. Utilisez les paramètres de visibilité lorsque la sortie personnalisée doit être déplacée, simplifiée ou masquée sur une taille d’appareil donnée.
4. Vérifiez les états vides. Si rien ne s’affiche, le code dépend peut-être de données manquantes pour ce produit, cette collection, cet article ou cette page.
5. Évitez d’encombrer la mise en page. Les blocs de code courts et ciblés sont plus faciles à gérer et risquent moins de créer des problèmes d’espacement ou d’alignement autour du contenu adjacent.