Actif personnalisé
Utilisez ce bloc pour charger une feuille de style personnalisée, un fichier JavaScript ou une intégration tierce sur le modèle auquel le bloc est ajouté. Il convient particulièrement au code avancé, spécifique à une page, qui doit s’exécuter uniquement dans certaines zones plutôt que sur l’ensemble de la boutique. Pour en savoir plus sur l’emplacement des blocs dans les thèmes, consultez documentation Shopify sur les sections et les blocs
Le champ de code attend une balise d’actif complète, comme une balise de script complète ou une balise de lien de feuille de style. Pour un rappel rapide, consultez le guide de l’actif personnalisé fourni par la source.
Collez la balise d’actif complète exactement telle qu’elle doit être chargée. Ce bloc est prévu pour des inclusions complètes, et non pour des extraits partiels. Des balises incomplètes ou des attributs manquants peuvent empêcher l’actif de fonctionner correctement.
Lorsque vous ajoutez un service externe, utilisez la méthode d’intégration ou la balise d’actif recommandée par le fournisseur et testez le résultat sur le modèle où le bloc apparaît. Si vous ajustez le bloc dans l’éditeur de thème, la documentation Shopify sur la personnalisation des sections peut aider à expliquer comment le contenu du bloc y est géré. C’est particulièrement important lorsque le code dépend du contenu spécifique à la page, des interactions client ou de styles existants.
N’ajoutez que du code en lequel vous avez confiance et que vous comprenez. Un script ou une feuille de style en conflit peut perturber la mise en page, les interactions, le suivi ou les performances sur le modèle où ce bloc est utilisé.
Paramètres standard de bloc
Section intitulée « Paramètres standard de bloc »Paramètres de l’éditeur
Section intitulée « Paramètres de l’éditeur »Ces paramètres n’affectent que la façon dont le bloc est nommé dans l’éditeur de thème. Renommez le bloc lorsque c’est nécessaire afin de pouvoir identifier rapidement ce que fait chaque actif personnalisé, en particulier si vous utilisez plusieurs actifs dans le même modèle.
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Conservez un placement intentionnel. Ajoutez le bloc uniquement sur les modèles qui ont réellement besoin de l’actif afin qu’aucun code inutile ne soit chargé ailleurs.
- Utilisez des balises complètes. Collez l’inclusion complète du script ou de la feuille de style plutôt qu’un code partiel afin que l’actif puisse se charger correctement.
- Nommez les blocs clairement. Mettez à jour le titre de l’éditeur pour refléter le service ou l’objectif, ce qui facilite beaucoup les modifications futures.
- Testez sur des mises en page réelles. Vérifiez les vues ordinateur et mobile après avoir ajouté un actif, car le code personnalisé peut affecter différemment l’espacement, l’alignement, la visibilité et le comportement des médias selon la taille d’affichage.
- Surveillez les comportements sensibles au contexte. Si votre actif modifie les interactions produit ou panier, vérifiez-le avec différentes variantes, quantités, disponibilités et actions commerciales afin que le résultat corresponde au contexte de la page.
- Évitez les chargements en double. N’incluez pas plusieurs fois le même actif externe sur un seul modèle, sauf si le fournisseur l’exige explicitement.