如何添加图像以使用液体进行购物？

Question

我是新手，与PHP不同，几乎没有关于液体的教程。

这是我想做的。

在页面上创建一个简单的框，并能够从主题设置区域将图像上传到该框。

我将如何继续这样做？

Answer 1

请参阅settings.html上的Shopify Wiki页面：

settings.html文件在Shopify管理员的“主题设置”页面上呈现。

要在主题设置中上传图像，您需要File Upload input type：

文件上传对于将资产上传到主题很有用，例如徽标图像，网站图标和幻灯片图像...

<tr>
    <th>
        <label for="my_file">File Upload</label>
    </th>
    <td>
        <input type="file" name="logo.png" data-max-width="500" data-max-height="300" />
    </td>
</tr>

通过settings.html上传的文件被放置在主题的assets文件夹中。保存文件的名称不是由原始文件确定的，而是由文件输入标签的name属性确定的。例如，通过上述示例上传的文件将另存为logo.png。此外，Shopify会将图像转换为name属性中指定的类型。

然后，您可以像通常访问资产那样通过Liquid访问上载的文件。例如：

  <a id="logo" href="/" role="banner">
    {{ 'logo.png' | asset_url | img_tag: shop.name }}
  </a>