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' }}

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

1 个答案: