added image thumbnails to search results

diff --git a/ryf.theme b/ryf.theme
index fcf4fcbd3dc752214a1d8f303e5d3723d62e349a..f9a7a6f40ad65a4545644e6a9480de343bf7388b 100644 (file)
--- a/ryf.theme
+++ b/ryf.theme
@@ -6,3 +6,19 @@
  *
  * Place your custom PHP code in this file.
  */
+
+/**
+ * Implements hook_theme().
+ *
+ * Used to show image thumbnails in search results
+ *
+ */
+function ryf_theme($existing, $type, $theme, $path) {
+  return [
+    'search_result' => [
+      'variables' => ['result' => NULL, 'plugin_id' => NULL],
+      'file' => 'search.pages.inc',
+    ],
+  ];
+}
+

diff --git a/search.pages.inc b/search.pages.inc
new file mode 100644 (file)
index 0000000..ff7e378
--- /dev/null
+++ b/search.pages.inc
@@ -0,0 +1,16 @@
+<?php
+
+
+/* implements template_preprocess_search_result */
+
+function ryf_preprocess_search_result (&$variables) {
+
+       //debug(unserialize(serialize($variables)));
+       //debug(unserialize(serialize($variables['result']['node'])));
+       //debug(unserialize(serialize($variables['result']['node']->toArray()['field_image'])));
+
+       // this attaches the 'node' object so that we can access the image in field_image, via our twig template.
+       $variables['node'] = $variables['result']['node'];
+
+}
+

diff --git a/templates/search-result.html.twig b/templates/search-result.html.twig
new file mode 100644 (file)
index 0000000..9809a16
--- /dev/null
+++ b/templates/search-result.html.twig
@@ -0,0 +1,74 @@
+{#
+/**
+ * @file
+ * Default theme implementation for displaying a single search result.
+ *
+ * This template renders a single search result. The list of results is
+ * rendered using '#theme' => 'item_list', with suggestions of:
+ * - item_list__search_results__(plugin_id)
+ * - item_list__search_results
+ *
+ * Available variables:
+ * - url: URL of the result.
+ * - title: Title of the result.
+ * - snippet: A small preview of the result. Does not apply to user searches.
+ * - info: String of all the meta information ready for print. Does not apply
+ *   to user searches.
+ * - plugin_id: The machine-readable name of the plugin being executed,such
+ *   as "node_search" or "user_search".
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - info_split: Contains same data as info, but split into separate parts.
+ *   - info_split.type: Node type (or item type string supplied by module).
+ *   - info_split.user: Author of the node linked to users profile. Depends
+ *     on permission.
+ *   - info_split.date: Last update of the node. Short formatted.
+ *   - info_split.comment: Number of comments output as "% comments", %
+ *     being the count. (Depends on comment.module).
+ * @todo The info variable needs to be made drillable and each of these sub
+ *   items should instead be within info and renamed info.foo, info.bar, etc.
+ *
+ * Other variables:
+ * - title_attributes: HTML attributes for the title.
+ * - content_attributes: HTML attributes for the content.
+ *
+ * Since info_split is keyed, a direct print of the item is possible.
+ * This array does not apply to user searches so it is recommended to check
+ * for its existence before printing. The default keys of 'type', 'user' and
+ * 'date' always exist for node searches. Modules may provide other data.
+ * @code
+ *   {% if (info_split.comment) %}
+ *     <span class="info-comment">
+ *       {{ info_split.comment }}
+ *     </span>
+ *   {% endif %}
+ * @endcode
+ *
+ * To check for all available data within info_split, use the code below.
+ * @code
+ *   <pre>
+ *     {{ dump(info_split) }}
+ *   </pre>
+ * @endcode
+ *
+ * @see template_preprocess_search_result()
+ *
+ * @ingroup themeable
+ */
+#}
+{{ title_prefix }}
+<h3{{ title_attributes }}>
+  <a href="{{ url }}">{{ title }}</a>
+</h3>
+{{ title_suffix }}
+{% if node.field_image.0 %}
+  <img src="{{ node.field_image.0.entity.uri.value | image_style('thumbnail') }}">
+{% endif %}
+{% if snippet %}
+  <p{{ content_attributes }}>{{ snippet }}</p>
+{% endif %}
+{% if info %}
+  <p>{{ info }}</p>
+{% endif %}