On top of image postioning of wishlist not working

  • Hi There,

    YITH WooCommerce Wishlist dosent work as the documentation suggests. I have set the wishlist loop setting to display “Over image” but for some reason its appearing below the price. on the category pages.

    can you please advise me on how to get the Heart icon appearing ontop of the images in my shop.

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

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

    (@juaancmendez)

    Hello there,
    we hope you’re doing well!

    In order to fix that issue, try adding the following code to your active theme’s functions.php file:

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

	function wp_enqueue_scripts_wcwl_custom() {
	   $jquery = '
			jQuery( document ).ready( function( $ ){
				$( ".yith-wcwl-add-to-wishlist" ).each( function() {
                         let container = jQuery( this ).closest( ".pp-woo-product-wrapper" );
                         jQuery( this ).insertBefore( container );
                    });
			});';
	   wp_add_inline_script('jquery-yith-wcwl', $jquery);
	   wp_add_inline_script('jquery-yith-wcwl-user', $jquery);
	}
 
	add_action( 'wp_enqueue_scripts', 'wp_enqueue_scripts_wcwl_custom', 99 );
 
}

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

    ul.products li.product .yith-wcwl-add-to-wishlist {
    text-align: left !important;
    position: relative !important;
    top: 30px !important;
    left: 10px !important;
    z-index: 1 !important;
}

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

    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘On top of image postioning of wishlist not working’ is closed to new replies.