• Resolved erdincyildiz

    (@erdincyildiz)


    Hi can you help me please with the icon on single product page? I want it after the “add to cart” button as a heart icon. The only way it’s working is showing an anchor text and non of the changes i make via yith settings apply.
    Thank you

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Juan Coronel

    (@juaancmendez)

    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!

    Thread Starter erdincyildiz

    (@erdincyildiz)

    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.

    Luciano Palmieri

    (@lucianopalmieri)

    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!

    Thread Starter erdincyildiz

    (@erdincyildiz)

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

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

    Thank you

    Luciano Palmieri

    (@lucianopalmieri)

    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!

    Thread Starter erdincyildiz

    (@erdincyildiz)

    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.

    Luciano Palmieri

    (@lucianopalmieri)

    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!

    Thread Starter erdincyildiz

    (@erdincyildiz)

    Thank you.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Product page icon’ is closed to new replies.