在 BigCommerce/Stencil 中上传和引用自定义图像答案

【问题标题】：Uploading and referencing custom images in BigCommerce/Stencil在 BigCommerce/Stencil 中上传和引用自定义图像
【发布时间】：2018-09-13 12:33:38
【问题描述】：

最近开始在 BigCommerce 项目和主页上工作，我希望有一个主题区域，普通网站管理员用户可以在主题编辑器中根据假期（圣诞节、万圣节等）上传自己的图像。

我知道如何使用架构和配置文件（标题、文本、字体颜色等）在主题编辑器中添加一些自定义元素，以及如何在主页中引用它们。我也可以在资产文件夹中引用不会更改的集合图像，并手动编码对它们的引用。

但是，我似乎不太明白如何将自定义图像上传添加到主题编辑器，或者如何在页面中引用它。在 Stencil 文档或通常的 Google 搜索等中似乎也找不到任何答案。

【问题讨论】：

您希望管理员用户上传和使用图片，对吗？如果是这样，则无法使用 Stencil 主题上传到店面。这将在控制面板的管理区域中完成。 forum.bigcommerce.com/s/article/Using-the-Image-Manager#viewing。我可以知道您为最终用户设想的用例或工作流程吗？这可能有助于让我更清楚。
感谢 TJ 的回复。基本上，我工作的地方通过各种平台销售化装商品，其中之一是 BigCommerce（也是他们的主要网站）。主页将显示新的/即将推出的项目等，但我还希望在顶部有一个主题区域，有一些可以点击的圆形图像。这个想法是客户来到说万圣节化装的页面，可以立即在主题区域看到万圣节图像，然后转到特定的化装。我希望知道如何使用管理区域的普通人能够自己交换新图像

【解决方案1】：

Stencil 主题编辑器目前仅支持优化的一页结帐自定义设置中的文件上传数据类型，但有几个可能的解决方法允许用户上传他们的自定义背景图像，然后在主题编辑器中引用它设置：

一种选择是让用户将他们的图像上传到 WebDAV，确保他们的图像遵循您指定的命名约定。例如，万圣节图像可能需要具有文件名halloween.png。您可以将该值映射到 Holiday Background>Halloween 的 Theme Editor 下拉设置。
另一种解决方案可能是让用户将他们的图像上传到 WebDAV，如上所述，但您可以让用户在主题编辑器的文本输入设置中输入文件名，而不是下拉菜单。请记住，输入值有 64 个字符的限制。

希望这会有所帮助！

【讨论】：

感谢凯伦的回复。令人欣慰的是 BigCommerce 有点有限，我不只是愚蠢。了解用户，我认为他们上传具有集合名称的文件的第一个选项可能是最好的解决方案，然后只需硬编码对该文件名的引用

【解决方案2】：

有 4 种方法可以将图片导入 BigCommerce 商店。

你可以：

通过 webdav 上传到内容文件夹。然后图像将像 url.com/content/image.jpg 一样被引用。这确实需要一个 webdav 连接，虽然一切都指向您使用像 cyberduck 这样的文件管理器，但您实际上可以将驱动器映射到网络资源以使这变得超级简单。这意味着您可以创建一个 z 驱动器，它实际上是您通过 webdav 上传的 bigcommerce 内容。它很容易设置和供客户使用。缺点是这些文件不会放在 CDN 上，因此性能会有所损失。
上传到主题的图片文件夹。这很复杂，需要您的客户找出模板本地开发连接并将版本推送到他们的商店。这将允许图像进行 CDN 处理，但非常复杂，您的客户不会弄明白...它还可能使您面临一些长期的版本控制问题，因为它们可能会覆盖您，反之亦然。
您可以使用媒体管理器上传图片。如果您在代码中引用它们，一个简单的技巧是当您的客户想要替换图像，删除它并上传具有完全相同名称的新图像时......然后引用不会中断。这是从客户端处理站点范围问题的最简单方法。图片也以这种方式进行 CDN。
您可以考虑将营销横幅功能用于半临时营销信息。这就是它的用途，图像将是 CDN 的，它是完整的 GUI，没有技术连接供您的客户弄清楚。这对于跨单个页面的横幅来说是完美的，但我认为目前没有位置的横向设置。

【讨论】：