Magento2.4 Add Product to Cart with Customizable Option – How to Guide

addtocartcustomizable-optionsmagento2phtml

I am trying to add a product to cart with a customizable option. I can add simple products, but I have not successfully been able to add a product with an option. The product will eventually be added dynamically but I just want a hard coded example right now to build off of.

Custom options are:

I would prefer just a simple objectManager example that will work in a phtml file to keep things simple and straight forward. But I will appreciate/accept any answer that works.

My current code:

$productId = 4;
$obj = \Magento\Framework\App\ObjectManager::getInstance();
$product = $viewModel->getLoadProduct($productId);
$cart = $obj->create('Magento\Checkout\Model\Cart');    
$params = array();      
$params['qty'] = 10;
$params['product'] = $productId;
$options = array();
$options['title'] = 'Rustic';
$params['options'] = $options;
$cart->addProduct($product, $params);
$cart->save();

I get this error:

Exception #0 (Magento\Framework\Exception\LocalizedException): The product's required option(s) weren't entered. Make sure the options are entered and try again.

Best Answer

Wrong

$options['title'] = 'Rustic';

Right

Hard Coded:

$options[2] = 3;

Dynamic:

$options[$optionTypeId] = $optionId;

The key: 2 is the optionTypeId.

The val: 3 is the optionId.

Accessible by loading product by Id, ex:

$loadedProduct = $viewModel->getLoadProduct($loadedProductId);
foreach ($loadedProduct->getOptions() as $options) {
            $optionData = $options->getValues();
            foreach ($optionData as $data) {
                $customizableOptions = $data->getData();
                print_r($customizableOptions);
            }
        }

You can also add the product to the cart and Inspect the Form Data Headers to see the option ID's:

Related Solutions

Magento 2 – How to Add a New Customizable Product Option

I ended up creating an additional plugin:

for the di.xml:

<type name="Magento\Catalog\Model\Product\Option">
    <plugin name="<vendor>_<module>_option" type="<vendor>\<module>\Plugin\Catalog\Model\Product\OptionPlugin"
            sortOrder="1"/>
</type>

The plugin:

<?php

namespace <vendor>\<module>\Plugin\Catalog\Model\Product;

use Magento\Catalog\Model\Product\Option;
use Magento\Framework\Exception\LocalizedException;
use Magento\Framework\Stdlib\StringUtils;

class OptionPlugin
{

    /**
     * Product option factory
     *
     * @var \Magento\Catalog\Model\Product\Option\Type\Factory
     */
    protected $optionTypeFactory;

    /**
     * @var \Magento\Framework\Stdlib\StringUtils
     */
    protected $string;

    public function __construct(
        \Magento\Catalog\Model\Product\Option\Type\Factory $optionFactory,
        StringUtils $string
    )
    {
        $this->optionTypeFactory = $optionFactory;
        $this->string = $string;
    }

    /**
     * Group model factory
     *
     * @param Option $subject
     * @param $proceed
     * @param string $type
     *
     * @return \Magento\Catalog\Model\Product\Option\Type\DefaultType
     * @throws LocalizedException
     */
    public function aroundGroupFactory(Option $subject, callable $proceed, $type = null)
    {
        try {
            $result =  $proceed($type);
            return $result;
        } catch (LocalizedException $ex) {
            $group = $this->getGroupByType($type);
            if (!empty($group)) {
                return $this->optionTypeFactory->create(
                    '<vendor>\<module>\Model\Product\Option\Type\\' . $this->string->upperCaseWords($group)
                );
            }
            throw new LocalizedException(__('The option type to get group instance is incorrect.'));
        }
    }

    private function getGroupByType($type = null)
    {
        $optionGroupsToTypes = [
            \<vendor>\<module>\Model\Product\Option::OPTION_TYPE_DATEPICKER => \<vendor>\<module>\Model\Product\Option::OPTION_GROUP_DATEPICKER,
        ];

        return isset($optionGroupsToTypes[$type]) ? $optionGroupsToTypes[$type] : '';
    }
}

Magento – Magento 2: Add a product to the cart programmatically

protected $formKey;   
protected $cart;
protected $product;

public function __construct(
\Magento\Framework\App\Action\Context $context,
\Magento\Framework\Data\Form\FormKey $formKey,
\Magento\Checkout\Model\Cart $cart,
\Magento\Catalog\Model\Product $product,
array $data = []) {
    $this->formKey = $formKey;
    $this->cart = $cart;
    $this->product = $product;      
    parent::__construct($context);
}

public function execute()
 { 
  $productId =10;
  $params = array(
                'form_key' => $this->formKey->getFormKey(),
                'product' => $productId, //product Id
                'qty'   =>1 //quantity of product                
            );              
    //Load the product based on productID   
    $_product = $this->product->load($productId);       
    $this->cart->addProduct($_product, $params);
    $this->cart->save();
 }

Best Answer

Related Solutions

Magento 2 – How to Add a New Customizable Product Option

Magento – Magento 2: Add a product to the cart programmatically

Related Topic