{#
/**
 * @file
 * Default view template to display all the fields in a row.
 *
 * Available variables:
 * - view: The view in use.
 * - fields: A list of fields, each one contains:
 *   - content: The output of the field.
 *   - raw: The raw data for the field, if it exists. This is NOT output safe.
 *   - class: The safe class ID to use.
 *   - handler: The Views field handler controlling this field.
 *   - inline: Whether or not the field should be inline.
 *   - wrapper_element: An HTML element for a wrapper.
 *   - wrapper_attributes: List of attributes for wrapper element.
 *   - separator: An optional separator that may appear before a field.
 *   - label: The field's label text.
 *   - label_element: An HTML element for a label wrapper.
 *   - label_attributes: List of attributes for label wrapper.
 *   - label_suffix: Colon after the label.
 *   - element_type: An HTML element for the field content.
 *   - element_attributes: List of attributes for HTML element for field content.
 *   - has_label_colon: A boolean indicating whether to display a colon after
 *     the label.
 *   - element_type: An HTML element for the field content.
 *   - element_attributes: List of attributes for HTML element for field content.
 * - row: The raw result from the query, with all data it fetched.
 *
 * @see template_preprocess_views_view_fields()
 *
 * @ingroup themeable
 */
#}

{{ fields.field_images.content }}
<div class="c-content-isotope-overlay products-grid-white-border">
  <div class="c-content-isotope-overlay-content">
    <h3 class="c-content-isotope-overlay-title c-font-white c-font-uppercase">
      {{ fields.title.content }}
    </h3>
    <p class="c-content-isotope-overlay-price c-font-white c-font-bold">
      {{ fields.price__number.content }}
    </p>
    <p class="c-content-isotope-overlay-desc c-font-white">
      {{ fields.field_short_description.content }}
    </p>
    <div class="commerce-cart-add-to-cart extra-components">
      {{ fields.rendered_entity.content }}
    </div>
    <span class="flag-wrapper flag-wishlist">
      {{ fields.link_flag.content }}
    </span>
    {{ fields|without('field_images', 'title', 'price__number', 'field_short_description', 'rendered_entity', 'link_flag') }}
  </div>
</div>