How to remove shopify search icon in Shopify

[Shopify] | How to remove shopify search icon in Shopify

Rate this article

Share this article
Share on facebook
Share on twitter
Share on linkedin
Share on email

The default search icon is pretty boring and you might want to change it to suit your Shopify theme. Remember you will need an SVG icon of your choice to replace Shopify’s search icon. This is also for the mobile search bar Shopify store, and Shopify search bar. The smart search bar is very useful. It can filter search results by tag, which helps in product search

The Shopify advanced search comes with advanced search filters, which is great as users love Advanced search on Shopify.

The advanced search is Ajax based search which makes product filter search app fast

Here is the default search icon in Shopify.change search icon in shopify

Steps to remove Shopify search icon

Here are steps to change the default Shopify icon-

  1. Download a search SVG icon. (you can download from Freepik)change search icon in shopify
  2. Open the SVG in chrome.
  3. Right click on the SVG and click on view page source. change search icon in shopify
  4. Copy this code.
  5. Log in to your Shopify admin panel.
  6. Navigate to Online store-> Themes-> click on edit code.
  7. Go to Snippets-> click on icon-search.liquid.
  8. Delete the contents of this file.
  9. Paste the copied code in step 4 to this file.
  10. Click on save.
  11. Now your Shopifychange search icon in shopify search icon must have changed.

Install expertrec’s Shopify search app

Shopify search app

shopify search app

Add a search engine to your website at 9 USD per month



Leave a Reply

Avatar placeholder

Your email address will not be published.

You may also like
Hold on!
We’ve gathered our industry knowledge and are sharing hacks, tips to increase e-commerce revenue. Contains best tips for scaling up your ecommerce business.