SOLVED
Ajax does not work second time.
I have created a custom module to update custom options.
It works with a button, however it does not work well with Ajax.
Do you have any suggestions for what I can do?
My post was removed when I was editing it to make it clear for everyone.
Frontend:
require(['jquery', 'Magento_Checkout/js/action/get-payment-information',
'Magento_Checkout/js/model/quote',
'mage/storage'], function($, getPaymentInformationAction, quote){
$(document).on( "click", ".product-custom-option", function() {
$('#loading-mask').show();
var data = $( "#form-validate" ).serialize();
data.form_key = window.FORM_KEY;
data.update_cart_action = "update_ajax_options";
$.ajax({
type: "POST",
url: "<?= $block->getUrl('checkout/cart/updatePost') ?>",
data: data + "&update_cart_action=update_ajax_options",
success: function (data) {
console.log(data.cartcontent);
var totalsData=data.subtotaldata.totalsData;
quote.setTotals(totalsData);
if(data.cartcontent && Number(totalsData.subtotal)>0){
$('.cart-container form#form-validate').replaceWith(data.cartcontent);
$('[data-block="minicart"]').trigger('contentLoading');
$('[data-block="totals"]').trigger('contentLoading');
$('.cart-sidebar .checkout-methods-items').replaceWith(data.checkout_method);
// $('.item-options').replaceWith(data.item-options);
$('.cart-sidebar').trigger('contentUpdated');
if ($(".messages")[0]){
$('.messages').replaceWith(data.page_messages);
}/**/
}
$('#loading-mask').hide();
},
failure: function (errMsg) {
console.log(errMsg);
$('#loading-mask').hide();
}
})
});
});in UpdatePost.php
public function execute()
{
$this->_objectManager->get(\Psr\Log\LoggerInterface::class)->addInfo("execute");
/** @var \Magento\Framework\Controller\Result\Json $resultJson */
if (!$this->_formKeyValidator->validate($this->getRequest())) {
// return $this->resultRedirectFactory->create()->setPath('*/*/');
}
$updateAction = (string)$this->getRequest()->getParam('update_cart_action');
switch ($updateAction) {
case 'empty_cart':
$this->_emptyShoppingCart();
break;
case 'update_qty':
$this->_updateShoppingCart();
break;
case 'update_ajax_options':
$this->_updateShoppingCart();
return $this->_getTotalsHtml();
break;
default:
$this->_updateShoppingCart();
}
return $this->_goBack();
}
protected function _getTotalsHtml()
{
$response2 = $this->resultFactory->create(ResultFactory::TYPE_PAGE);
$layout = $response2->addHandle('checkout_cart_index')->getLayout();
$response['cartcontent'] = $this->_view->getLayout()->getBlock('checkout.cart.form')->toHtml();
$response['checkout_method'] = $this->_view->getLayout()->getBlock('checkout.cart.methods.bottom')->toHtml();
$response['page_messages'] = $this->_view->getLayout()->getBlock('checkout.cart.validationmessages')->toHtml();
// $response['cart_item'] = $this->_view->getLayout()->getBlock('checkout.cart.item')->toHtml();
$response['content'] = $layout->renderNonCachedElement('checkout.cart.empty');
$cartQuote= $this->cart->getQuote()->setTotalsCollectedFlag(false)->collectTotals();
$response['subtotaldata'] = $this->_objectManager->create('Magento\Checkout\Model\DefaultConfigProvider')->getConfig();
$resultJson = $this->resultFactory->create(ResultFactory::TYPE_JSON);
$resultJson->setData($response);
$this->_checkoutSession->getQuote()->collectTotals()->save();
return $resultJson;
}
protected function _updateAjaxOptions(){
$this->_objectManager->get(\Psr\Log\LoggerInterface::class)->addInfo("_updateAjaxOptions");
$this->_updateShoppingCart();
return;
}
/**
* Reload cart to display custom options correctly in AJAX response
*/
protected function _reloadCart()
{
$currQuoteId = $this->_checkoutSession->getQuoteId();
$this->_checkoutSession->unsetAll();
$this->_checkoutSession->setQuoteId($currQuoteId);
$cart = $this->cart;
if ($cart->getQuote()->getItemsCount())
{
$cart->save();
}
}
/**
* Update customer's shopping cart
*
* @return void
*/
protected function _updateShoppingCart()
{
$this->_objectManager->get(\Psr\Log\LoggerInterface::class)->addInfo("_updateShoppingCart");
try {
$cartData = $this->getRequest()->getParam('cart');
$this->_checkoutSession->setMyValue($cartData);
if (is_array($cartData)) {
$filter = new \Zend_Filter_LocalizedToNormalized(
['locale' => $this->_objectManager->get(
\Magento\Framework\Locale\ResolverInterface::class
)->getLocale()]
);
foreach ($cartData as $index => $data) {
if (isset($data['qty'])) {
$cartData[$index]['qty'] = $filter->filter(trim($data['qty']));
}
}
if (!$this->cart->getCustomerSession()->getCustomerId() && $this->cart->getQuote()->getCustomerId()) {
$this->cart->getQuote()->setCustomerId(null);
}
$cartData = $this->cart->suggestItemsQty($cartData);
$this->cart->updateItems($cartData)->save();
$this->_reloadCart();
$this->_checkoutSession->setMyValue($cartData);
}
} catch (\Magento\Framework\Exception\LocalizedException $e) {
$this->messageManager->addError(
$this->_objectManager->get(\Magento\Framework\Escaper::class)->escapeHtml($e->getMessage())
);
} catch (\Exception $e) {
$this->messageManager->addException($e, __('We can\'t update the shopping cart.'));
$this->_objectManager->get(\Psr\Log\LoggerInterface::class)->critical($e);
}
}
1 ACCEPTED SOLUTION
Accepted Solutions
