<!-- Description:  List Page 1 -->
<div class="products-list">
    <ul>
        {% for item in products %}
        <li>
            <div class="list-item">
                <div class="item-pic">
                    {% assign image_url = item.images[0].image_url %}

                    {% if image_url %}
                        {% if image_url contains 'http' %}
                            <img src="{{ image_url }}" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
                        {% else %}
                            <img src="{{ site.image_base_url }}{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_300,h_300' }}" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
                        {% endif %}
                    {% else %}
                        <img src="/static/images/product_default.jpg" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
                    {% endif %}
                </div>
                <div class="item-name">
                    <a  href="/products/{{ item.id }}" target="_blank" >
                        {{ item.title |decode_html_entities| strip_html  }}
                    </a>
                </div>
            </div>
        </li>
        {% endfor %}

    </ul>
</div>
<!-- End of List Page 1 -->
