首页 > 解决方案 > 如何从本地开发环境访问 Bigcommerce Stencil 主题编辑器?

问题描述

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

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

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

标签: bigcommerce

解决方案


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

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

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

因此,本质上您希望在 中创建新条目config.json,并在其中创建新映射schema.json以允许在主题预览器中编辑这些条目。您应该能够通过尝试解析模式文件中的现有字段来整理如何制作新部分,我认为 BC 在这里有其他文档:

总体概述:

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

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

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


推荐阅读