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…

Follow up here, has anyone figured out how to change the “search” heading to a custom title?

Hi there, I’m stuck at step 3 as the code I have is different from what is shown in the screenshot. I have way more lines and the “structure” looks different so I’m struggling to understand where I should paste the code. I’m attaching 2 screenshots of what I have, one is the bottom of the main-se…

I finally sorted that out, added the code and saved. The problem is the search section is not available from the editor.

it finally appeared after some time and a few refresh… though instead of a search section, it adds a search results section which doesn’t display (error message: Liquid error (sections/main-search line 62): Array ‘search.results’ is not paginateable.) Any ideas?

I am having the same issue right now as well. Getting that liquid error, and my main-search.liquid file also has many more lines than the original solution post mentions.

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…

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

Store Design

Angelfab June 4, 2023, 10:12am 11

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.

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

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

Related topics