Автор Тема: Как отредактировать поиск по сайту  (Прочитано 117 раз)

18 Февраль 2021, 19:21:53
  • Пользователь
  • **
  • Сообщений: 90
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Доброго времени суток.
Помогите пожалуйста.
Как отредактировать поиск по сайту Prestashop 1.7
1. Чтобы результаты поиска не выходили за границы монитора
2. Чтобы не отображалась категория товара в выдачи поиска (Глушители на иномарки >)
3. Может есть возможность, чтобы заместь (Глушители на иномарки >) отображался артикул товара
Какое есть решение?
Если можно подробней, я ученик.
Если с помощью модуля поделитесь пожалуйста
xzx777xzx@gmail.com
25 Март 2021, 15:09:32
Ответ #1
  • Пользователь
  • **
  • Сообщений: 90
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Изменить в файле код, путь к файлу: modules/ps_searchbar/ps_searchbar.js
Вместо категории будет отображаться фото товара

/* global $ */
$(document).ready(function () {
var $searchWidget = $('#search_widget');
var $searchBox = $searchWidget.find('input[type=text]');
var searchURL = $searchWidget.attr('data-search-controller-url');

$.widget('prestashop.psBlockSearchAutocomplete', $.ui.autocomplete, {
_renderItem: function (ul, product) {

var url_img = '';
if (typeof product.cover !== 'undefined')
{
url_img = product.cover.bySize.small_default.url
}

return $("<li>")
.append($("<a>")
.append($("<span>").html('<img src="' + url_img + '" width="70" > &nbsp;'))
//.append($("<span>").html(product.category_name).addClass("category"))
//.append($("<span>").html(' > ').addClass("separator"))
.append($("<span>").html(product.name).addClass("product"))
).appendTo(ul)
;
}
});

$searchBox.psBlockSearchAutocomplete({
source: function (query, response) {
$.post(searchURL, {
s: query.term,
resultsPerPage: 10
}, null, 'json')
.then(function (resp) {
response(resp.products);
})
.fail(response);
},
select: function (event, ui) {
var url = ui.item.url;
window.location.href = url;
},
});
});