What's your biggest current challenge? Have your say in Community Polls along the right column.

Wishlist icon on header

Solved

Wishlist icon on header

margo141
Excursionist
36 0 9

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

Accepted Solution (1)

akshay_bhatt
Shopify Partner
115 11 13

This is an accepted solution.

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:

 

<div class="header__icons">
  <a href="/search" class="header__icon search-icon">🔍</a>
  <a href="/wishlist" class="header__icon wishlist-icon">❤️</a>
</div>
​

 

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

- Need a Shopify Specialist?
- Custom Design | Advanced Coding | Store Modifications
Email us

View solution in original post

Replies 3 (3)

akshay_bhatt
Shopify Partner
115 11 13

This is an accepted solution.

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:

 

<div class="header__icons">
  <a href="/search" class="header__icon search-icon">🔍</a>
  <a href="/wishlist" class="header__icon wishlist-icon">❤️</a>
</div>
​

 

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

- Need a Shopify Specialist?
- Custom Design | Advanced Coding | Store Modifications
Email us
margo141
Excursionist
36 0 9

Thank you very much!

margo141
Excursionist
36 0 9

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.