How can I set my store's search bar to only find products?

Store Design
, ,
1

I want my Shop search bar to only search for products and nothing else. As shown in the photo, my search bar searches both products and pages how do i make it only search for products?

shop url: https://c1e46d.myshopify.com/collections/all

h.png
h.png1720×845 97.8 KB

2

hello there

To make your Shop search bar only search for products and not pages, you can modify the search code in your website’s code editor. Here’s a general outline of how you can do it:

First, you need to locate the search code in your website’s code editor. This may involve finding a file or section of code that relates to your website’s search functionality. Once you have found the search code, identify the section of code that handles the search query.

Next, modify the search function to only return results for products. You can do this by filtering out any search results that are not products. For example, you could retrieve a list of all products using the “getProducts()” function and then loop through each product to check if its title matches the search term. If it does, the product can be added to the list of search results. This code only returns search results for products, not pages.

example:

function searchProducts(searchTerm) {
  var products = getProducts(); // This function should return a list of all products
  var results = [];
  for (var i = 0; i < products.length; i++) {
    var product = products[i];
    if (product.title.toLowerCase().indexOf(searchTerm.toLowerCase()) !== -1) {
      results.push(product);
    }
  }
  return results;
}