Wishlist Plus Icon - Header for Debut Theme

Solved
Highlighted
Tourist
8 0 2

Hi everyone, 

I'm using a free version of Wishlist Plus with my debut theme and struggling to create a heart icon on the header menu between the search bar and the cart. I think, but not sure, that Debut doesn't use "Awesome Font" (not sure what that is either) so I've found this link which explains what I need to do: 

https://swym.it/help/adding-the-wishlist-plus-launch-point-to-your-shopify-sites-header-menu/

However, I don't know:

- (i) what code I am supposed to be inserting (since I am not sure if Debut is on Font Awesome, but I think it isn't) and

- (ii) where I am supposed to insert the code.

Any assistance would be wonderful - the site is www.myjulz.com.au 

Many thanks! 

 

 

 

0 Likes
Highlighted
Shopify Partner
1188 253 350

HI

Please email me your theme zip or staff account details i can try solve your problem.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
1188 253 350

HI

I have solved your problem.

1] add html code sections/header.liquid line no 138 to 142

<!-- add whish list icon -->
          <a href="#swym-wishlist" class="swym-wishlist">
  			<i aria-hidden="true" focusable="false" role="presentation" class="fa fa-heart"></i>
          </a>
<!-- end whish list icon -->


2] add css code assets/theme.scss.liquid file

/* code for whishlist icon*/
i.icon-swym-wishlist {
font-family: 'swym-icons';
font-style: normal;
vertical-align: middle;
}
i.icon-swym-wishlist+span {
vertical-align: middle;
}
i.icon-swym-wishlist:after {
content: '';
font-size: 130%;
line-height: 18px;
text-align: center;
display: inline;
}
/*content rendered after swym is ready to avoid showing block/invalid chars*/
.swym-ready i.icon-swym-wishlist:after {
content: '\f004';
}

3] add code layout/theme.liquid file line no 106

{{ '//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' | stylesheet_tag }}

I hope this will work for you.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
8 0 2

Thanks so much! That worked. 

Question, what code do I need and where must I insert it if I want my wishlist to have 2 features:

(i) Pop up when you add to wishlist 

(ii) Wish list Item show 

1 Like
Highlighted
Shopify Partner
1188 253 350

This is an accepted solution.

HI

please check this link : https://swym.it/help/adding-to-wishlist-from-collections-and-quick-view-pages/


Please do like and accept as solution. That will cost of our time :)

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes