آموزش تصویری کردن قسمت جستجو سایت

[puzzelfix]

شاید برای شما هم پیش آمده باشد که بخواهید قسمت جستجو سایتتان عکس ها رو هم نمایش بدهد

البته برای این کار ماژولهایی طراحی شده اند که قابل تقدیر می باشد

اما امروز ما به شما آموزش می دهیم که چطور بدون استفاده از ماژول با تغییر کدها کاری کنید تا قسمت جستجو سایتتان با عکس نمایش داده شود

دمو : پازل فیکس

 

این آموزش در روز یکشنبه قرار داده خواهد شد بنابراین اگر به این آموزش نیاز دارید این پست را فالو کنید(دنبال کردن این موضوع)

البته این آموزش هم به صورت متنی قرار داده می شود هم به صورت فایل زیپ که فقط باید در هاست خود پیست نمایید

اگر مورد پسندتان هست دکمه تشکر را بزنید

[puzzelfix]

قبل از انجام هر کاری از فایلهای مربوطه کپی برداری نمایید

ابتدا به آدرس زیر بروید :

prestashop\themes\yourtheme\module\blocksearch-instantsearch.tpl

و ویرایش کد را بیاورید

سپس این کد را پیدا کنید

 

$("#search_query_{$blocksearch_type}")
.autocomplete(
'{if $search_ssl == 1}{$link->getPageLink('search', true)}{else}{$link->getPageLink('search')}{/if}', {
minChars: 3,
max: 10,
width: 500,
selectFirst: false,
scroll: false,
dataType: "json",
formatItem: function(data, i, max, value, term) {
return value;

و به این کد تغیر دهید

 

$("#search_query_{$blocksearch_type}")
.autocomplete(
'{if $search_ssl == 1}{$link->getPageLink('search', true)}{else}{$link->getPageLink('search')}{/if}', {
minChars: 3,
max: 10,
width: 500,
selectFirst: false,
scroll: false,
dataType: "json",
formatItem: function(data, i, max, value, term) {
return "<img src=\"" + baseDir + "img/tmp/" + "product_mini_" + data.id_product + ".jpg\" alt=\"" + value + "\" />" + value;

 سپس به قسمت کلاس  در این آدرس بروید

file/classes/search.php change

تقریبا در خط 259

سپس این کد را پیدا کنید

 

$sql = 'SELECT DISTINCT p.id_product, pl.name pname, cl.name cname,
cl.link_rewrite crewrite, pl.link_rewrite prewrite '.$score.'
FROM '._DB_PREFIX_.'product p
INNER JOIN `'._DB_PREFIX_.'product_lang` pl ON (
p.`id_product` = pl.`id_product`
AND pl.`id_lang` = '.(int)$id_lang.Shop::addSqlRestrictionOnLang('pl').'
)
'.Shop::addSqlAssociation('product', 'p').'
INNER JOIN `'._DB_PREFIX_.'category_lang` cl ON (
product_shop.`id_category_default` = cl.`id_category`
AND cl.`id_lang` = '.(int)$id_lang.Shop::addSqlRestrictionOnLang('cl').'
)

و به این کد تغییر دهید

 

{
$sql = 'SELECT DISTINCT p.id_product id_product,p.reference preference,im.id_image image, pl.name pname, cl.name cname,
cl.link_rewrite crewrite, pl.link_rewrite prewrite '.$score.'
FROM '._DB_PREFIX_.'product p
INNER JOIN `'._DB_PREFIX_.'product_lang` pl ON (
p.`id_product` = pl.`id_product`
AND pl.`id_lang` = '.(int)$id_lang.Shop::addSqlRestrictionOnLang('pl').'
)
'.Shop::addSqlAssociation('product', 'p').'
INNER JOIN `'._DB_PREFIX_.'category_lang` cl ON (
product_shop.`id_category_default` = cl.`id_category`
AND cl.`id_lang` = '.(int)$id_lang.Shop::addSqlRestrictionOnLang('cl').'
)
LEFT JOIN `'._DB_PREFIX_.'image` im ON (p.`id_product` = im.`id_product`AND `cover` = 1)

 سپس دو باره به این آدرس بروید

themes/youtheme/js/blocksearch/blocksearch.js

و این کد را پیدا کنید تقریبا در 45 -49

 

formatItem: function(data, i, max, value, term) {

return value;

},

و به این تغییر دهید

 

formatItem: function(data, i, max, value, term) {

{return "<img src=\"" + baseDir + "img/p/" + data.image.split('').join('/')+"/" + data.image+ "-small_default.jpg\" alt=\"" + value + "\" />" + "<div style=\"float:right;width: 65%; padding-top: 20px; padding-right:3%\">"+ value + "</div>";}

},

 

و به این ادرس برید

classes/Search.php

واین کد را پیدا کنید تقریبا در خط 290

 

WHERE p.`id_product` '.$product_pool.'

و قبل از این کد کد زیر را در خط بالایش تغییر دهید

 

LEFT JOIN `'._DB_PREFIX_.'image` im ON  (

p.`id_product` = im.`id_product`AND `cover` = 1

)

 

بعدش

بعد نداره تموم شد برید حالشو ببرید

[puzzelfix]

برای ویرایش css  قسمت جیتجو هم یک آموزش به زودی قرار می دهم که قسمت جستجو زیباتر و کارامد تر بشه

و برای اضافه کردن قسمت موجود و نامجود در نمایش خود سرچ نیز براتون یک آموزش می ذارم

موفق باشید

[admin]

البته کاری که آموزش دادید کمی غیر استاندارده چرا که در فایل های اصلی پرستا تغییراتی رو دادین. مشکل اینجاست که با یکبار آپدیت پرستا یا آپدیت ماژول ها تمام این تغییرات از بین خواهد رفت و بهترین کار استفاده از اورراید هست

[puzzelfix]

البته کاری که آموزش دادید کمی غیر استاندارده چرا که در فایل های اصلی پرستا تغییراتی رو دادین. مشکل اینجاست که با یکبار آپدیت پرستا یا آپدیت ماژول ها تمام این تغییرات از بین خواهد رفت و بهترین کار استفاده از اورراید هست

 

بله درست است ولی بازم کاربردی می باشد برای کسانیکه می خوان دستی درست کنند