YITH Wishlist Icon Issue
March 18, 2025 · AI Conversations
### **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. 🚀