I would like to add an additional search bar to my homepage as a section. My shop has an extremely large inventory of designs, of which a customer is likely only interested in a specific one, they need to be able to easily search their family name. The search function on my store is probably more i…

Hello @axminsterpewter Once you Log in to the Admin, then process the following steps: Step 1: Go to Dashboard ->Online Store ->Theme-> Action->Edit code-> Step 2: Search the file main-search.liquid Step 3: Add this json code end of the file like screenshot [WebDeskSolution_0-1673620041138.png…

Hi Brian For the extra lines, it’s just that the text is minimized in the provided screenshot. If you do the same in your code, it will end up looking exactly the same.

Hi, I m trying to do this and keep getting the JSON error message. What am I doing wrong please? [DaisyK_0-1688033861131.png]

Looks like you are missing a comma before your “presets” section. Give that a try…

The comma made it save but now I get this error code when I add the section ‘custom-search’ [DaisyK_0-1688040804292.png]

Yes, I had the same liquid error. I had to strip out some of the paging logic from the code to get it working, then paste that into the “Custom Liquid” code editor in the “Customize” theme editor. like this: [Screen Shot 2023-06-29 at 8.39.26 AM.png] Here is the final code that I used to get it w…

Hey @briandevore thanks so much for this custom code - One question - Where am I editing to change the title text and the text in the search box? Been playing for a while to amend it and keep breaking the code :wink:

@EnnJayy - those items are configuration items, not stored in code. Go to the left nav menu > Online Store > Themes > Look for the button with 3 dots beside the “Customize” button > Edit Default Theme Content. From there, you can type “Search” into the search bar and look around to find what you ar…

You are amazing. This worked perfectly!

Just wanted to ask…how do I remove the title above the search bar? I only need the title to be showing inside the actual search bar

How to add an extra search bar section in Dawn theme?

Store Design

DaisyK June 29, 2023, 1:00pm 16

Amazing! Thank you so so much!!! It’s working! Now I just have to figure out how to stick it into the header

Topic		Replies	Views
How to add a search bar section on the storefront page on Dawn theme Store Design shopify-themes	6	93	June 11, 2024
How to add a search bar in shopify dawn theme? Store Design troubleshooting	8	152	May 30, 2022
Need full search bar on mobile device (Dawn theme) Store Design design , header , customizations	18	305	September 2, 2025
How can I add a search bar to the Dawn theme header? Store Design menu , design , customizations , css	4	161	January 27, 2023
How can I replace the search icon with a search bar in Dawn theme? Store Design	37	652	January 31, 2024

How to add an extra search bar section in Dawn theme?

Related topics