1. মডিউলটির চেকআউট নির্ভরতা ঘোষণা করুন
অ্যাপ্লিকেশন / কোড / নামস্থান / moduleName জন্য / 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="NameSpace_ModuleName" setup_version="0.0.1" active="true">
<sequence>
<module name="Magento_Checkout"/>
</sequence>
</module>
</config>
2. চেকআউট লেআউটটি ওভাররাইট করুন
অ্যাপ্লিকেশন / কোড / নামস্থান / moduleName / দৃশ্য / ফ্রন্টএন্ড / লেআউট / checkout_index_index.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="checkout.root">
<arguments>
<argument name="jsLayout" xsi:type="array">
<item name="components" xsi:type="array">
<item name="checkout" xsi:type="array">
<item name="children" xsi:type="array">
<item name="steps" xsi:type="array">
<item name="children" xsi:type="array">
<item name="shipping-step" xsi:type="array">
<item name="children" xsi:type="array">
<item name="shippingAddress" xsi:type="array">
<item name="children" xsi:type="array">
<item name="shippingAdditional" xsi:type="array">
<item name="component" xsi:type="string">uiComponent</item>
<item name="displayArea" xsi:type="string">shippingAdditional</item>
<item name="children" xsi:type="array">
<item name="additional_block" xsi:type="array">
<item name="component" xsi:type="string">NameSpace_ModuleName/js/view/checkout/shipping/additional-block</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</argument>
</arguments>
</referenceBlock>
</body>
</page>
৩. জাভাস্ক্রিপ্ট ইউআই কম্পোনেন্ট তৈরি করুন
ম্যাজেন্টো 2 চেকআউট জাভাস্ক্রিপ্টে পরিচালনা করা হয় (নকআউট সহ)। সুতরাং আপনার একটি কাস্টম জেএস উপযুক্ত তৈরি করতে হবে need এটি চেকআউট ইউআই উপাদান এবং আপনার কাস্টম এইচটিএমএল টেমপ্লেটের মধ্যে লিঙ্ক তৈরি করবে।
অ্যাপ্লিকেশন / কোড / নামস্থান / moduleName / দৃশ্য / ফ্রন্টএন্ড / ওয়েব / JS / দৃশ্য / চেকআউট / জাহাজীকরণ / অতিরিক্ত-block.js
সংজ্ঞায়িত ([
'UiComponent'
], ফাংশন (উপাদান) {
'কঠোর ব্যবহার';
কম্পোনেন্ট.একস্টেন্ড ({
পূর্ব নির্ধারিত: {
টেমপ্লেট: 'নেমস্পেস_মডিউলনেম / চেকআউট / শিপিং / অতিরিক্ত-ব্লক'
}
});
});
৪. এইচটিএমএল টেমপ্লেট তৈরি করুন
তারপরে চেকআউটটিতে প্রদর্শিত HTML টেমপ্লেট তৈরি করুন।
অ্যাপ্লিকেশন / কোড / নামস্থান / moduleName / দৃশ্য / ফ্রন্টএন্ড / ওয়েব / টেমপ্লেট / চেকআউট / জাহাজীকরণ / অতিরিক্ত-block.html
<div class="checkout-block" id="block-custom">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p>Cum sociis natoque penatibus et magnis dis parturient montes.</p>
</div>
5. ক্যাশে সাফ করুন
অবশেষে নিম্নলিখিত কমান্ডগুলি চালান:
php bin/magento cache:clean
php bin/magento setup:upgrade
chmod -R 777 var/*
এখান থেকে সম্পূর্ণ উদাহরণ ডেমো মডিউল ডাউনলোড করুন