Wishlist icon on header

Store Design
, , , ,

Topic summary

A user’s wishlist icon disappeared from their store header, despite being configured in the app settings.

Troubleshooting steps provided:

  • Verify the wishlist app is enabled and properly configured
  • Check theme code in header.liquid file for missing wishlist icon implementation
  • Re-integrate the wishlist app if recently updated or reinstalled
  • Clear browser cache and test in incognito mode

Resolution:
The original poster found a solution independently after posting the question elsewhere and receiving additional recommendations. They indicated they would mark the response as accepted to help others facing similar issues.

Note: The conversation includes code snippets for manually adding wishlist icon markup to the header file.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

Hi guys. I had a wishlist icon just after a search icon. It disappeared for some reason. How can I return it?

Thank you! It is set in the app, but doe not work out any more. My website: 108creations.com

Screenshot 2024-11-15 at 9.39.16 PM.png
Screenshot 2024-11-15 at 9.39.16 PM.png2244×1126 171 KB

2

Hi @margo141 ,

To restore your missing wishlist icon next to the search icon, follow these steps:

1. Check App Settings:- Ensure the wishlist app is enabled and properly configured. Sometimes app updates or changes may disable the feature.

  • In the app settings, verify the placement of the wishlist icon in the header.

2. Inspect Your Theme Code:- Go to Online Store > Themes > Actions > Edit Code.

  • Open the header.liquid file (or similar, depending on your theme).
  • Look for the section where the search icon is implemented (typically near header_icon, search, or similar classes).
  • Check if the wishlist icon code is present. If it’s missing, re-add it. For example:

  
  

​

Replace /wishlist with the URL or functionality defined by your wishlist app.

3. Reintegrate Wishlist App:

If the app was recently updated or uninstalled/reinstalled:

  • Check the app’s documentation for steps to add the wishlist icon manually.
  • Many wishlist apps include a snippet like { % include ‘wishlist’ % }that you can place in your header.liquid .

4. Clear Cache & Test:- Clear your browser cache or check in incognito mode.

  • Save changes and verify the icon appears in your header.

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.

Thanks & Regards
Akshay Bhatt

1 Like
3

Thank you very much!

4

Thank you very much! But I’ve already figured that out. I’ve posted my question again (cuz I did not receive any advice on this post), and got some helpful recommendations. Thank you for your reply anyway, I will accept it as a solution, so may be it will be helpful for others.