Shopifyカスタムでのサイト内URL指定は相対パスにしておこう

 

Shopifyでは、公開テーマ以外のテーマをプレビューして、それを共有して確認できるようになっています。

なので、サイトをカスタムするときには、

現行のテーマをコピーしてから、そのコピーしたものを改変する、という感じです。

 

で、とある商品ページの改変をして、きちんと出来ているかプレビューを確認。

いつも自分のスマホでも確認をするようにしてるんですが、

なぜかスマホでは改変したはずの場所が改変されていない？！

キャッシュを削除しても変わらないし、何度もリロードしても変わらず…

 

なぜなのか30分くらい悩みました。

が、原因は、すごくシンプルだったんです。

 

スマホに、プレビュー共有URLを送って見るんですが、

送られるのはTOPページのURLなんです。

で、自分で作ったTOPページのバナーから、該当の商品ページに飛んでいましたが、

飛ぶときにバナーのaタグのURLが、絶対URL（https://から始まるURL）だったので、共有サイトではなく、現行の公開テーマに繋がってしまい、改変中のテーマのプレビューにはたどり着いていなかった…というアホなオチでした…あはは(-_-;)

なので、

Shopify内でのカスタムで書くサイト内URLは、相対パスで書こう！！！

というメモでした。

 

相対パスの方がなにかと便利なので、他の案件でも今後は気を付けたいです。