Product page icon

Hi there,
we hope you’re doing well!

In order to achieve what you need, perform the following steps:

In Add to Wishlist Options:
– Product page settings -> Position of “Add to wishlist” on product page > After “Add to Cart”

– Text customization > “Add to wishlist” text > leave it blank

Then, add this CSS in Appearance > Customize > Additional CSS:

.product-main .yith-wcwl-add-button .button:not(.icon)>i {
    margin-left: initial !important;
    margin-right: initial !important;
}
.product-main .cart {
    display: flex !important;
}
.product-main .yith-wcwl-add-to-wishlist {
    position: relative !important;
    left: 10px !important;
}

And finally, add this code in the functions.php file of your active theme:

if ( defined('YITH_WCWL') && ! function_exists( 'yith_wcwl_move_atw_button_custom' ) ) {

	function yith_wcwl_move_atw_button_custom() {
		$jquery = '
				jQuery(document).ready(function($) {
					$(".product-main .yith-wcwl-add-to-wishlist").insertAfter(".product-main .single_add_to_cart_button");
				});';
	
		wp_add_inline_script('jquery-yith-wcwl', $jquery);
		wp_add_inline_script('jquery-yith-wcwl-user', $jquery);
	}
   
	add_action( 'wp_enqueue_scripts', 'yith_wcwl_move_atw_button_custom', 99 );
   
}

Try it out and tell us if it works well for you.

We will be attentive to any news.

Have a nice day!

Hi @juaancmendez thank you for your reply. I did all the changes and the result is still no icon and with the css code, “add to cart” and product amount changed it’s position. I leave it like that so you can check. The original site is the same link witout the “staging” prefix, so you can see the difference.
Making the changes also disabled the tooltip of wishlist icon on product images.

I can give you site access if you need it.

PS: PHP code is added via code snippet plugin.

Thank you.

Hello there,

Thanks for your reply, we hope you are doing well ??

To eliminate some doubts that I get when I see your site, could you send me a screenshot of the section “YITH” > “Wishlist” > “Add to wishlist options”?

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

Hi @lucianopalmieri I even tried some changes to show in the video

https://www.loom.com/share/757205c4574f4d38a476e753bf27aa31

Thank you

Hello there,

Thanks for your reply, we hope you are doing well ??

Please try changing your site theme to a default site like eg “Twenty Twenty” or “Twenty Twenty-One” and see if our plugin settings now work correctly for you.

Let us know any news, please.
Have a nice day!

Hi @lucianopalmieri yes changing to “Twenty Twenty” made a heart icon instead of the textual anchor and “add to cart button” is at right place. Does this mean I won’t be able to use an icon with my theme?

Thank you.

Hello there,

Thanks for your reply, we hope you are doing well ??

Thanks to this test we can see that the problem is being caused by your theme. Unfortunately, due to our support policy, we will not be able to help you solve this integration, but I recommend you contact the support of the theme you have configured and see if they can help you to make it work correctly.

Have a nice day!

Thank you.