YITH Wishlist Icon Issue

User
Ytth wishlist icon not showing in header
Assistant
If the wishlist icon for the **YITH WooCommerce Wishlist** plugin is not showing in the header, try these troubleshooting steps:

### **1. Check YITH Wishlist Settings**
– Go to **WooCommerce > YITH > Wishlist** settings.
– Ensure that the **"Show Wishlist in Menu"** option is enabled.
– If not, enable it and save changes.

### **2. Add Wishlist Icon to Header Manually**
If the automatic display isn't working, add the wishlist icon manually in the theme header:

#### **For PHP Themes (Like Divi, Astra, or Custom Themes)**
Add this to `header.php` or in your theme's **header widget area**:

<?php echo do_shortcode('[yith_wcwl_items_count]'); ?>

or

<?php echo do_shortcode('[yith_wcwl_wishlist]'); ?>

#### **For Elementor Header**
– Edit the header using Elementor.
– Use the **"Shortcode"** widget and add:

[yith_wcwl_wishlist]

– Save and check if the icon appears.

### **3. Check Menu Assignments**
– Go to **Appearance > Menus**.
– Ensure the Wishlist page is added to the menu.

### **4. Check for CSS Conflicts**
Sometimes, the icon is present but hidden due to CSS conflicts. Use your browser’s **Inspect Element** (F12) to check if the wishlist icon exists but is hidden. If it's `display: none;`, add this custom CSS:

.yith-wcwl-icon {
    display: inline-block !important;
    visibility: visible !important;
}

### **5. Check Plugin Conflicts**
– Disable other plugins one by one (especially caching, minification, or menu-related plugins).
– If the icon appears after disabling a plugin, that plugin might be conflicting.

### **6. Clear Cache**
– If you use **WP Super Cache, W3Speedster, or Cloudflare**, clear the cache.
– Try disabling caching plugins and checking again.

### **7. Update Plugins & Theme**
– Ensure **YITH Wishlist Plugin**, **WooCommerce**, and your **theme** are updated.

### **8. Use the Avada Fusion Builder (If Using Avada)**
If you're using **Avada Fusion Builder**, you may need to add the wishlist shortcode inside the header layout.

Try these steps and let me know if the issue persists. 🚀

Leave a Comment

Your email address will not be published. Required fields are marked *