• Resolved Kazam Creative

    (@goldenagemedia)


    Hi team,

    Since the last update to your plugin, some icons have stopped loading in various spots. The default “Heart O” icon doesn’t load in the product loop or single product posts anymore (instead shows a Chinese character) and on the “My Wishlist” page, none of the social sharing buttons show up either.

    Theme used is a barebones theme from Automattic (Underscores) so it doesn’t have any complex coding, and all plugins were deactivated yet the problem still exists.

    Let me know if you need any further information.

    Cheers,
    Anthony

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello there,

    I hope you’re doing well 😄

    I am not seeing the original icons or the Chinese characters that you mention, if you have deactivated the icons or our plugin I ask you to activate it again so we can observe the error and help you solve it.
    In case it is active and it is excluded from the products that I have observed, I ask you to please send us the URL where you can see this problem that you are experiencing.

    I am looking forward to your response.
    Have a nice day!

    Thread Starter Kazam Creative

    (@goldenagemedia)

    Hi,

    The plugin still remains active. It’s happening on all websites where I’ve used the Woocommerce Wishlist plugin and has only arisen since the last update to the plugin I believe. I haven’t turned off any settings for the icons, I’ve simply activated the plugin and done nothing else.

    Another example is below:
    https://enzoandlola.com.au/shop/

    See screenshot attached below as well. I’ve made it viewable to anyone with the link:

    Screenshot – Google Drive

    Thread Starter Kazam Creative

    (@goldenagemedia)

    Hi team,

    After playing around in the browser inspector I discovered the issue is because your YITH plugin is loading an older release of Font Awesome 4.7.0, whereas our theme is loading Font Awesome Free 5.2.0 for extra theme styling.

    To solve this issue I’ve added the following to my stylesheet:

    .yith-wcwl-add-to-wishlist i, .yith-wcwl-share i { font-family: FontAwesome !important; }

    This simply replaces the font family of “Font Awesome 5 Free” being used with “FontAwesome”.

    I would kindly request maybe updating the version of Font Awesome being used or provide a setting to unload your version of Font Awesome.

    Hope this helps others!

    Plugin Support Juan Coronel

    (@juaancmendez)

    Hi there,

    Perfect! The rule is correct and we are glad that you found the solution. It’s common for there to be conflicts between different versions of FontAwesome. We will consider the possibility of updating that version.

    If you have any other questions, feel free to contact us.

    Have a nice day!

    Thread Starter Kazam Creative

    (@goldenagemedia)

    Font Awesome has just released version 6, so after upgrading our themes to the latest version this broke again.

    If you are using the YITH wishlist plugin and loading the Font Awesome 6 icons you can add this CSS code to your stylesheet and it seems to fix it (as long as you are using the default heart icons):

    .yith-wcwl-add-to-wishlist i, .yith-wcwl-share i {
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 400;
    }
    .yith-wcwl-add-to-wishlist i.fa-heart {
        font-weight: 900;
    }

    Hope this helps anyone 🙂

    • This reply was modified 2 years, 7 months ago by Kazam Creative. Reason: make css code easier to interpret
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘FontAwesome Icons Not Showing’ is closed to new replies.