FROM CACHE - jp_header
解決済

テーマを編集する際、不意に現れる 「空白のテキストノード」 の対処法

WEBUILD
Shopify Partner
39 11 41

test.jpg

テーマを編集する際にときどき上記画像のような空白のテキストノードが現れて

な、なんだコイツ!っとなったことはありませんか?
私は先程まで苦しめられておりましたが、解決法がわかりましたので共有させていただきます♫

 

どうやら liquidの {{ }}  や {% %} のタグは 時々、タグの左、あるいは右に空白を

自動的に生み出してしまう  仕様らしいのです。。。

 

しかし回避方法も同時に案内されておりました。

 

公式のリファレンス情報はこちら→ホワイトスペースの対策法 

 

結果から申しますと タグに - (ハイフン) を追加するだけで空白を含まれない仕様にできます。

下記のような感じに書き換えます。

 

{{ product.title }} → {{- product.title -}}

{% assign ling in link.links %} → {%- assign ling in link.links -%}

 

 

すべてのタグでテキストノードが発生しているわけではなさそうですが、とりあえずつけとくほうが無難かもしれませんね。

 

テーマ編集の助けになれば幸いです。

1 件の受理された解決策

junichiokamura
Community Manager
1200 280 506

成功

ご共有ありがとうございます!

Senior Partner Solutions Engineer

元の投稿で解決策を見る

1件の返信1

junichiokamura
Community Manager
1200 280 506

成功

ご共有ありがとうございます!

Senior Partner Solutions Engineer