在 BigCommerce/Stencil 中上传和引用自定义图像
Uploading and referencing custom images in BigCommerce/Stencil
最近开始在 BigCommerce 项目上工作，在主页上我想有一个主题区域，普通站点管理员用户可以在主题编辑器中根据假期（圣诞节、万圣节等）上传他们自己的图像。
我知道如何使用架构和配置文件（标题、文本、字体颜色等）在主题编辑器中添加一些自定义元素，以及如何在主页中引用它们。我也可以在资产文件夹中引用不会更改的设置图像，并手动编码对它们的引用。
但是我似乎不太明白如何将自定义图像上传添加到主题编辑器，或者如何在页面中引用它。似乎无法在 Stencil 文档或通常的 Google 搜索等中找到任何答案。
Stencil 主题编辑器目前仅支持优化的单页结帐自定义设置中的文件上传数据类型，但有一些可能的解决方法允许用户上传他们的自定义背景图像，然后在主题编辑器设置：
- 一种选择是让用户将他们的图像上传到 WebDAV，确保他们的图像遵循您指定的命名约定。例如，万圣节图像可能需要具有文件名
halloween.png。您可以将该值映射到假日背景>万圣节的主题编辑器下拉设置。
- 另一种解决方案可能是让用户如上所述将他们的图像上传到 WebDAV，但您可以让用户在主题编辑器的文本输入设置中键入他们的文件名，而不是下拉菜单。请记住，输入值有 64 个字符的限制。
希望对您有所帮助！
有 4 种方法可以将图片导入 BigCommerce 商店。
您可以：
- 通过webdav上传到内容文件夹。然后图像将被引用为 url.com/content/image.jpg。这确实需要一个 webdav 连接，虽然一切都指向您使用像 cyberduck 这样的文件管理器，但您实际上可以将驱动器映射到网络资源以使其变得非常简单。这意味着您可以创建一个 z 驱动器，它实际上是您通过 webdav 上传的 bigcommerce 内容。它非常容易设置和供客户使用。缺点是这些文件不会放在 CDN 上，因此会有一点性能损失。
- 上传到主题的图像文件夹中。这很复杂，需要您的客户找出模板本地开发连接并将版本推送到他们的商店。这将允许图像被 CDN，但非常复杂，您的客户不会弄清楚......它还可能使您面临一些长期的版本控制问题，因为它们可能会覆盖您，反之亦然。
- 您可以使用媒体管理器上传图片。如果您在代码中引用它们，一个简单的技巧是当您的客户想要替换图像、删除图像并上传具有完全相同名称的新图像时……那么引用就不会中断。这是从客户端处理站点范围问题的最简单方法。图像也以这种方式进行 CDN。
- 半临时的营销信息可以考虑使用营销横幅功能。这就是它的用途，图像将被 CDN 处理，并且它是完整的 GUI，没有让您的客户理解的技术连接。这非常适合跨越单个页面的横幅，但我认为目前没有针对位置的横向设置。
最近开始在 BigCommerce 项目上工作，在主页上我想有一个主题区域，普通站点管理员用户可以在主题编辑器中根据假期（圣诞节、万圣节等）上传他们自己的图像。
我知道如何使用架构和配置文件（标题、文本、字体颜色等）在主题编辑器中添加一些自定义元素，以及如何在主页中引用它们。我也可以在资产文件夹中引用不会更改的设置图像，并手动编码对它们的引用。
但是我似乎不太明白如何将自定义图像上传添加到主题编辑器，或者如何在页面中引用它。似乎无法在 Stencil 文档或通常的 Google 搜索等中找到任何答案。
Stencil 主题编辑器目前仅支持优化的单页结帐自定义设置中的文件上传数据类型，但有一些可能的解决方法允许用户上传他们的自定义背景图像，然后在主题编辑器设置：
- 一种选择是让用户将他们的图像上传到 WebDAV，确保他们的图像遵循您指定的命名约定。例如，万圣节图像可能需要具有文件名
halloween.png。您可以将该值映射到假日背景>万圣节的主题编辑器下拉设置。 - 另一种解决方案可能是让用户如上所述将他们的图像上传到 WebDAV，但您可以让用户在主题编辑器的文本输入设置中键入他们的文件名，而不是下拉菜单。请记住，输入值有 64 个字符的限制。
希望对您有所帮助！
有 4 种方法可以将图片导入 BigCommerce 商店。
您可以：
- 通过webdav上传到内容文件夹。然后图像将被引用为 url.com/content/image.jpg。这确实需要一个 webdav 连接，虽然一切都指向您使用像 cyberduck 这样的文件管理器，但您实际上可以将驱动器映射到网络资源以使其变得非常简单。这意味着您可以创建一个 z 驱动器，它实际上是您通过 webdav 上传的 bigcommerce 内容。它非常容易设置和供客户使用。缺点是这些文件不会放在 CDN 上，因此会有一点性能损失。
- 上传到主题的图像文件夹中。这很复杂，需要您的客户找出模板本地开发连接并将版本推送到他们的商店。这将允许图像被 CDN，但非常复杂，您的客户不会弄清楚......它还可能使您面临一些长期的版本控制问题，因为它们可能会覆盖您，反之亦然。
- 您可以使用媒体管理器上传图片。如果您在代码中引用它们，一个简单的技巧是当您的客户想要替换图像、删除图像并上传具有完全相同名称的新图像时……那么引用就不会中断。这是从客户端处理站点范围问题的最简单方法。图像也以这种方式进行 CDN。
- 半临时的营销信息可以考虑使用营销横幅功能。这就是它的用途，图像将被 CDN 处理，并且它是完整的 GUI，没有让您的客户理解的技术连接。这非常适合跨越单个页面的横幅，但我认为目前没有针对位置的横向设置。