svg - 在 Shopify 中使用 SVG 图标

Question

我想在我的 Shopify 主题中使用超过 30 个 svg 图标。为了可读性，我不想直接在 .liquid 模板中添加 then 而是使用 include:

{% include 'some-icon' %}

和 some-icon.liquid 有 SVG 代码

问题是所有这 30 个文件都必须驻留在我的 Snippets 目录中。使用 Snippets 中的所有其他文件，这将是一团糟。

是否可以在 Shopify 中创建一个额外的目录并从那里导入它们:

{% include 'MyIcons/some-icon' %}

还有其他方法可以做到这一点吗？
谢谢

Answer 1

一直在寻找一种将 SVG 图标添加到 Shopify 的简单且可维护的方法。这是我找到的最好方法。如果你知道更好，请告诉我。

在 Snipets 创建文件“我的主题图标”女巫将包含:

{% if my-theme-icons == 'home' %}
<svg  xmlns="http://www.w3.org/2000/svg">
... my home icon
</svg>
{% elsif my-theme-icons == 'search' %}
<svg  xmlns="http://www.w3.org/2000/svg">
... my search icon
</svg>
{% endif %}

在您的模板中，只需将它们包含为:

{% include 'my-theme-icons' with 'home' %}
{% include 'my-theme-icons' with 'search' %}

希望能帮助到你