Shopify Theme Buttons 功能介绍改善建站体验

Shopify Theme Buttons 是博主制作的一款谷歌浏览器插件，用来帮助 Shopify 从业人员改善建站和主题使用体验，在店铺运营过程中经常使用到的不同页面它会自动展示不同的功能，分别在：

Shopify 后台主题列表
Shopify 主题装修编辑器
Shopify 在线代码编辑器
Shopify 店铺前台网站

后台主题列表

自动为每个主题生成以下三种按钮

一键查看预览效果（右键可复制预览链接）
复制主题 id
在线编辑代码

theme-list-buttons

主题编辑器

预览主题效果
在线编辑代码
打开产品后台
保持停用或启用检查器

buttons-for-theme-customizer

打开产品后台：没有这个工具帮忙，如果在 Shopify 店铺装修时想切换到产品编辑界面，例如更新产品信息、切换产品模板等，需要返回到店铺后台或者再重新打开一个标签页去访问，有了这个浏览器插件，点击按钮自动在新标签页中打开产品后台，即可进入到所有产品页面进行搜索。

保持停用/启用检查器：Shopify 编辑器进入后默认启用检查器，但即使点击关闭了，下次重新打开仍然会默认启用，如果想在编辑器中点击进入产品页面或产品系列等页面就会点不了，此工具允许你选择禁用这个设定，自由掌控。

在线代码编辑器

预览主题效果（自动隐藏底部 Preview Bar）
打开主题编辑器（打通代码编辑和主题装修）

buttons-for-code-editing

网站前台

打开主题编辑器
在线编辑代码
退出当前预览
重磅：右键任意模块，在代码编辑器中打开对应的 section 文件

buttons-for-storefront

说明：在 Shopify 网站前台，点击插件图标，顶部会显示你正在预览的主题名，这样既不会在网站底部显示一个突兀的长条，又可以让你确认正在预览的主题。

前两个按钮方便你在浏览自己的 Shopify 网站时，可以随时快速点击进入主题编辑器界面或代码编辑界面，第三个按钮方便你退出主题预览，查看在线主题效果。

right-click-to-open-section-file

重磅：当你在浏览自己的 Shopify 网站时，在任意区域点击鼠标右键，就可以打开鼠标所在位置对应模块的 section 文件，避免你不知道功能模块对应的文件是哪个。

结合之前发布的主题双向同步工具，可以使用 AI 工具快速编辑和进一步优化主题功能和效果：

通过谷歌扩展商店免费安装 Shopify Theme Buttons

结语

作为从业多年的 Shopify 博主，我制作的这些 Shopify 扩展旨在帮助大家提升工作效率，改善使用体验，减少痛感。