Skip to product information
1 of 1
Published:2023.04.20

Example of settings to display search word suggestions in the header search box of the Shopify theme "Dawn"

Example of settings to display search word suggestions in the header search box of the Shopify theme "Dawn"

Applications

  • MenuEdit

How to implement

  • LIQUID
View full details

Although Shopify's site search has a predictive conversion function, suggestions are not displayed unless you enter some characters. Therefore, it is recommended to display trending and popular search terms from the beginning when you open the search box. This is an example of a setting that can be edited in the theme editor for easy operation.

Example of settings to display search word suggestions in the header search box of the theme "Dawn"


Setting step 1: Add the scheme to "header.liquid" and the label to "ja.schema.json"


Setting Step 2: Modify the display code of "header.liquid"


Step 3: Turn off the theme prediction search function


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

For header.liquid {% schema %}


For ja.schema.json

Related Post