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 以查看应用的更改
您必须在 .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/"
}
我使用模板工具上传了一个新模板,我们称之为 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 以查看应用的更改
您必须在 .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/"
}