BugWP logo BugWP
Back to Community
Home / Community / Plugin → Yith woocommerce wishlist

Troubleshooting the Missing YITH WooCommerce Wishlist Button: Common Causes and Fixes

28 threads Sep 10, 2025 Plugin → Yith woocommerce wishlist

Content

One of the most frequent issues users encounter with the YITH WooCommerce Wishlist plugin is the "Add to Wishlist" button not appearing where it should. This can be frustrating, but it's often caused by a few common conflicts. This guide will walk you through the primary reasons and their solutions.

Why Your Wishlist Button Might Be Missing

The plugin relies on standard WooCommerce hooks to automatically place the button on product pages, shop loops, and other locations. When these standard hooks are not used, or when other code interferes, the button can disappear, appear in the wrong place, or look incorrect.

Common Solutions to Try

1. Theme Conflicts (Especially with Flatsome)

Many themes, particularly Flatsome, have their own built-in wishlist functionality that can conflict with the YITH plugin. This is a leading cause of missing buttons, strange button placement, or styling issues.

Solution: The YITH WooCommerce Wishlist team often suggests adding a specific code snippet to your theme's functions.php file to resolve conflicts with Flatsome. Always add this to a child theme to prevent your changes from being overwritten by updates.

if ( defined( 'YITH_WCWL' ) ) {
    if( ! function_exists( 'yith_wcwl_enqueue_back_required_assets' ) ) {
        function yith_wcwl_enqueue_back_required_assets() {
            $suffix  = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
            $version = defined( 'WC_VERSION' ) ? WC_VERSION : '';
            wp_enqueue_style( 'woocommerce_prettyPhoto_css', plugins_url( 'assets/css/prettyPhoto.css', WC_PLUGIN_FILE ), array(), $version );
            wp_enqueue_script( 'prettyPhoto', plugins_url( 'assets/js/prettyPhoto/jquery.prettyPhoto' . $suffix . '.js', WC_PLUGIN_FILE ), array( 'jquery' ), '3.1.6' );
            wp_enqueue_script( 'prettyPhoto-init', plugins_url( 'assets/js/prettyPhoto/jquery.prettyPhoto.init' . $suffix . '.js', WC_PLUGIN_FILE ), array( 'jquery' ), $version );
            wp_enqueue_style( 'yith-wcwl-main', YITH_WCWL_URL . 'assets/css/style.css', array( 'jquery-selectBox' ) );
        }
        add_action( 'wp_enqueue_scripts', 'yith_wcwl_enqueue_back_required_assets', 15 );
    }
}

2. Custom Product Loops and Gutenberg Blocks

The button may not appear on your homepage or other custom pages because they are built with page builders (like WPBakery/Visual Composer) or WooCommerce Gutenberg blocks. These elements often do not use the standard WooCommerce hooks the plugin needs.

Solution: For custom loops, you may need to manually insert the button using its shortcode. You can place the following shortcode in your template file, replacing 123 with the dynamic product ID.

<?php echo do_shortcode( '[yith_wcwl_add_to_wishlist product_id="123"]' ); ?>

3. CSS Conflicts Hiding the Button

Sometimes the button is actually on the page but is being hidden by your theme's CSS rules. This can make it appear as if it's missing entirely.

Solution: Inspect your page using a browser's developer tools. If you find the button is hidden, you can add custom CSS to override the theme's styles. A common fix is to ensure the button's container is displayed correctly.

.yith-wcwl-add-to-wishlist {
    display: inline-block !important;
    float: none;
    background: none;
    border: none;
    padding: 0;
}

4. Configuration and Plugin Conflicts

Incorrect settings or conflicts with other plugins can also cause problems.

Solution: Perform basic troubleshooting steps:

  • Check Your Settings: Go to YITH > Wishlist > Add to Wishlist options and confirm the button is enabled and positioned correctly for product and shop pages.
  • Switch Themes: Temporarily switch to a default WordPress theme like Twenty Twenty-Two. If the button appears, the issue is with your main theme.
  • Disable Other Plugins: Deactivate all plugins except for WooCommerce and YITH Wishlist. If the button works, reactivate your other plugins one by one to identify the culprit.

When to Look for More Specialized Help

If your theme or page builder has heavily customized WooCommerce templates, the standard fixes may not work. In these cases, you may need to consult your theme's documentation or development team for guidance on properly integrating third-party plugin functionality into their custom templates.

By methodically working through these common issues, you can usually identify and resolve the problem causing your wishlist button to vanish.

Related Support Threads Support