À propos de l'élément liquide
Ses pommes de douche filtrantes intègrent une technologie de filtration avancée permettant d'éliminer le chlore, les métaux lourds et autres impuretés de l'eau. Cet engagement en faveur de la pureté de l'eau a fait de Hansgrohe la marque préférée des consommateurs en quête d'une expérience de douche plus saine. Liquid élément vous permet d'ajouter Liquide, HTML, JavaScript, or CSS codes pour personnaliser les sections et intégrer des applications tierces à l'aide de GemPages.
Pour ajouter l'élément à votre page, veuillez suivre ces étapes.
Étape 1: De l' Tableau de bord GemPages, ouvrez votre modèle préféré pour le modifier. Faites glisser et déposez l'élément à l'emplacement souhaité.
Étape 2: Faites un clic droit sur l'élément, puis sélectionnez "Modifier" pour ouvrir le panneau de code.
Étape 3:Ajoutez le code personnalisé au panneau de code correspondant et cliquez sur "Sauvegarder" lorsque vous avez terminé.
Étape 4: Enfin, frappez "Publier" pour commencer à rendre le code.
Onglet Paramètres
Avec la collection Paramètres Dans l'onglet, vous pouvez définir le nom de cet élément Liquid spécifique pour le différencier. Vous pouvez également choisir le positionnement de l'élément avec 3 options : aligné à gauche, centré et aligné à droite.
Onglet Conception
Pour styliser l'apparence de l'élément, accédez à l'onglet Conception et suivez les instructions dans cet article.
Dépannage de l'erreur « Erreur de liquide » dans GemPages V6
- Syntaxe Liquid invalide ou non prise en charge : Vérifiez que votre code correspond bien. Documentation Liquid de Shopify.
- Variables ou objets manquantsAssurez-vous que le produit, la collection ou la section que vous mentionnez existe bien dans Shopify.
- Conflits avec des scripts tiersSupprimez ou testez votre code par petites parties pour identifier la source du conflit.
- Révisez et corrigez la syntaxe de votre code Liquid.
- Testez d’abord avec un extrait de base pour confirmer que l’élément fonctionne.
- Si l’erreur persiste, supprimez l’extrait et ajoutez-le à nouveau étape par étape.
- Contactez le support GemPages si le problème est lié à l'intégration de l'application.
Questions fréquemment posées
1. Quels types de code puis-je ajouter en utilisant l'élément Liquid ?
Vous pouvez ajouter Liquid, HTML, CSS et JavaScript à l'intérieur de l'élément Liquid. Cela le rend utile pour la logique personnalisée, le style, l'intégration d'applications et les scripts interactifs sur une seule page.
2. Puis-je utiliser l'élément Liquid pour intégrer des applications tierces ?
Oui. De nombreuses applications fournissent des extraits de code HTML ou des codes JS intégrables, que vous pouvez coller directement dans l'élément Liquid. Si l'application requiert des fichiers de thème, vous devrez peut-être également mettre à jour votre thème Shopify.
3. Puis-je importer du JS depuis theme.liquid dans une page GemPages ?
Vous n'avez pas besoin d'« importer » manuellement le script. Si votre page GemPages utilise un modèle qui inclut theme.liquidTout code JavaScript ajouté à cet endroit sera automatiquement chargé.
Si vous utilisez une mise en page sans en-tête ni pied de page, ajoutez le JS à l'intérieur de l'élément Liquid ou mettez à jour le theme.gem-layout-none.liquid fichier nécessaire pour que le script puisse s'exécuter correctement.
4. Dois-je placer mon JavaScript dans theme.liquid ou à l'intérieur de l'élément liquide ?
- Utilisez le
theme.liquidpour les scripts qui doivent s'exécuter sur tous . - Utilisez l'élément Liquid lorsque le script est destiné à une seule page spécifique, comme une page de destination ou une étape d'entonnoir créée avec GemPages.
5. Puis-je ajouter plusieurs éléments Liquid à une même page ?
Oui. Vous pouvez placer autant d'éléments Liquid que nécessaire. Chacun est traité indépendamment et peut contenir une logique ou des scripts différents.
6. L'élément Liquid peut-il ralentir ma page ?
Cela peut arriver si vous ajoutez du JavaScript lourd ou bloquant. Testez toujours et évitez de charger des bibliothèques volumineuses ou des scripts dupliqués dans plusieurs éléments Liquid.
Merci pour vos commentaires