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 Shopify Academy : Personnaliser votre boutique

Vidéo Shopify Academy : Personnaliser votre boutique

Utilisez cette section pour placer directement une sortie Liquid personnalisée dans une mise en page de page, y compris des extraits d’application, du contenu de metafield, ou d’autres détails dynamiques de la boutique en ligne. Elle est idéale pour les personnalisations avancées lorsque vous avez besoin d’un contrôle précis sur ce qui apparaît et où il apparaît.

Paramètres de base

Le champ Liquid personnalisé est au cœur de cette section. Utilisez-le pour coller des extraits fournis par une application ou ajouter votre propre sortie Liquid pour les détails de produit, le contenu de collection, les metafields ou d’autres éléments dynamiques.

Concentrez votre configuration et procédez par petits tests. Un court extrait fonctionnel est beaucoup plus facile à dépanner qu’un grand bloc de code et de contenu mêlés. Pour un aperçu plus large du fonctionnement des sections dans les thèmes, consultez la documentation Shopify sur les sections et les blocs

Cette section affiche exactement ce que vous ajoutez. Si le Liquid est incomplet, non pris en charge dans le modèle actuel, ou collé incorrectement, la section peut apparaître vide ou se comporter de manière inattendue.

Si vous ajoutez du code d’application, collez-le tel quel sauf si vous êtes certain de pouvoir le modifier en toute confiance. Si vous rédigez votre propre sortie, assurez-vous que le contenu correspond à la page où la section est utilisée, car les données disponibles peuvent varier selon le modèle.

Paramètres standard de section

Paramètres de visibilité

Paramètres de visibilité contrôlent si cette section apparaît sur ordinateur, sur mobile ou sur les deux. C’est particulièrement utile lorsque vous souhaitez un contenu Liquid personnalisé ou un formatage différent selon la taille de l’écran.

Utilisez la visibilité selon l’appareil de manière intentionnelle. Si la section contient du contenu important, le fait de la masquer sur un appareil peut supprimer complètement cette information de cette expérience client.

Notes d’utilisation

1. Commencez par un extrait simple. Confirmez que la section s’affiche au bon endroit avant d’ajouter une logique ou un balisage plus complexes.
2. Faites correspondre le contexte du modèle. Utilisez un contenu adapté au type de page, car certaines sorties dynamiques ne fonctionnent que lorsque les bonnes données sont disponibles.
3. Conservez les extraits d’application intacts. Collez le code fourni par l’application tel quel, sauf si vous comprenez parfaitement l’effet des modifications sur le résultat.
4. Utilisez la visibilité avec intention. Masquez la section sur ordinateur ou sur mobile uniquement lorsque vous créez volontairement des mises en page différentes pour différents appareils.
5. Vérifiez les deux zones d’affichage. Consultez la section sur ordinateur et sur mobile, car l’alignement, l’espacement, la visibilité ou le comportement des médias peuvent varier selon la taille de l’écran.
6. Attendez-vous à un style de remplacement. Les valeurs vides, transparentes ou de style par défaut conservent généralement le style environnant, tandis que les couleurs explicites, les dégradés ou les remplacements de médias rendent la section plus indépendante.