Add Wishlist (or other) button on the header icon - Prestige Theme

Topic summary

A Shopify store owner using the Prestige theme wants to add a wishlist icon to the header navigation (next to account, search, and cart icons) to replace the default floating button from the Wishlist King app.

Technical Approach Discussed:

  • Modify header.liquid file to add a new link element
  • Create a custom heart-shaped SVG icon in icon.liquid snippet
  • Use direct URL (www.ekyog.com/apps/wishlist) instead of route variables
  • Apply CSS styling to match existing header icons

Current Status:
The implementation is not working. After following the provided code modifications:

  • A blank space appears where the icon should be
  • The icon is not clickable and doesn’t display the heart shape
  • The original poster found a way to eliminate code errors but the wishlist icon still doesn’t appear in the header

Unresolved Issues:

  • Root cause of the blank space remains unclear
  • Icon rendering is failing despite code additions
  • Another user with the Broadcast theme has joined seeking similar help

The discussion remains open with no working solution yet achieved.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.

The icon we added should be between the search icon and the cart icon, thats why there is blank space there.

The heart on the bottom is the integration of the app native (i dont want this)

So the integration we made in the code to add a heart icon on the header which lead to the wishlist page didnt work…

Do you know why there would be a blank ?