Liquid、JavaScriptなどに関する質問
テーマを編集する際にときどき上記画像のような空白のテキストノードが現れて
な、なんだコイツ!っとなったことはありませんか?
私は先程まで苦しめられておりましたが、解決法がわかりましたので共有させていただきます♫
どうやら liquidの {{ }} や {% %} のタグは 時々、タグの左、あるいは右に空白を
自動的に生み出してしまう 仕様らしいのです。。。
しかし回避方法も同時に案内されておりました。
公式のリファレンス情報はこちら→ホワイトスペースの対策法
結果から申しますと タグに - (ハイフン) を追加するだけで空白を含まれない仕様にできます。
下記のような感じに書き換えます。
{{ product.title }} → {{- product.title -}}
{% assign ling in link.links %} → {%- assign ling in link.links -%}
すべてのタグでテキストノードが発生しているわけではなさそうですが、とりあえずつけとくほうが無難かもしれませんね。
テーマ編集の助けになれば幸いです。
解決済! ベストソリューションを見る。
成功
ご共有ありがとうございます!
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024