Bigcommerce 模板未应用于本地主机

Bigcommerce template is not applied on localhost

我使用模板工具上传了一个新模板,我们称之为 my-template。模板文件位于文件夹 pages/custom/page/my-template 中。我可以 select 管理页面模板下拉部分中的模板,所以我假设模板已成功上传。

问题是,当我预览此页面时,应用了模板,但在我的本地,没有应用自定义模板(相反,它使用默认的 page 模板)。这里是否缺少任何步骤或设置?我该怎么做才能在本地主机上使用 my-template

当您在本地工作时,您的 .stencil 文件控制着自定义模板与它们应分配到的页面之间的映射。这是一个将自定义 my-template 文件应用于 URL 为 /about-us/ 的网页的示例:

{
  "normalStoreUrl": "http://mystore.mybigcommerce.com",
  "port": 3000,
  "clientId": "xxxxxxxxxxxxxxxxx",
  "accessToken": "xxxxxxxxxxxxxxxxxx",
  "customLayouts": {
    "brand": {},
    "category": {},
    "page": {
    "my-template.html": "/about-us/"
    },
    "product": {}
  }
}

注意:编辑 .stencil 文件后,您需要 re-start CLI 以查看应用的更改

https://developer.bigcommerce.com/stencil-docs/template-files/custom-templates/authoring-testing-uploading-custom-templates#authoring-testing-uploading_local-mapping

您必须在 .stencil 中本地定义模板,然后重新启动 stencil 以查看更改。 将每个 /url/ 映射到自定义-template.html。

    "customLayouts": {
        "product": {
          "featured-product.html": ["/special-product-one", "/special-product-two"],
        "clearance-product.html": "/clearance-product"
    },
    "brands": {},
    "categories": {},
    "page": {
       "fluid-width.html": "/home/"
    }