【Shopify】現在見ているページのファイルを調べる方法

テーマを開発/カスタマイズする際は、どのtemplates内ファイルが読み込まれているか知る必要があります。

例えば
トップページ　→ templates/index.liquid
コレクション一覧　→ templates/collection.liquid
など。

これらはlayout/theme.liquid内のscriptタグの中で下記のコードを入れることで知ることができます。

<script>
console.log('{{template}}');
//or
alert('{{template}}');
</script>