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

Re: need help adding wishlist plus heart icon to nav bar

need help adding wishlist plus heart icon to nav bar

sandrarose
Visitor
2 0 0

can't find the code for where to place the heart icon code... please help!

Replies 3 (3)

auspayday
Tourist
7 1 2

To add the Wishlist Plus heart icon to your navigation bar, you can follow these steps:

  1. Go to your Shopify admin dashboard and click on "Online Store" in the left-hand menu.

  2. Click on "Themes" and then click on "Actions" next to your current theme, and select "Edit code".

  3. In the theme editor, click on "Sections" in the left-hand menu and then click on "header.liquid" to open the header section.

  4. Look for the code where your navigation bar is defined. This will typically be in a nav or ul tag.

  5. To add the Wishlist Plus heart icon to the right side of your navigation bar, add the following code just before the closing nav or ul tag: <a href="/apps/wishlist" class="wishlist">
    <i class="icon icon-heart"></i>
    </a>

    1. This code will create a link to your Wishlist Plus app and display the heart icon.

    2. Save your changes and preview your store to see the heart icon in your navigation bar.

    I hope this helps! Let me know if you have any further questions.

 

lexilousboutiqu
Visitor
1 0 0

hey having issues adding the heart icon to my theme it's dawn 10.00 could you help me? https://1dfe2f.myshopify.com/?_ab=0&_fd=0&_sc=1

madiesgtx
Visitor
2 0 0

@lexilousboutiqu i see you have a heart icon now, could you let me know how you got it into your dawn theme? 🙂