first commit

themes/ayon__/modules/ps_searchbar/ps_searchbar.js

@@ -0,0 +1,59 @@
+/* global $ */
+$(document).ready(function () {
+
+    // roythemes mod
+    var $searchWidget = $('.header-top .search-widget');
+    var $searchWidgetSide = $('.side_menu .search-widget');
+    var $searchBox    = $searchWidget.find('input[type=text]');
+    var $searchBoxSide    = $searchWidgetSide.find('input[type=text]');
+    var searchURL     = $searchWidget.attr('data-search-controller-url');
+    var searchURLSide     = $searchWidgetSide.attr('data-search-controller-url');
+
+    $.widget('prestashop.psBlockSearchAutocomplete', $.ui.autocomplete, {
+        _renderItem: function (ul, product) {
+            var line = $("<li>") // roythemes mod
+                .append($("<a>").addClass("searchLine")
+            				.append('<img src="'+product.cover.small.url+'" class="searchImg">')
+            				.append($("<div>").addClass("searchDescription")
+              					.append($("<span>").html(product.name).addClass("product"))
+              					.append($("<span>").html(product.price).addClass("searchPrice"))
+          					)
+                ).appendTo(ul);
+            return line;
+        }
+    });
+
+    $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;
+        },
+    });
+    $searchBoxSide.psBlockSearchAutocomplete({
+        source: function (query, response) {
+            $.post(searchURLSide, {
+                s: query.term,
+                resultsPerPage: 6
+            }, null, 'json')
+            .then(function (resp) {
+                response(resp.products);
+            })
+            .fail(response);
+        },
+        appendTo: "#search_results",
+        select: function (event, ui) {
+            var url = ui.item.url;
+            window.location.href = url;
+        },
+    });
+});