Detection of Shopify search forms

fixit_fiona

I have a question that I haven't figured out yet from searching on the internet. Is there a way to globally detect the search form(s) of a website that uses Shopify as CMS? A JS selector that would result in all of the search forms? because some sites I see that use the predictive-search tag while others use just the form tag but with drawer classname, some use search-form tag and the list grows as I see more sites. I know that each site can...

Originally asked by user28717641 on Stack Exchange (stackoverflow) (CC BY-SA 4.0).

uphilltech

Great question — answering as the UphillTech team:

I looked at 10 stores from their example store list and there doesn't seem to be a consistent rule. What I found is, the following: Site input-name input-type distinctive selector autocomplete="off" KirrinFinch q text .quick-search__input yes Rothys - text .input__control_s yes BeefCakeSwimwear q search .search-input > input yes Suta st text .st-search-bar > input yes Uppercase Magazine q search .site-header__search-input yes HiutDenim q search none yes TenTree - text #search-inputbox yes MaquireShoes q search - yes TheOutrage q search .search-bar--modal > input yes AdoredVintage q search #Search yes So there's no clear schema, but most search bars will have name="q" and autocomplete="off"

Full answer by Brentspine: https://stackoverflow.stackexchange.com/a/79848059 (CC BY-SA 4.0).

Need it done for your business? UphillTech.