shopify

shopify liquidで変数の値を開発環境にだけ表示にして作業する方法

shopify logo

やることは簡単なのですが、毎回style文とか作るのが面倒なのでコピペ用に記事を書きます。

やりたいこと

shopifyを改修する際に本番環境のテーマを直接いじらなければならないことがあり、変数の値など確認する際に画面に表示させずにコードの解析を行いたかった。

解決策

HTMLタグに非表示のstyleを追加して、閲覧しにきた人にバレないようにしたいと思います。

<p style=”display:none”>{{ 見たい変数 }}</p>

styleでdisplay : none を指定するだけですが、他にやり方をしらないのでこれで乗り切りたいと思います。

※ コメントをいただき教えていただいたのですがソースには全部表示されてしまうので(確かに)個人情報などをあげてしまうのは危険です。確認を終えたら速やかに消した方が良さそうです。

POSTED COMMENT

  1. ベンダーくん より:

    ソースに全部出力されていますよ
    公開して問題ない内容ならいいですが、トークンとか個人情報ならアウトですね
    公開時にはコメントアウトする等したほうがいいかと思いました

    • Nakamoto より:

      おっしゃる通りですね、危険なので別の方法探してみます。
      ありがとうございます。

COMMENT

メールアドレスが公開されることはありません。