将图像作为资产 shopify 中的来源的正确方法

Question

我一直坚持在 shopify 主题之上显示自定义社交。我试过 {{ 'icon.png' | asset_url }} 但它不会显示。相反，当我在浏览器中检查元素时，它会自动生成一个 display: none !important; 的样式。我不知道我在哪里或缺少什么。

下面是我的代码：

<div id="smash-social" class="grid__item medium-up--two-fifths text-right">
          <a href="https://www.facebook.com/link" target="_blank">
            {{ 'facebook-logo-button.png' | asset_url }}
          </a>
          <a href="https://twitter.com/link" target="_blank">
            {{ 'twitter-logo-button.png' | asset_url }}
          </a>
</div>

Answer 1

添加 img_tag 过滤器以生成带有 alt 属性的 img HTML 元素：

{{ 'facebook-logo-button.png' | asset_url | img_tag: 'facebook' }}

将图像作为资产 shopify 中的来源的正确方法

Proper way on putting images as sources in assets shopify

css

shopify