链接到 bigcommerce 模板中 assets/img 文件夹中的图像答案

【问题标题】：Linking to images from assets/img folder in bigcommerce stencil链接到 bigcommerce 模板中 assets/img 文件夹中的图像
【发布时间】：2016-11-17 16:48:56
【问题描述】：

我正在构建一个 bigcommerce Stencil 主题，我需要一种方法来链接到 assets/img 文件夹中的图像...我尝试了以下...

<img src="{{cdn "webdav:assets/img/logo-bug.svg"}}"> 和 <img src="/assets/images/logo-bug.svg"> 但在捆绑和上传主题后两者都不起作用。

http://***.mybigcommerce.com/assets/images/logo-bug.svg Failed to load resource: the server responded with a status of 404 (Not Found)

我尝试了其他几种组合，但似乎没有任何效果。

【问题讨论】：

标签： bigcommerce

【解决方案1】：

要调用主题的 assets/img 文件夹中的图像，请使用下面的 cdn 把手助手。

<img src="{{cdn 'img/filename.jpg'}}">

要调用 webdav 内容文件夹 中的图像，请使用带有 webdav 前缀的 cdn 帮助程序。 webdav 文件结构内容/img/filename.jpg

<img src="{{cdn "webdav:img/image.jpg"}}">

要在您的项目中调用图像assets/scss 文件，请使用以下结构。

background: #fff url("../img/filename.jpg") no-repeat 50% 50%;

【讨论】：

【解决方案2】：

将图像上传到 /assets/images/ 并使用下面的 sn-p 链接。将在本地工作，一旦上传到现场网站。

<img src="{{cdn '/assets/images/filename.png'}}">

【讨论】：