Shopify section通过Liquid添加图片后前端无法显示问题求助

• 配置校验
  你提供的区块Schema配置没有语法错误，确认该配置已正确加入对应section的blocks数组中，且字段idbadges1没有拼写冲突即可。
• 输出逻辑排查
  首先打开前台页面对应位置，右键检查元素：
  • 如果未渲染出img标签，说明block.settings.badges1被判断为空白：请确认你在主题编辑器对应Badges区块选中图片后，点击了编辑器右上角的「保存」按钮，部分主题需要退出编辑模式后刷新前台页面才会生效。
  • 如果已渲染img标签但图片无法加载/显示，继续执行下方修复。
• Liquid语法优化
  你当前使用的img_url是Shopify的旧版本过滤器，部分新版2.0主题对旧写法兼容性不佳，同时img_tag的alt参数写法存在适配问题，替换为如下代码即可：

{%- when 'badges' -%}
<div class="footer-block__details-content footer-block-badges {{ block.settings.alignment }}">
      {%- if block.settings.badges1 != blank -%}
        {% assign badge_1 = block.settings.badges1 %}
        {{ badge_1 | image_url: width: 160, height: 160, scale: 2 | image_tag: alt: badge_1.alt }}
      {%- else -%}
        {{ 'logo' | placeholder_svg_tag: 'placeholder-svg' }}
      {%- endif -%}
  </div>
{%- endcase -%}

• CSS遮挡排查
  如果替换代码后图片仍不显示，检查对应img标签或父级元素.footer-block-badges的CSS属性，确认没有被设置display: none、opacity: 0、宽高为0等隐藏类样式。

内容的提问来源于stack exchange，提问作者Kendel Ventonda