title: forloop img src is /no-image
body: <p>Trying to pull images into a into a wrapper after assigning a specific collection but my images are all returning - //cdn.shopify.com/s/assets/no-image</p>
  
  <pre><code>&lt;div id="NewColorOptions" class="color-select"&gt;
    {% 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 : '-', ' ' %}
                &lt;a href="{{ p.url }}" datattitle="{{ product_text | textilize | upcase }}" {% if p.url contains product.handle %}class="ActiveThumb"{%endif%}&gt;
  
                  &lt;img {% if forloop.first == true %} class="imgOne" {% endif %} src="{{ image.src | product_img_url: 'compact' }}"&gt;
  
                &lt;/a&gt;
          {% endif %}
        {% endfor %}
      {% endif %}
    {% endfor %}
  </code></pre>
  
  <p></p>
  
  <p>I assume my error is within my <code>&lt;img&gt;</code> tag but I'm not sure why that would be breaking. </p>