Jun 9, 2026

description

这个浏览器扩展帮助您在 Shopify 后台主题列表中添加三个按钮:

预览当前主题或其副本的页面效果
一键复制当前主题对应的 theme_id
一键直达 Shopify 最新的在线 VS Code 主题编辑界面

高效、美观、免费使用。在初始版本发布之后，进行了多个版本更新，添加了更多功能，详见下方更新日志。

使用说明:

1. 访问 Shopify 后台主题列表页
2. 点击按钮使用相应的三个功能

在主题编辑器或代码编辑器中点击扩展图标，可分别使用两种不同功能 (打通编辑和预览)

更新日志

v3.0.9
在 Shopify 主题编辑器界面展示一个开关，允许用户自由决定是否取消激活检查器功能

v.3.0.8
Shopify 每次进入主题编辑器都会启用检查器，需要手动点击关闭，下次进入默认又是开启状态，此版本默认不激活检查器功能。

v3.0.7
预览主题时默认隐藏底部 Preview Bar，在 Shopify 网站前台点击插件图标时显示所预览的主题名称，并且可以点击按钮退出预览

v3.0.6
在 Shopify 主题编辑器界面展示 打开产品后台 按钮，点击从新标签页打开所有产品界面，方便搜索和编辑产品、切换产品模板等操作。

v3.0.2 ~ v3.0.5
优化右键打开对应 section 文件的准确性和特殊情况处理

v3.0.1
在 Shopify 网站前台页面右键任意模块，可直接在代码编辑器中打开对应的 section 文件

v3.0.0
支持在 Shopify 网站前台使用，可访问主题编辑器和代码编辑器，至此，按钮逻辑为：

1. 在主题列表为每个主题显示图一所示的三个按钮
2. 在主题编辑器中可以 预览主题效果 + 进入主题代码编辑界面
3. 在代码编辑器中可以 预览主题效果 + 进入主题编辑器
4. 在 Shopify 网站前台可以 进入主题编辑器 + 进入主题代码编辑界面

v2.2.0
修复添加新主题或从主题编辑器返回后按钮不能正常工作的问题

v2.1.1
移除 ?vs=1 并调整主题编辑器和代码编辑器中按钮位置

v2.1.0
移除对 ?vs=1 的不必要检测。

v2.0.3:
移除 vs=1 界面中不必要的商店和主题信息显示。

v2.0.2:
在 vs=1 界面中为插件图标添加"预览主题"和"自定义主题"的点击功能

This browser extension helps you add three buttons to the Shopify Admin Page (Themes List):

1. Preview the page effects of the current theme or its duplicate
2. One-click copy of the theme_id corresponding to the current theme
3. One-click direct access to Shopify's latest online VS Code theme editing interface

Efficient, beautiful, and free to use.

## Instructions:

1. Visit Shopify Admin Themes Page.
2. Click buttons to use the corresponding three functions.
3. If you add or duplicate a theme, please refresh the page once.
4. Click the extension icon in Theme Customize or Edit Code page to automatically open the corresponding online VS Code editor.

Happy Coding!

## Changelog

v3.0.9
Display a toggle in the Shopify Theme Editor interface, allowing users to freely decide whether to deactivate the inspector feature.

v3.0.8
Shopify enables the inspector every time you enter the Theme Editor, requiring a manual click to close it, and it defaults to enabled again on the next visit. This version disables the inspector by default.

v3.0.7
Hide the Preview Bar at the bottom by default when previewing a theme. When clicking the extension icon on the Shopify storefront, the name of the theme being previewed is displayed, along with a button to exit the preview.

v3.0.6
Display an Open Products Admin button in the Shopify Theme Editor interface. Clicking it opens the All Products page in a new tab, making it convenient to search and edit products, switch product templates, and more.

v3.0.2 ~ v3.0.5
Improved accuracy of right-click opening the corresponding section file and handling of edge cases.

v3.0.1
Right-click on any block on the Shopify storefront page to directly open the corresponding section file in the code editor.

v3.0.0
Added support for use on the Shopify storefront, with access to both the theme editor and code editor. The button behavior is now as follows:

In the theme list, three buttons (as shown in Picture 1) are displayed for each theme
In the theme editor: preview theme + open theme code editor
In the code editor: preview theme + open theme editor
On the Shopify storefront: open theme editor + open theme code editor

v2.2.0
Fixed an issue where buttons would not work correctly after adding a new theme or returning from the theme editor

v2.1.1
Removed ?vs=1 and adjusted button positioning in the theme editor and code editor

v2.1.0
Remove unnecessary detection for ?vs=1.

v2.0.3:
Remove unnecessary store and theme information display in the vs=1 interface.

v2.0.2:
Add click functionality for the plugin icon "Preview Theme" and "Customize Theme" in the vs=1 interface