Shopifyのプレビューと通貨スイッチャー:メモ

ある程度の根拠はあるものの補強材料となるドキュメントが見つけられていないため仮説の域ですがメモ的に。

前提と問題

• Shopifyで通貨スイッチャー機能があるテーマを使用
• テーマライブラリ内のテーマにJSを追加で読み込ませてプレビューで動作確認

上記の前提で以下の問題が発生。

• 通貨スイッチャーで通貨を切り替えるとJSが動作しない
• デスクトップのChromeのだけ動作する(SafariとFierfoxは動作しない)

デスクトップのChromeはURLがプレビューのものから変わっていてもプレビュー用のバナーが表示され続け、追加したJSも動作します。

仮説と根拠

• 通過スイッチャーで通貨を切り替えると、プレビューから抜けてライブテーマの方に移動してしまう
• デスクトップのChromeのだけプレビューから抜けない

以下が仮説の根拠で、デスクトップChrome以外での通貨スイッチャー変更時の動作。

• JSにalert()を書いて確認すると、アラートが表示されない
• ブラウザ下部にプレビュー中であることを示すバナーが表示されない
• 開発者ツールのNetworkで追加したJSの読み込みが確認できない

結び

通貨切り替えの仕組み次第な部分もあると思いますが、おそらく仮説どうりかなと。

通貨切り替え時の動作をプレビューで確認する方法は見つけられていないものの、Chromeでの確認なら予備調査程度には使えるかもしれません。
もっともChromeの動作が本当に正規の状況をプレビューできているという保証はないので、結局のところライブテーマで試すしかないことに変わりありませんが。