remove shopify search button

How to delete the search button in shopify?

Rate this article

Share this article

Some Shopify website owners might not want to have the Shopify search box on their website. The below image depicts the search button in the Shopify store clearly.delete shopify search button

Add great search to your Shopify store

Here are easy steps to delete the search icon in Shopify

  1. Log in to your Shopify admin panel.
  2. Navigate to Online store-> Themes-> click on edit code.
  3. Go to Snippets-> click on icon-search.liquid.
  4. Delete the contents of this file and click on save. (to be specific, delete the following code).
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 37 40"><path d="M35.6 36l-9.8-9.8c4.1-5.4 3.6-13.2-1.3-18.1-5.4-5.4-14.2-5.4-19.7 0-5.4 5.4-5.4 14.2 0 19.7 2.6 2.6 6.1 4.1 9.8 4.1 3 0 5.9-1 8.3-2.8l9.8 9.8c.4.4.9.6 1.4.6s1-.2 1.4-.6c.9-.9.9-2.1.1-2.9zm-20.9-8.2c-2.6 0-5.1-1-7-2.9-3.9-3.9-3.9-10.1 0-14C9.6 9 12.2 8 14.7 8s5.1 1 7 2.9c3.9 3.9 3.9 10.1 0 14-1.9 1.9-4.4 2.9-7 2.9z"/></svg>

     

    delete shopify search button

  5. This will delete your Shopify search button as shown in the image below.

Add great search to your Shopify store


FAQs

1. How do I turn off search in Shopify?

Some stores may not need a search option, mainly for those who don’t have a variety of products to sell. Hence, store owners may wonder how to turn off the search icon in Shopify. Shopify themes mostly have a built-in search option that can’t be removed. However, a few ways can be followed to remove the search icon in Shopify. The steps you will be required to follow are  

  • Go to the right side of the front page after logging in to your Shopify store. The search icon is at the top of the page. 
  • If you right-click on the icon, you’ll get an option to inspect. Select that.
  • You can see the elements responsible for showing the search icon.
  • You will see the style tab on the right when you select the elements, and now you need to choose the “+” sign to add a code. Enter “display: none! Important”. After typing this, you can turn off the search icon.
  • Next, you have to select the section “details-modal. Header_ _ search {display: none! Important;} and copy it.
  • You must follow up with a few more codes to complete the process. 
  • Click on save to finalize the settings, and you’ll see the search icon is not showing anymore.

2.How to cancel the subscription and delete Smart Search & Filter from Shopify?

If you want to cancel the subscription, you will have to follow a few steps    

  • Go to the “Smart Search & Filter” control panel.
  • There will be the “view on plans” option. Click on the option.
  • You will see all the subscription descriptions. You will say “cancel subscription” option is also there.
  • Click on it to suspend your subscription.

To delete Smart Search & Filter app from Shopify 

  • First, go to the Shopify admin panel. 
  • Select “Apps” to find the Smart Search & Filter app.
  • Delete the app.

3. How to remove “Powered by Shopify”?

You can remove Powered by Shopify by following a few steps 

  • Log into the Shopify admin panel, then go to “Online Store and Themes.”
  • Click on “Actions.”
  • Then, click on “Edit languages.”
  • Go to the “Powered by Shopify box” you can find after going to the Search Translation box.
  • Delete the text.
  • Click save and view your store, “Powered by Shopify” won’t show up anymore.

4. How do I change the header section in Shopify?

To change or edit the Shopify header, go to the “theme” option and click on “Customize theme.” This allows you to change the color, font, style, and design of the header text. To change color, you can click on the color picker and select your desired color. For fonts, you can click on the menu and select the font you’d like. You can also change the size and the style of the text as well. Changing the header section in Shopify is hassle-free and easy to customization. Customized headers also help to stand out among the various websites, and using the Shopify customizer tool is the most common and easiest way of doing this. No coding is required for this tool, and it helps to edit and make changes to the header section in your Shopify.

 

Add great search to your Shopify store

Are you showing the right products, to the right shoppers, at the right time? Contact us to know more.
You may also like