How to “Add to Wishlist” Without Redirecting to Wishlist Page in Magento 2

Hello Magento Friends,

Welcome again to Magento How to blog series by MageComp. Today I will justify How to “Add to Wishlist” Without Redirecting to Wishlist Page in Magento 2.

The primary goal of every E-commerce store is to enhance customer satisfaction. Providing customers the option to add their wished products to the wishlist, makes their future purchases more easily. For that, you need to configure the wishlist in Magento 2.

When the customer adds the item to the wishlist, the customer gets redirected to the wishlist page in default Magento. This interrupts the shopping journey of customers and the customer may not even come back to surf other products.

To avoid this, you can eliminate wishlist page redirection when the customer clicks on “Add to Wishlist”. So let’s look at the steps on How to “Add to Wishlist” Without Redirecting to Wishlist Page in Magento 2.

Steps to “Add to Wishlist” Without Redirecting to Wishlist Page in Magento 2:

Step 1: First you need to go to the below path

app\code\Vendor\Extension\etc\di.xml

And add the below code

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <preference for="Magento\Wishlist\Controller\Index\Add" type="Vendor\Extension\Controller\Index\Add" />
</config>

Step 2: Next, navigate to the below path

app\code\Vendor\Extension\Controller\Index\Add.php

And add the code as mentioned below:

<?php

namespace Vendor\Extension\Controller\Index;

use Magento\Catalog\Api\ProductRepositoryInterface;
use Magento\Framework\App\Action;
use Magento\Framework\Data\Form\FormKey\Validator;
use Magento\Framework\Exception\NotFoundException;
use Magento\Framework\Exception\NoSuchEntityException;
use Magento\Framework\Controller\ResultFactory;

class Add extends \Magento\Wishlist\Controller\Index\Add
{
    public function execute()
    {
        $resultRedirect = $this->resultFactory->create(ResultFactory::TYPE_REDIRECT);
        if (!$this->formKeyValidator->validate($this->getRequest()))
        {
            return $resultRedirect->setPath('*/');
        }

        $wishlist = $this->wishlistProvider->getWishlist();
        if (!$wishlist)
        {
            throw new NotFoundException(__('Page not found.'));
        }

        $customer_session = $this->_customerSession;

        $reqparams = $this->getRequest()->getParams();

        if ($customer_session->getBeforeWishlistRequest())
        {
            $reqparams = $customer_session->getBeforeWishlistRequest();
            $customer_session->unsBeforeWishlistRequest();
        }

        $product_id = isset($reqparams['product']) ? (int)$reqparams['product'] : null;
        if (!$product_id)
        {
            $resultRedirect->setPath('*/');
            return $resultRedirect;
        }

        try
        {
            $product = $this->productRepository->getById($product_id);
        }
        catch (NoSuchEntityException $e)
        {
            $product = null;
        }

        if (!$product || !$product->isVisibleInCatalog())
        {
            $this->messageManager->addErrorMessage(__('We can\'t specify a product.'));
            $resultRedirect->setPath('*/');
            return $resultRedirect;
        }

        try
        {
            $buyRequest = new \Magento\Framework\DataObject($reqparams);

            $result = $wishlist->addNewItem($product, $buyRequest);
            if (is_string($result))
            {
                throw new \Magento\Framework\Exception\LocalizedException(__($result));
            }
            if ($wishlist->isObjectNew())
            {
                $wishlist->save();
            }
            $this->_eventManager->dispatch(
                'wishlist_add_product',
                ['wishlist' => $wishlist, 'product' => $product, 'item' => $result]
            );

            $referer = $customer_session->getBeforeWishlistUrl();
            if ($referer)
            {
                $customer_session->setBeforeWishlistUrl(null);
            }
            else
            {
                $referer = $this->_redirect->getRefererUrl();
            }

            $this->_objectManager->get(\Magento\Wishlist\Helper\Data::class)->calculate();

            $this->messageManager->addComplexSuccessMessage(
                'addProductSuccessMessage',
                [
                    'product_name' => $product->getName(),
                    'referer' => $referer
                ]
            );
        }
        catch (\Magento\Framework\Exception\LocalizedException $e)
        {
            $this->messageManager->addErrorMessage(
                __('We can\'t add the item to Wish List: %1.', $e->getMessage())
            );
        }
        catch (\Exception $e)
        {
            $this->messageManager->addExceptionMessage(
                $e,
                __('We can\'t add the item to Wish List.')
            );
        }

        $resultRedirect->setUrl($this->_redirect->getRefererUrl());
        return $resultRedirect;
    }
}

Conclusion:

Hopefully, now you can easily allow customers to “Add to Wishlist” Without Redirecting to Wishlist Page in Magento 2. In case you face difficulties while performing the above steps, just mention them in the comment part and I will get back to you. Do spread the article amongst your Magento colleagues and through social media. Stay in touch with us so that you do not miss out on useful solutions for your Magento 2 store.

Happy Coding!