Autocomplete search not working

Kristopher_Hack
Tourist
4 0 1

I followed the directions of the below link and still not getting the dropdown autocomplete for my search box

https://docs.shopify.com/support/configuration/store-customization/can-i-add-autocomplete-to-my-stor...

 

After following the directions I now can do partial searchs and get results but don't have the dropdown box showing up. Any suggestions? I used the code provided in the link.

My website.

http://turtlegamingsc.com/

0 Likes
Alex135
Astronaut
1889 2 470

The drop down box is there, but it is hidden due to styling issues.  Open Assets/cs.style.css.  You should find the below section of code near Line 219.

.search-form{
  border: 1px solid #e6e6e6;
  max-width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}

The main cause of the issue is "overflow: hidden".  By removing this line, the drop down box will appear.  However this causes other issues with your shop.  Unfortunately I won't be able to help out there.  At least this will get you started.

Kristopher_Hack
Tourist
4 0 1

Thank you for the help. That gives me a good spot to start.

0 Likes
Jul
New Member
7 0 0

Hi,

I have done the autocomplete & working fine, however when I press enter to go to the result page it give no results after I added  +'*' to show all items 

Any idea?

Thanks 

Web: https://www.arckelectrical.com.au/

0 Likes
Itworld
New Member
2 0 0

Kindly share me the autocomplete code for shopify

0 Likes
Itworld
New Member
2 0 0

Share me the autocomplete box for search results code

0 Likes