{% if productcolorlist %}
  <hr>
  <div class="ftr-js-swipe-content-display ftr-in-space--l">
    <a href="#" class="ftr-text--primary ftr-js-swipe-content-display">
      <span class="ftr-js-swipe-content-display__text">Comprar outras cores</span>
      <i class="material-icons ftr-text--v-middle">&#xE5CC;</i>
    </a>
  </div>
  <div class="ftr-swipe-content ftr-js-swipe-content ftr-background--light">
    <div class="ftr-grid ftr-grid--middle ftr-grid--start ftr-in-space--n">
      <i class="material-icons ftr-in-space--m ftr-in-space--v-l ftr-js-close ftr-text--bold">&#xE5CD;</i>
      <span class="ftr-text--bold">Comprar outras cores</span>
    </div>
    <div class="ftr-swipe-content__main ftr-swipe-content__main--with-btn ftr-in-space--n">
      <div class="ftr-no-scroller">
        <div class="ftr-scroller ftr-js-grid-color" data-list-product-color-status="true">
          {{ productcolorlist }}
        </div>
      </div>
    </div>
    <div class="ftr-swipe-content__btn">
      <button type="button" class="ftr-btn ftr-h--full ftr-js-ripple-effect ftr-background--primary ftr-js-btn-cart-all">
        <i class="{{ icon_cart }}"></i>
        <span>Comprar produtos</span>
      </button>
    </div>
  </div>
{% endif %}