商品情報にスキップ
公開日:2023.06.30(最終更新日:2025.01.26)
Shopifyの管理画面のコレクション一覧から直接ストアフロント側のページを表示するブックマークレット
Shopifyの管理画面で、商品一覧からはストアフロントのページを直接閲覧できるのですが、コレクション一覧にはその機能がありません。大量にコレクション登録した際など一気に確認したいときに使えるブックマークレットです。
Shopify管理画面のコレクション一覧から直接ストアフロント側のページを表示するブックマークレット
1.ブックマークレットに登録するスクリプトをコピーする
このページ下部にある「サンプルコード」に掲載しているJavascriptコードをまるごとクリップボードにコピーしておきます。

2.「ブックマーク バー上」で右クリックしてコンテキストメニューを表示し「ページを追加」をクリック
※「ブックマーク バー上」でなく、ブックマークマネージャーでページを追加しても同様です。

3.ブックマーク追加ダイアログでURL欄に現在表示しているページのURLが入っているので削除する

4.URL欄にコピーしたスクリプトをペーストして「保存」する

5. ブックマークレットが追加される

あとはこのブックマークレットをコレクション一覧ページ表示中にクリックすれば中身のスクリプトが実行されます。
サンプルコード
テーマ「Dawn」で、商品やコレクション、ブログ記事を複合的に表示するセクション
※2024/1/24時点での管理画面仕様に基づきます。管理画面が更新されると動かなくなる可能性は高いです。予めご了承ください。