<div class="product-button">
    
    {% if settings.use_quick_view %}
      <div data-target="#quick-shop-popup" class="quick_shop" data-toggle="modal" title="{{ 'products.product.quick_shop' | t }}">
        <i class="demo-icon icon-eye-1"></i>

        <span class="json hide">{{ product | json }}</span>
      </div>
    {% endif %}

    {% if settings.enable_product_wishlist %} 
      <div class="product-wishlist">
        <a href="javascript:void(0)" class="add-to-wishlist add-product-wishlist" data-handle-product="{{product.handle}}"{% if customer %} data-user="{{ customer.id }}"{% endif %} title="{{ 'products.product.add_to_wishlist' | t }}">
          {% if settings.wishlist_icon_type == 'font-icon' %}
            <i class="demo-icon {{ settings.wishlist_font_icon }}"></i>

          {% else %}
            {% assign wishlist_type = settings.wishlist_icon %}

            <img {% if _lazyload %}class="lazyload"
                 data-srcset="{{ wishlist_type | img_url: '20x'}} 1x, {{ wishlist_type | img_url: '40x'}} 2x"
                 {% else %}src="{{ wishlist_type | img_url: '20x'}}"{% endif %}
                 alt="Wishlist" />

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

    {% if settings.enable_product_compare %} 
      <div class="product-compare">
        <a href="javascript:void(0)" class="add-to-compare add-product-compare" data-handle-product="{{product.handle}}"{% if customer %} data-user="{{ customer.id }}"{% endif %} title="{{ 'products.product.add_compare' | t }}">
          {% if settings.compare_icon_type == 'font-icon' %}
            <i class="demo-icon {{ settings.compare_font_icon }}"></i>

          {% else %}
            {% assign compare_type = settings.compare_icon %}

            <img {% if _lazyload %}class="lazyload"
                 data-srcset="{{ compare_type | img_url: '20x'}} 1x, {{ compare_type | img_url: '40x'}} 2x"
                 {% else %}src="{{ compare_type | img_url: '20x'}}"{% endif %}
                 alt="Compare" />

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

</div>