如果没有上传图片，不显示占位图片

Question

如果没有从“设置”面板上传图片，那么我不想显示默认的占位符图片（当前存在的无图片图片。

这里是 html 代码：

     <div class="Images">
      <div class="image1">
      <img src="{{section.settings.image1 | img_url: '120x120'}}"/>
      </div>
        <div class="image2">
      <img src="{{section.settings.image2 | img_url: '120x120'}}"/>
      </div>
        <div class="image3">
      <img src="{{section.settings.image3 | img_url: '120x120'}}"/>
      </div>
        <div class="image4">
      <img src="{{section.settings.image4 | img_url: '120x120'}}"/>
      </div>
        <div class="image5">
      <img src="{{section.settings.image5 | img_url: '120x120'}}"/>
      </div>
        <div class="image6">
      <img src="{{section.settings.image6 | img_url: '120x120'}}"/>
      </div>   
     </div>

架构代码：


  {
              "type":"image_picker",
              "label":"image 1",
              "id":"image1"
              },
              {
              "type":"image_picker",
              "label":"image 2",
              "id":"image2"
              },
              {
              "type":"image_picker",
              "label":"image 3",
              "id":"image3"
              },
              {
              "type":"image_picker",
              "label":"image 4",
              "id":"image4"
              },
              {
              "type":"image_picker",
              "label":"image 5",
              "id":"image5"
              },
              {
              "type":"image_picker",
              "label":"image 6",
              "id":"image6"
              },

如何让它工作，如果没有上传图片，那么就不应该有占位符？

Answer 1

就这么简单：

{% if section.settings.image1 %}
    <div class="image1">
        <img src="{{section.settings.image1 | img_url: '120x120'}}"/>
    </div>
{% endif %}

如果没有上传图片，不显示占位图片

If no image is uploaded, don't display placeholder image

html

shopify