如何从本地开发环境访问 Bigcommerce Stencil 主题编辑器?

How do I access the Bigcommerce Stencil theme editor from a local dev environment?

我正在使用 stenvil 编辑 BigCommerce 的基石主题模板,想查看和更改管理界面。很像这个视频教程中发生的事情 https://www.youtube.com/watch?v=mdhSLKpTOBY&list=PLwTYtMwfzbe7EZiIWPAmPtuwRHkY7BG-0&index=9

但我不确定如何在本地访问主题编辑器。我看到 --theme-editor 命令已从 stencil cli 中删除。它说我们应该查看此文档而不是 https://developer.bigcommerce.com/stencil-docs/configure-store-design-ui/store-design-overview,但这并没有显示如何从本地环境访问主题编辑器。这可能吗?

上传主题并从那里编辑是唯一的选择吗?是否删除了在本地使用主题编辑器的功能?

我认为您不能直接从本地环境访问主题编辑器。

如果您想添加可配置选项,您将编辑 schema.json 并在其中添加新部分。通过这种方式,您可以添加全新的文本输入、复选框、下拉菜单,这将允许商店管理员编辑这些条目。

正在更改的值位于 config.json - 这些是您可以在 Handlebars 内部访问的所有 theme_settings,它们也可以注入 JavaScript通过上下文。

所以基本上您想要在 config.json 中创建新条目,并在 schema.json 中创建新映射以允许在主题预览器中编辑这些条目。您应该能够通过尝试解析模式文件中的现有字段来组合如何制作新的部分,我认为 BC 在这里有额外的文档:

总览:

https://developer.bigcommerce.com/stencil-docs/configure-store-design-ui/defining-ui-options

schema.json 中添加一个新的“文本输入”选项 - API 参考 - 您可以在边栏中打开的部分导航以查看所有可用的模式类型:

https://developer.bigcommerce.com/stencil-docs/page-builder/schema-settings/input

就本机支持的功能而言,Stencil CLI 弃用了对实时主题编辑的支持,因为它不再符合平台上的体验。您可以在此处报告的相关 GitHub 问题中找到这些详细信息:https://github.com/bigcommerce/stencil-cli/issues/601

在重新引入此功能之前,您需要捆绑主题并将其应用到商店以查看主题编辑器。