${__("لا توجد منتجات مطابقة.")}
`); + return; + } + + if (preference === "Grid View") { + new webshop.ProductGrid({ + items, + settings, + products_section, + preference, + }); + } else { + new webshop.ProductList({ + items, + settings, + products_section, + preference, + }); + } +}); diff --git a/webshop/public/js/search.js b/webshop/public/js/search.js new file mode 100644 index 0000000000..168931b755 --- /dev/null +++ b/webshop/public/js/search.js @@ -0,0 +1,96 @@ +frappe.ready(() => { + const query = new URLSearchParams(window.location.search).get("q"); + if (!query) return; + + document.getElementById("search-query").textContent = query; + + const view_type = localStorage.getItem("product_view") || "Grid View"; + + // إزالة شريط البحث إن وجد + const searchInput = document.getElementById("search-bar"); + if (searchInput) searchInput.style.display = "none"; + + frappe.call({ + method: "webshop.api.search.product_search", + args: { q: query }, + callback: function (r) { + const results = r.message || []; + const container = document.getElementById("results"); + + if (!results.length) { + container.innerHTML = `No products found.
`; + return; + } + + container.innerHTML = ""; + container.className = view_type === "List View" + ? "row list-view" + : "row grid-view"; + + for (let item of results) { + const title = item.web_item_name || item.item_name || "product"; + const image_url = item.website_image; + const product_url = item.route ? `/${item.route}` : `/${item.name}`; + const item_group = item.item_group || ""; + const initials = title.trim().substring(0, 2).toUpperCase(); + + const card = document.createElement("div"); + card.className = view_type === "List View" + ? "col-12 mb-3" + : "col-12 col-sm-6 col-md-4 col-lg-3 mb-4"; + + card.innerHTML = ` +