Place the Wishlist Hero icon in header

Place the Wishlist Hero icon in header

Method 1: App settings

1. Open Wishlist Hero Admin.
2. Go to Customize Appearance.
3. Under the Launch Point Type, select Add to your header menu.
4. Click on Add wishlist icon to header button
5. Click Save Settings.

Method 2: Online Store 2.0 theme - Theme Customizer

6. On your store admin screen, Go to "Online store" > "Themes"
7. Click on the "Customize" Button
8. Go to the Header section, expand then click on "Add block"
9. Add the "Wishlist Header Icon"
10. Configure the Header icon to better fit your store style from the section itself.

Method 3: Online Store 1.0 theme - Added snippets

Wishlist Hero adds a snippet during installation that you can use for this purpose. Instructions for most themes are:

1. On your store admin screen, Go to "Online store" > "Themes"
2. Check the theme you want to edit, and click on the "Actions" button, then on "Edit Code"
3. Now you are on the Theme files editor, you should look for where you want to place the wishlist icon in header. In most cases that is "header.liquid"
4. Start editing the file, search for the cart code. Right before the cart, place the following snippet: `{% render 'wishlisthero-header-icon.liquid' %}`
5. Save the file and preview in store.

Optional: If you want to edit how the icon looks:

1. Go to Online Store > Themes > Customize
2. From there, you can add any CSS customizations in the Additional HTML section in App Embeds.