bootic_banners_2nd_image.html

<div id="slideshow">
  <span id="nav">
  </span>
  <ul class="clearfix">
   {% for product in collections.destacados.products %}
    <li>
      <a href="{{ product.url }}">
        {% if product.image_count > 1 %}
        {% for img in product.images %}
          {% if forloop.index == 2 %}
            <img src="{{ img | resize: 'x288' }}" alt="{{ product.model }}" />
          {% endif %}
        {% endfor %}
        {% else %}
          <img src="{{ product.first_image | resize: 'x288' }}" alt="{{ product.model }}" />
        {% endif %}
      </a>
      <div class="image-detail">
        <h3><a href="{{ product.url }}">{{ product.model }}</a></h3>
        <p>{{ product.description | truncate: 100 }}</p>
        <a href="{{ product.url }}" class="btn_mas">Ver más</a>
      </div>
    </li>
  {% endfor %}
  </ul>
</div>