رفتن به مطلب

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


پست های پیشنهاد شده

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

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

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

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

 

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

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

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

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

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
)

 

بعدش

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

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

موفق باشید

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

 

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

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

در حال بارگذاری


  • کاربران آنلاین در این صفحه

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.

×
×
  • اضافه کردن...