Liquid、JavaScriptなどに関する質問
テーマを編集する際にときどき上記画像のような空白のテキストノードが現れて
な、なんだコイツ!っとなったことはありませんか?
私は先程まで苦しめられておりましたが、解決法がわかりましたので共有させていただきます♫
どうやら liquidの {{ }} や {% %} のタグは 時々、タグの左、あるいは右に空白を
自動的に生み出してしまう 仕様らしいのです。。。
しかし回避方法も同時に案内されておりました。
公式のリファレンス情報はこちら→ホワイトスペースの対策法
結果から申しますと タグに - (ハイフン) を追加するだけで空白を含まれない仕様にできます。
下記のような感じに書き換えます。
{{ product.title }} → {{- product.title -}}
{% assign ling in link.links %} → {%- assign ling in link.links -%}
すべてのタグでテキストノードが発生しているわけではなさそうですが、とりあえずつけとくほうが無難かもしれませんね。
テーマ編集の助けになれば幸いです。
解決済! ベストソリューションを見る。
成功
ご共有ありがとうございます!
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024