آموزش نمایش تصویر مطالب و آیتم های جستجو شده در فهرست نتایج جستجوی جوملا

شاید برای شما هم اتفاق افتاده باشد که در سایت جوملایی خود زمانی که در ماژول یا کامپوننت جستجو یک کاربر عبارتی را وارد میکند. در صفحه نمایش نتایج فهرستی شامل عنوان و متن توضیحات آیتم به نمایش گذاشته میشود. احتمالا شما هم مانند ما تمایل داشته اید که برای بهتر نمایش دادن آیتم ها بهره مندی و هدفمندی هرچه بیشتر کاربر رسیدن به موضوع جستجو شده، تصاویر آیتم های یافت شده نمایش داده می شدند!

آنچه در این مطلب میخوانید:

[quote]پیشنهاد ویژه: سایت آماده نمایندگی بیمه و موسسات مالی پارسیان[/quote]

در این آموزش قصد داریم که با یک روش ساده المان تصویر را به فهرست نتایج جستجوی شده در کامپوننت Search جوملا اضافی کنیم. برای شروع کار کافی است که چند تغییر کوچک را در دستور کار قرار دهیم.

بسیار خب برای شروع به مسیر زیر میرویم و فایل اشاره شده در مسیر را ( default_results.php ) با یک ویرایشگر ساده متنی باز میکنیم.

JoomlaSite/components/com_search/views/search/tmpl/default_results.php

بعد از آنکه فایل موردنظر را باز کردیم به دنبال کدی با عبارت زیر میگردیم:

<dt class="result-title">

1	<dt class="result-title">

این عبارت کد عموماً در خط ۱۵ واقع شده است. با یافتن آن چند خط کد زیر را قبل از عبارت فوق درج میکنیم:

	<?php if (isset($result->image) && $result->image != '') {
		echo '<div style="float: left;margin: 5px 10px;"><img src="'. $this->escape($result->image).'" alt="" /></div>';
	} ?>

<?php if (isset($result->image) && $result->image != '') {

echo '<div style="float: left;margin: 5px 10px;"><img src="'. $this->escape($result->image).'" alt="" /></div>';

} ?>

پست پیشنهادی : حل مشکل خطای json data errors بعد از به روزرسانی جوملا

همچنین در این فایل به دنبال عبارت زیر بگردید. (این عبارت عموماً در خط ۳۸ واقع شده است)

	<?php if ($this->params->get('show_date')) : ?>
		<dd class="result-created<?php echo $this->pageclass_sfx; ?>">
			<?php echo JText::sprintf('JGLOBAL_CREATED_DATE_ON', $result->created); ?>
		</dd>
	<?php endif; ?>

<?php if ($this->params->get('show_date')) : ?>

<dd class="result-created<?php echo $this->pageclass_sfx; ?>">

<?php echo JText::sprintf('JGLOBAL_CREATED_DATE_ON', $result->created); ?>

</dd>

<?php endif; ?>

و کدهای زیر را بعد از عبارت بالا کپی میکنیم.

	<?php if (isset($result->image) && $result->image != '') {
		echo '<div style="clear:both"></div>';
	} ?>

<?php if (isset($result->image) && $result->image != '') {

echo '<div style="clear:both"></div>';

} ?>

بسیار عالی کار ما تمام شده و در حال حاضر اگر در کامپوننت جستجوی جوملا یک عبارت را جستجو کنیم برای کلیه آیتم ها بصورت خودکار ؛ تصاویر به نمایش درخواهند آمد. همچنین این نکته را یادآور میشویم که با این روش نوع منبع آیتم و تصاویر تفاوتی ندارند . چه از محتوا و مطالب جوملا استفاده کنید یا از افزونه های فروشگاهی و…. روش کار یکسان خواهد بود.