如何在 shopify 中创建一个类似于下面附加的设计的 html 行分隔符？

【问题标题】：How do I create a html line divider in shopify that resembles my design attached below?如何在 shopify 中创建一个类似于下面附加的设计的 html 行分隔符？
【发布时间】：2019-12-11 00:14:06
【问题描述】：

我正在尝试仅使用 HTML 代码在我的网站上的自定义 html 字段内重新创建下面的附加图像

。您能否分享一下放置此自定义代码的最佳实践的建议（例如，在liquid.theme 中，或者我应该在内容编辑器中创建一个自定义 HTML 字段）？谢谢各位美女指导！

【问题讨论】：

标签： line shopify divider

【解决方案1】：

您究竟想在哪里添加图片？（产品页面、首页等）

首先您需要在Settings -> Files 中将图片上传到 Shopify 并复制网址。然后将 url 添加到图像标签 <img src="your-image-url.png" alt=""> 中，最后将该行代码放入模板文件中。

如果您熟悉 Sketch/Adobe 软件，您可以做的其他事情是在其中一个程序中创建图像并导出 SVG 代码。然后在您的模板文件中使用该代码。

【讨论】：