forloop img src是/ no-image

Question

在分配特定集合后尝试将图像拉入包装器但我的图像全部返回 - //cdn.shopify.com/s/assets/no-image

<div id="NewColorOptions" class="color-select">
  {% assign color_options = '' %}
  {% for collection in collections %}
    {% if product.handle contains collection.handle %}
      {% assign collection = collection.handle %}
      {% for p in collection.products %}
        {% assign p_handle = '--' | append: p.handle | append: '--' %}
        {% if color_options contains p_handle %}
              {% comment %} Probably Duplicates {% endcomment %}
        {% else %}
            {% assign color_options = color_options | append: p_handle %}
            {% assign product_text = p.title | handleize | remove : collection.handle | replace : '-', ' ' %}
              <a href="{{ p.url }}" datattitle="{{ product_text | textilize | upcase }}" {% if p.url contains product.handle %}class="ActiveThumb"{%endif%}>

                <img {% if forloop.first == true %} class="imgOne" {% endif %} src="{{ image.src | product_img_url: 'compact' }}">

              </a>
        {% endif %}
      {% endfor %}
    {% endif %}
  {% endfor %}

我认为我的错误在我的<img>标签内，但我不确定为什么会出现这种情况。