Browse Wishlist icon

Hi huzi7868,

I think the best solution for your problem is to overwrite in your theme the add-to-wishlist.php template.

Simply copy wp-content/plugins/yith-woocommerce-wishlist-premium/templates/add-to-wishlist.php and paste it in your theme root; then customize yith-wcwl-wishlistaddedbrowse and yith-wcwl-wishlistexistsbrowse to show the icon

For example, you can use this php snippet

<?php echo $icon ?>

to print icon selected in admin panel for “Add to wishlist button”, as this

<div class="yith-wcwl-wishlistaddedbrowse hide" style="display:none;">
    <a href="<?php echo esc_url( $wishlist_url )?>" >
        <?php echo $icon ?>
    </a>
</div>

<div class="yith-wcwl-wishlistexistsbrowse <?php echo ( $exists && ! $available_multi_wishlist ) ? 'show' : 'hide' ?>" style="display:<?php echo ( $exists && ! $available_multi_wishlist ) ? 'block' : 'none' ?>">
    <a href="<?php echo esc_url( $wishlist_url ) ?>">
        <?php echo $icon ?>
    </a>
</div>

Now you can customize the previous divs as you wish in your css

Let me know if this helps
Have a nice day 🙂

Hi again 🙂

Uhm… if you want to use a different icon, maybe it’s better leave $icon variable alone, and use a custom icon template, like this

<i class="fa fa-YOUR_ICON_CLASS"></i>

So, the template could be something like this

<div class="yith-wcwl-wishlistaddedbrowse hide" style="display:none;">
    <a href="<?php echo esc_url( $wishlist_url )?>" >
        <i class="fa fa-YOUR_ICON_CLASS"></i>
    </a>
</div>

<div class="yith-wcwl-wishlistexistsbrowse <?php echo ( $exists && ! $available_multi_wishlist ) ? 'show' : 'hide' ?>" style="display:<?php echo ( $exists && ! $available_multi_wishlist ) ? 'block' : 'none' ?>">
    <a href="<?php echo esc_url( $wishlist_url ) ?>">
        <i class="fa fa-YOUR_ICON_CLASS"></i>
    </a>
</div>

To check all available font-awesome icon class, check this url

Let me know if this helps
Have a nice day 🙂