如何在 shopify 中创建一个 html 分线器,它类似于我下面附上的设计?

How do I create a html line divider in shopify that resembles my design attached below?

我正在尝试仅使用 HTML 代码


在我网站上的自定义 html 字段内重新创建下面的附加图像。您能否分享有关放置此自定义代码的最佳做法的建议(e.g.inside liquid.theme 还是我应该在内容编辑器中创建自定义 HTML 字段)?谢谢美女好心人的指点!

您要添加图片的具体位置是什么? (产品页面、主页等)

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

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