Skip to product information
Shopifyの管理画面のコレクション一覧から直接ストアフロント側のページを表示するブックマークレット
Published:2023.06.30(Last updated:2025.01.26)

A bookmarklet that displays storefront pages directly from the collection list in the Shopify admin panel

In the Shopify admin screen, you can view the storefront page directly from the product list, but the collection list does not have this function. This bookmarklet can be used when you have registered a large number of collections and want to check them all at once.


A bookmarklet that displays storefront pages directly from the collection list in the Shopify admin panel


1. Copy the script to be registered as a bookmarklet

Copy the entire Javascript code shown in the "Sample Code" at the bottom of this page to your clipboard.


2. Right-click on the Bookmarks bar to display the context menu and click Add Page.

*The same effect occurs if you add the page using the Bookmark Manager instead of on the Bookmark Bar.


3. In the bookmark addition dialog, the URL field contains the URL of the currently displayed page, so delete it.


4. Paste the script you copied into the URL field and click "Save"


5. The bookmarklet is added

All you have to do is click on this bookmarklet while viewing the collection list page and the script inside will be executed.


After making a purchase (all items are ¥0), you will be able to view the sample code.

View store information

A bookmarklet that displays storefront pages directly from the collection list in the Shopify admin panel

If you have already made a purchase, please login here.

Sample Codes

A section for displaying products, collections, and blog posts in a combined manner in the Dawn theme.

*Based on the management screen specifications as of January 24, 2024. There is a high possibility that the management screen will no longer function if it is updated. Please note this in advance.

↗ Related Post

すべてのShopify TIPS

View all