How to get list of Wishlist product on popup in homepage?

Question

I have added a wishlist icon on my header, I need to show my list of wishlist product if customer click the wishlist icon as a popup. Any reference thanks.

Answer 1

1. Create Block file on following location:

app\code\Vendor\Extension\Block\WishlistProducts.php

   namespace Vendor\Extension\Block;
    
    use Magento\Framework\View\Element\Template\Context;
    use Magento\Catalog\Model\ResourceModel\Product\CollectionFactory;
    use Magento\Wishlist\Model\ResourceModel\Item\CollectionFactory as WishlistCollectionFactory;
    use Magento\Customer\Model\Session,
    
    
    class WishlistProducts extends \Magento\Framework\View\Element\Template
    {
        protected $_wishlistCollectionFactory;
        protected $_customerSession;
        protected $_productCollectionFactory;
    
        public function __construct(Context $context,
            CollectionFactory $productCollectionFactory,
            WishlistCollectionFactory $wishlistCollectionFactory,
            Session $customerSessio
        ) {
            $this->_productCollectionFactory = $productCollectionFactory;
            $this->_wishlistCollectionFactory = $wishlistCollectionFactory;
            $this->_customerSession = $customerSessio;
        }
        
        public function getWishlistProductCollection()
        {
            $collection = [];
            if ($this->_customerSession->isLoggedIn()) {
                $wishlist = $this->_wishlistCollectionFactory->create()
                    ->addCustomerIdFilter($this->_customerSession->getCustomer()->getId());
    
                $productIds = null;
                foreach ($wishlist as $product) {
                    $productIds[] = $product->getProductId();
                }
                
                $collection = $this->_productCollectionFactory->create()->addIdFilter($productIds);
                $collection = $this->_addProductAttributesAndPrices($collection)->addStoreFilter($this->getStoreId());
            }
            return $collection;
        }
    }

2. now create phtml file and assign above block class, and then do code like this :

   <?php
       $collection = $block->getWishlistProductCollection();
       foreach ($collection as $_product) 
       {
               echo $product->getName();
               echo $product->getProductUrl();
       }
   

Answer 2

Refer to the article: https://www.mageplaza.com/devdocs/get-wishlist-products-collection-magento-2.html Please tell me if it helps!