আপনি কীভাবে ম্যাজেন্টো 2-তে মিনিটকার্টে একটি "খালি কার্ট" বোতাম যুক্ত করতে পারেন ।
এক্সএমএল লেআউট দিয়ে এটি সম্ভব?
মিনিকিয়ার্টে কীভাবে "খালি কার্ট" বোতাম যুক্ত করা যায়
উত্তর:
আমি আপনার প্রশ্নের জন্য একটি সঠিক মডিউল তৈরি করেছি:
আমাদের কাস্টম জেএস উপাদান এবং এইচটিএমএল টেমপ্লেট ঘোষণা করতে হবে:
অ্যাপ্লিকেশন / কোড / বিক্রেতা / MiniCart / দৃশ্য / ফ্রন্টএন্ড / লেআউট / default.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="minicart">
<arguments>
<argument name="jsLayout" xsi:type="array">
<item name="types" xsi:type="array"/>
<item name="components" xsi:type="array">
<item name="minicart_content" xsi:type="array">
<item name="component" xsi:type="string">Vendor_MiniCart/js/view/minicart</item>
<item name="config" xsi:type="array">
<item name="template" xsi:type="string">Vendor_MiniCart/minicart/content</item>
</item>
</item>
</item>
</argument>
</arguments>
</referenceBlock>
</body>
</page>
অ্যাপ্লিকেশন / কোড / বিক্রেতা / MiniCart / দৃশ্য / ফ্রন্টএন্ড / ওয়েব / JS / দৃশ্য / minicart.js
define([
'jquery',
'Magento_Checkout/js/view/minicart',
'Magento_Ui/js/modal/alert',
'Magento_Ui/js/modal/confirm'
], function ($ ,Component, alert, confirm) {
'use strict';
return Component.extend({
confirmMessage: $.mage.__('Are you sure you would like to remove all items from the shopping cart?'),
emptyCartUrl: window.checkout.emptyMiniCart,
emptyCartAction: function (element) {
var self = this,
href = self.emptyCartUrl;
$(element).on('click', function () {
var el = this;
confirm({
content: self.confirmMessage,
actions: {
confirm: function () {
self._removeAllItems(href, el);
},
always: function (event) {
event.stopImmediatePropagation();
}
}
});
});
},
_removeAllItems: function (href, elem) {
$.ajax({
url: href,
type: 'post',
dataType: 'json',
beforeSend: function () {
$(elem).attr('disabled', 'disabled');
},
complete: function () {
$(elem).attr('disabled', null);
}
}).done(function (response) {
if (!response.errors) {
} else {
var msg = response.message;
if (msg) {
alert({
content: msg
});
}
}
}).fail(function (error) {
console.log(JSON.stringify(error));
});
}
});
});
emptyCartUrl: window.checkout.emptyMiniCart,আমরা চেকআউট কনফিগারেশন থেকে খালি লিঙ্কটি পেয়ে যাব: app/code/Vendor/MiniCart/Plugin/Cart/ConfigPlugin.php(পরে ঘোষণা করুন)।
আমরা আসল ফাইল থেকে minicart বিষয়বস্তু কপি করা প্রয়োজন: vendor/magento/module-checkout/view/frontend/web/template/minicart/content.html। এবং তারপরে, আমাদের কাস্টম ফাইলে, আমাদের ক্রিয়া পাঠ্য যুক্ত করতে হবে:
অ্যাপ্লিকেশন / কোড / বিক্রেতা / MiniCart / দৃশ্য / ফ্রন্টএন্ড / ওয়েব / টেমপ্লেট / minicart / content.html
<!-- ko if: getCartParam('summary_count') -->
<div class="actions">
<div class="secondary">
<a class="action empty-cart" id="empty-minicart" data-bind="afterRender: emptyCartAction">
<span><!-- ko i18n: 'Empty Cart Now' --><!-- /ko --></span>
</a>
</div>
</div>
<!-- /ko -->
চেকআউট কনফিগারেশনে খালি লিঙ্কটি যুক্ত করতে ডিআইকে ঘোষণা করুন:
অ্যাপ্লিকেশন / কোড / বিক্রেতা / MiniCart জন্য / etc / ফ্রন্টএন্ড / di.xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
<type name="Magento\Checkout\Block\Cart\Sidebar">
<plugin name="empty_cart_url" type="Vendor\MiniCart\Plugin\Cart\ConfigPlugin" sortOrder="20" />
</type>
</config>
অ্যাপ্লিকেশন / কোড / বিক্রেতা / MiniCart / প্লাগইন / কার্ট / ConfigPlugin.php
<?php
namespace Vendor\MiniCart\Plugin\Cart;
use Magento\Framework\UrlInterface;
class ConfigPlugin
{
/**
* @var UrlInterface
*/
protected $url;
/**
* ConfigPlugin constructor.
* @param UrlInterface $url
*/
public function __construct(
UrlInterface $url
) {
$this->url = $url;
}
/**
* @param \Magento\Checkout\Block\Cart\Sidebar $subject
* @param array $result
* @return array
*/
public function afterGetConfig(
\Magento\Checkout\Block\Cart\Sidebar $subject,
array $result
) {
$result['emptyMiniCart'] = $this->url->getUrl('minicart/cart/emptycart');
return $result;
}
}
এখন, আমাদের নিয়ামক তৈরি করতে হবে:
অ্যাপ্লিকেশন / কোড / বিক্রেতা / MiniCart জন্য / etc / ফ্রন্টএন্ড / routes.xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
<router id="standard">
<route id="minicart" frontName="minicart">
<module name="Vendor_MiniCart" />
</route>
</router>
</config>
অ্যাপ্লিকেশন / কোড / বিক্রেতা / MiniCart / কন্ট্রোলার / কার্ট / EmptyCart.php
<?php
namespace Vendor\MiniCart\Controller\Cart;
use Magento\Framework\Controller\Result\JsonFactory;
use Magento\Framework\Json\Helper\Data;
use Magento\Framework\App\Action\Action;
use Magento\Framework\App\Action\Context;
use Magento\Checkout\Model\Session;
use Psr\Log\LoggerInterface;
class EmptyCart extends Action
{
/**
* @var Session
*/
protected $checkoutSession;
/**
* @var JsonFactory
*/
protected $jsonFactory;
/**
* @var Data
*/
protected $jsonHelper;
/**
* @var LoggerInterface
*/
protected $logger;
/**
* @var Magento\Checkout\Model\Cart
*/
protected $cart;
/**
* EmptyCart constructor.
*
* @param Context $context
* @param Session $session
* @param JsonFactory $jsonFactory
* @param Data $jsonHelper
* @param LoggerInterface $logger
*/
public function __construct(
Context $context,
Session $session,
JsonFactory $jsonFactory,
Data $jsonHelper,
LoggerInterface $logger,
\Magento\Checkout\Model\Cart $cart
) {
$this->checkoutSession = $session;
$this->jsonFactory = $jsonFactory;
$this->jsonHelper = $jsonHelper;
$this->logger = $logger;
$this->cart = $cart;
parent::__construct($context);
}
/**
* Ajax execute
*
*/
public function execute()
{
$response = [
'errors' => false
];
if ($this->getRequest()->isAjax()) {
try {
$this->cart->truncate()->save();
$response['message'] = __('Empty Cart.');
} catch (\Exception $e) {
$response = [
'errors' => true,
'message' => __('Some thing went wrong.')
];
$this->logger->critical($e);
}
} else {
$response = [
'errors' => true,
'message' => __('Need to access via Ajax.')
];
}
/** @var \Magento\Framework\Controller\Result\Raw $resultRaw */
$resultJson = $this->jsonFactory->create();
return $resultJson->setData($response);
}
}
কার্ট বিভাগটি পুনরায় লোড করা দরকার:
অ্যাপ্লিকেশন / কোড / বিক্রেতা / MiniCart জন্য / etc / ফ্রন্টএন্ড / sections.xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Customer:etc/sections.xsd">
<action name="minicart/cart/empty">
<section name="cart"/>
</action>
</config>
তৈরি করতে ভুলবেন না registration.phpএবংmodule.xml
অ্যাপ্লিকেশন / কোড / বিক্রেতা / MiniCart / registration.php
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::MODULE,
'Vendor_MiniCart',
__DIR__
);
অ্যাপ্লিকেশন / কোড / বিক্রেতা / MiniCart জন্য / etc / module.xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
<module name="Vendor_MiniCart" setup_version="1.0.0"/>
</config>
[চিত্রগুলি ডেমো]
মিনি কার্ট:
বার্তা নিশ্চিতকরণ:
যেমন বিস্তারিত এবং সম্পূর্ণ সমাধানের জন্য ধন্যবাদ! এটি খালি কার্টের কোড ব্যতীত কাজ করেছিল। এটি ২.১.১০ তে কাজ করার জন্য আমাকে এটিকে কিছুটা পেস্টবিন.
—
com
@ ভাইপ্রেট আমি আপনার সাথে একমত ব্যবহার করা উচিত
—
খোয়া ট্রুংডিনহ
$this->cart->truncate()->save();। আমার উত্তর সম্পাদনা করতে নির্দ্বিধায়।
@ খোয়া ট্রুংডিনহ মিনি কার্ট উপরের কোডটি প্রয়োগের পরে কেবল "খালি কার্ট এখন" বোতাম দেখায়। কোন সমাধান?
—
বিশাল
আমার ম্যাজেন্টো সংস্করণটি 2.2.6। তুমি কি আমাকে সাহায্য করবে?
—
রোহান হাপানী