[4.1] Images in the Smart Search results

administrator/components/com_finder/config.xml

@@ -37,6 +37,37 @@
 			showon="show_description:1"
 		/>
 
+		<field
+			name="show_image"
+			type="radio"
+			label="COM_FINDER_CONFIG_SHOW_IMAGE_LABEL"
+			layout="joomla.form.field.radio.switcher"
+			default="0"
+			>
+			<option value="0">JHIDE</option>
+			<option value="1">JSHOW</option>
+		</field>
+
+		<field
+			name="image_class"
+			type="text"
+			label="COM_FINDER_CONFIG_IMAGE_CLASS_LABEL"
+			validate="CssIdentifier"
+			showon="show_image:1"
+		/>
+
+		<field
+			name="link_image"
+			type="radio"
+			label="COM_FINDER_CONFIG_LINKED_IMAGE_LABEL"
+			layout="joomla.form.field.radio.switcher"
+			default="0"
+			showon="show_image:1"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+
 		<field
 			name="show_date"
 			type="radio"

administrator/components/com_finder/src/Indexer/Result.php

@@ -59,6 +59,22 @@ class Result implements \Serializable
 	 */
 	protected $taxonomy = array();
 
+	/**
+	 * The image url
+	 *
+	 * @var     string
+	 * @since __DEPLOY_VERSION__
+	 */
+	public $imageUrl;
+
+	/**
+	 * The image alt text
+	 *
+	 * @var     string
+	 * @since __DEPLOY_VERSION__
+	 */
+	public $imageAlt;
+
 	/**
 	 * The content URL.
 	 *
@@ -506,6 +522,8 @@ public function serialize()
 			$this->state,
 			$taxonomy,
 			$this->title,
+			$this->imageUrl,
+			$this->imageAlt,
 			$this->type_id,
 			$this->url
 			]
@@ -541,6 +559,8 @@ public function unserialize($serialized)
 			$this->state,
 			$this->taxonomy,
 			$this->title,
+			$this->imageUrl,
+			$this->imageAlt,
 			$this->type_id,
 			$this->url
 		) = unserialize($serialized);

administrator/language/en-GB/com_finder.ini

@@ -18,10 +18,12 @@ COM_FINDER_CONFIG_FILTER_COMMONWORDS_LABEL="Filter Common Words"
 COM_FINDER_CONFIG_FILTER_NUMERICS_LABEL="Filter Numeric Terms"
 COM_FINDER_CONFIG_GATHER_SEARCH_STATISTICS_LABEL="Gather Search Statistics"
 COM_FINDER_CONFIG_HILIGHT_CONTENT_SEARCH_TERMS_LABEL="Highlight Search Terms"
+COM_FINDER_CONFIG_IMAGE_CLASS_LABEL="Image Class"
 COM_FINDER_CONFIG_LANGUAGE_DEFAULT_DEFAULT_LANGUAGE="Default Site Language"
 COM_FINDER_CONFIG_LANGUAGE_DEFAULT_DESC="Set the language to be used for non-multilingual sites or content marked as \"All\"."
 COM_FINDER_CONFIG_LANGUAGE_DEFAULT_LABEL="Default Language"
 COM_FINDER_CONFIG_LANGUAGE_DEFAULT_NONE="None"
+COM_FINDER_CONFIG_LINKED_IMAGE_LABEL="Linked Image"
 COM_FINDER_CONFIG_MEMORY_TABLE_LIMIT_LABEL="Memory Table Limit"
 COM_FINDER_CONFIG_META_MULTIPLIER_LABEL="Metadata Weight Multiplier"
 COM_FINDER_CONFIG_MISC_MULTIPLIER_LABEL="Misc. Text Weight Multiplier"
@@ -34,6 +36,7 @@ COM_FINDER_CONFIG_SHOW_DATE_FILTERS_LABEL="Date Filters"
 COM_FINDER_CONFIG_SHOW_DATE_LABEL="Result Date"
 COM_FINDER_CONFIG_SHOW_DESCRIPTION_LABEL="Result Description"
 COM_FINDER_CONFIG_SHOW_EXPLAINED_QUERY_LABEL="Query Explanation"
+COM_FINDER_CONFIG_SHOW_IMAGE_LABEL="Result Image"
 COM_FINDER_CONFIG_SHOW_SUGGESTED_QUERY_LABEL="Did You Mean"
 COM_FINDER_CONFIG_SHOW_TAXONOMY_LABEL="Result Taxonomy"
 COM_FINDER_CONFIG_SHOW_URL_LABEL="Result URL"

components/com_finder/tmpl/search/default.xml

@@ -97,6 +97,40 @@
 				size="5"
 				useglobal="true"
 			/>
+			<field
+				name="show_image"
+				type="list"
+				label="COM_FINDER_CONFIG_SHOW_IMAGE_LABEL"
+				default=""
+				useglobal="true"
+				class="form-select-color-state"
+				validate="options"
+				>
+				<option value="1">JSHOW</option>
+				<option value="0">JHIDE</option>
+			</field>
+			<field
+				name="image_class"
+				type="text"
+				label="COM_FINDER_CONFIG_IMAGE_CLASS_LABEL"
+				default=""
+				useglobal="true"
+				validate="CssIdentifier"
+				showon="show_image!:0"
+			/>
+			<field
+					name="link_image"
+					type="list"
+					label="COM_FINDER_CONFIG_LINKED_IMAGE_LABEL"
+					default=""
+					useglobal="true"
+					class="form-select-color-state"
+					validate="options"
+					showon="show_image!:0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
 			<field
 				name="show_date"
 				type="list"

components/com_finder/tmpl/search/default_result.php

@@ -16,6 +16,7 @@
 use Joomla\Component\Finder\Administrator\Indexer\Helper;
 use Joomla\Component\Finder\Administrator\Indexer\Taxonomy;
 use Joomla\String\StringHelper;
+use Joomla\Utilities\ArrayHelper;
 
 $user = Factory::getUser();
 
@@ -48,6 +49,22 @@
 	$description = HTMLHelper::_('string.truncate', StringHelper::substr($full_description, $start), $desc_length, true);
 }
 
+$showImage = $this->params->get('show_image', 0);
+
+if ($showImage && !empty($this->result->imageUrl))
+{
+	$imageclass        = $this->params->get('image_class', '');
+	$image             = HTMLHelper::cleanImageURL($this->result->imageUrl);
+	$extraAttr         = '';
+
+	// Set lazyloading only for images which have width and height attributes
+	if ((isset($image->attributes['width']) && (int) $image->attributes['width'] > 0)
+		&& (isset($image->attributes['height']) && (int) $image->attributes['height'] > 0))
+	{
+		$extraAttr = ArrayHelper::toString($image->attributes) . ' loading="lazy"';
+	}
+}
+
 $icon = '';
 if (!empty($this->result->mime)) :
 	$icon = '<span class="icon-file-' . $this->result->mime . '" aria-hidden="true"></span> ';
@@ -59,6 +76,23 @@
 endif;
 ?>
 <li class="result__item">
+	<?php if (isset($image)) : ?>
+		<figure class="<?php echo htmlspecialchars($imageclass, ENT_COMPAT, 'UTF-8'); ?> result__image">
+			<?php if ($this->params->get('link_image') && $this->result->route) : ?>
+				<a href="<?php echo Route::_($this->result->route); ?>">
+					<img src="<?php echo htmlspecialchars($image->url, ENT_COMPAT, 'UTF-8'); ?>"
+						 alt="<?php echo htmlspecialchars($this->result->imageAlt, ENT_COMPAT, 'UTF-8'); ?>"
+							<?php echo $extraAttr; ?>
+					/>
+				</a>
+			<?php else : ?>
+				<img src="<?php echo htmlspecialchars($image->url, ENT_COMPAT, 'UTF-8'); ?>"
+					 alt="<?php echo htmlspecialchars($this->result->imageAlt, ENT_COMPAT, 'UTF-8'); ?>"
+						<?php echo $extraAttr; ?>
+				/>
+			<?php endif; ?>
+		</figure>
+	<?php endif; ?>
 	<p class="result__title">
 		<?php if ($this->result->route) : ?>
 			<?php echo HTMLHelper::link(

plugins/finder/content/content.php

@@ -295,6 +295,15 @@ protected function index(Result $item)
 			$item->title = $title;
 		}
 
+		$images = json_decode($item->images);
+
+		// Add the image.
+		if (!empty($images) && $images->image_intro)
+		{
+			$item->imageUrl = $images->image_intro;
+			$item->imageAlt = $images->image_intro_alt ?? '';
+		}
+
 		// Add the meta author.
 		$item->metaauthor = $item->metadata->get('author');