Change "Eye" Icon for quickview and wishlist

[skullo27]

Hi I am currently using the below snippet to change the wishlist icon to a heart from the standard icon. Can you tell me what the variable would be so I can change the “eye” or quick view icon? Also, on the wishlist drop down…

function custom_wishlist_icon() {
return ‘<i class=”fa-heart-o”></i>’;
}
add_filter(‘sf_wishlist_icon’, ‘custom_wishlist_icon’, 100);
add_filter(‘sf_add_to_wishlist_icon’, ‘custom_wishlist_icon’, 100);
add_filter(‘sf_wishlist_menu_icon’, ‘custom_wishlist_icon’, 100);

Many thanks.
Sam

[Rui Guerreiro – SUPPORT]

Hi,

What icon do you want to replace the eye?
So we can adjust the current code.

-Rui

[skullo27]

Hi Rui, thanks for the reply.

Well, I was hoping to change to: http://fontawesome.io/icon/external-link-square/

Also, is it possible to update the my account icon to: http://fontawesome.io/icon/user-circle/

Lastly, if you look on our site: supereight.net/shop/ and hover over the basket, wishlist and my account icons, there is a little “down” chevron, but each one is not lined up with one another. Is it possible to just not display these entirely?

Thanks!

Sam.

[Rui Guerreiro – SUPPORT]

There isn’t any filter for this one since the code is outputted by the quickview plugin.

Just add the code below to your custom css option

.product .cart-overlay .shop-actions .jckqvBtn:before {
    content: "\f14c"!important;
    font-family: "fontawesome"!important;
}

-Rui

[skullo27]

Hi Rui, ok thanks I will try that.

Regarding my with two questions, did you have any solutions for those?

1) Also, is it possible to update the my account icon to: http://fontawesome.io/icon/user-circle/

2) Lastly, if you look on our site: supereight.net/shop/ and hover over the basket, wishlist and my account icons, there is a little “down” chevron, but each one is not lined up with one another. Is it possible to just not display these entirely?

thanks again.

[Rui Guerreiro – SUPPORT]

Missed those.

The user icon circle it’s not available in the current fontawesome version loaded by the theme, try the other user icon like this.
https://www.dropbox.com/s/jp8pbenhxlhocvb/Screenshot%202017-03-07%2012.19.11.png?dl=0

.sf-icon-account:before {
    content: "\F007";
    font-family: fontawesome; 
}

regarding 2, try this one

.wishlist-item:hover>a:after, .shopping-bag-item:hover>a:after, .account-item:hover>a:after{
  display:none;
}

Hope it helps.

-Rui

[skullo27]

Great! this works

Thanks.

[Rui Guerreiro – SUPPORT]

Glad it’s sorted.

-Rui