search results from views

templates/views/views-view-fields--solr-search-content.html.twig

@@ -1,29 +1,35 @@
 {{ dump(fields) }}
 <div class="grid-item">
-  {{ fields.did_image.content }}
-  {{ fields.title.content }}
-  {% for key, field in fields -%}
-  {%- if key != 'did_image' and key != 'title' -%}
-  {{ field.separator }}
-  {%- if field.wrapper_element -%}
-  <{{ field.wrapper_element }}{{ field.wrapper_attributes }}>
-    {%- endif %}
-    {%- if field.label and field.content|striptags|trim is not empty -%}
-    {%- if field.label_element -%}
-    <{{ field.label_element }}{{ field.label_attributes }}>{{ field.label }}{{ field.label_suffix }}</{{
-      field.label_element }}>
-    {%- else -%}
-    {{ field.label }}{{ field.label_suffix }}
-    {%- endif %}
-    {%- endif %}
-    {%- if field.element_type -%}
-    <{{ field.element_type }}{{ field.element_attributes }}>{{ field.content }}</{{ field.element_type }}>
-    {%- else -%}
-    {{ field.content }}
-    {%- endif %}
+  <div class="image">
+
+    {{ fields.did_image.content }}
+  </div>
+  <div class="metadata">
+
+    {{ fields.title.content }}
+    {% for key, field in fields -%}
+    {%- if key != 'did_image' and key != 'title' -%}
+    {{ field.separator }}
     {%- if field.wrapper_element -%}
-  </{{ field.wrapper_element }}>
-  {%- endif %}
-  {%- endif -%}
-  {%- endfor %}
+    <{{ field.wrapper_element }}{{ field.wrapper_attributes }}>
+      {%- endif %}
+      {%- if field.label and field.content|striptags|trim is not empty -%}
+      {%- if field.label_element -%}
+      <{{ field.label_element }}{{ field.label_attributes }}>{{ field.label }}{{ field.label_suffix }}</{{
+        field.label_element }}>
+      {%- else -%}
+      {{ field.label }}{{ field.label_suffix }}
+      {%- endif %}
+      {%- endif %}
+      {%- if field.element_type -%}
+      <{{ field.element_type }}{{ field.element_attributes }}>{{ field.content }}</{{ field.element_type }}>
+      {%- else -%}
+      {{ field.content }}
+      {%- endif %}
+      {%- if field.wrapper_element -%}
+    </{{ field.wrapper_element }}>
+    {%- endif %}
+    {%- endif -%}
+    {%- endfor %}
+  </div>
 </div>