Ada 2 metode Pengiriman dan secara default tidak ada yang dipilih, pengguna harus memilih secara manual, sebagai hasilnya dikatakan pengiriman (undefined-undefined). Saya ingin item pertama harus dipilih secara otomatis jika tidak ada yang dipilih bagaimana hal ini dapat dilakukan di magento 2
Jawaban:
Seperti yang saya mengerti dari pertanyaan Anda adalah bahwa Anda ingin selalu memiliki metode pengiriman yang dipilih ketika seseorang datang pada halaman checkout.
Untuk mencapai ini, kita perlu mengganti javascript dari modul Magento_Checkout.
Hal pertama yang pertama, kita perlu membuat modul:
Namespace / Module / registration.php
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::MODULE,
'Namespace_Module',
__DIR__
);Namespace / Module / 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_Module" setup_version="1.0.0">
<sequence>
<module name="Magento_Checkout"/>
</sequence>
</module>
</config>Setelah ini, kita perlu membuat requirejs untuk menimpa js itu.
Namespace / Module / view / frontend / requireejs-config.js
var config = {
map: {
'*': {
'Magento_Checkout/js/model/checkout-data-resolver': 'Namespace_Module/js/model/checkout-data-resolver'
}
}
};Sekarang kita harus menyalin checkout-data-resolver.jsdari Magento_Checkout/view/frontend/web/js/modeldalam modul kita dengan jalur yang samaNamespace_Module/view/frontend/web/js/model
Setelah itu, kita perlu mengubah kondisi di dalam fungsi resolveShippingRates: function (ratesData)
Dari:
...
if (ratesData.length == 1) {
//set shipping rate if we have only one available shipping rate
selectShippingMethodAction(ratesData[0]);
return;
}
...Untuk:
...
if (ratesData.length >= 1) {
//set shipping rate if we have only one available shipping rate
selectShippingMethodAction(ratesData[0]);
return;
}
...Dan hanya itu, yang harus Anda lakukan sekarang adalah:
selectShippingMethodAction(ratesData[0]);turun sedikit lebih rendah dalam metode ini, setelah mencari metode yang sudah dipilih, sehingga tidak menimpa mereka.
if (ratesData.length >= 1) {
//set shipping rate if we have only one available shipping rate
selectShippingMethodAction(ratesData[0]);
return;
}Ini akan membuat tidak mungkin untuk memilih opsi pengiriman lainnya. Ini memecahkan masalah bagi saya:
if (ratesData.length == 1) {
//set shipping rate if we have only one available shipping rate;
selectShippingMethodAction(ratesData[0]);
return;
}
if (ratesData.length >= 1) {
//set shipping rate if we have only one available shipping rate
if(!selectedShippingRate) {
selectShippingMethodAction(ratesData[0]);
}
}Tidak perlu seluruh modul untuk mencapai perubahan ini. Anda dapat dengan mudah memperluas modul Checkout dan menimpa di dalam tema Anda.
Salin file js checkout-data-resolver.js
dari
vendor\magento\module-checkout\view\frontend\web\js\model
ke
app \ design \ frontend \ Namespace \ ThemeName \ Magento_Checkout \ web \ js \ model.
Temukan baris dengan kode berikut:
if (ratesData.length == 1) {
dan ganti dengan:
if (ratesData.length >= 1 && !selectedShippingRate) {
Yang mungkin ingin Anda lakukan adalah memilih metode pengiriman termurah secara default.
Dalam modul Anda sambil naik checkout-data-resolver, secara opsional Anda mungkin bisa menggunakan mixin sebagai gantinya.
var config = {
map: {
'*': {
'Magento_Checkout/js/model/checkout-data-resolver':'MyModule_Checkout/js/view/checkout-data-resolver'
}
}
}dalam metode resolShippingRates ubah seperti di bawah ini:
/**
* @param {Object} ratesData
*/
resolveShippingRates: function (ratesData) {
var selectedShippingRate = checkoutData.getSelectedShippingRate(),
availableRate = false;
//Added to find the cheapest rate
var lowestRateId = _.min(_.keys(ratesData), function(k) { return ratesData[k].amount; });
if (ratesData.length === 1) {
//set shipping rate if we have only one available shipping rate
selectShippingMethodAction(ratesData[0]);
return;
}
// added to select the cheapest rate if no method selected
if(lowestRateId && !selectedShippingRate && ratesData.length > 0) {
selectShippingMethodAction(ratesData[lowestRateId]);
}Sementara metode di atas menyarankan mengesampingkan fungsi js, saya akan merekomendasikan menggunakan mixins untuk menghindari bentrokan kode yang tidak perlu:
Di frontend Anda, needejs-config.js tambahkan yang berikut:
var config = {
config: {
mixins: {
'Magento_Checkout/js/model/checkout-data-resolver': {
'{Vendor}/{Module}/model/checkout-data-resolver': true
}
}
}
};Di checkout-data-resolver.js Anda
define([
'underscore',
'mage/utils/wrapper',
'Magento_Checkout/js/checkout-data',
'Magento_Checkout/js/action/select-shipping-method',
'Magento_Checkout/js/action/select-payment-method'
],function (_, wrapper, checkoutData, selectShippingMethodAction) {
'use strict';
return function (checkoutDataResolver) {
var resolveShippingRates = wrapper.wrap(
checkoutDataResolver.resolveShippingRates,
function (originalResolveShippingRates, ratesData) {
// select your shipping method here using the ratesData and selectShippingMethodAction
return originalResolveShippingRates(ratesData);
}
);
return _.extend(checkoutDataResolver, {
resolveShippingRates: resolveShippingRates
});
};
});Atau, Anda dapat mengunduh modul di sini yang memungkinkan Anda memilih metode pengiriman dan pembayaran default : Metode Pengiriman & Pembayaran Default [M2]
Siapa pun yang menggunakan onestepcheckout dapat mencoba ini:
if (ratesData.length >= 1) {
setTimeout(function(){
selectShippingMethodAction(ratesData[0]);
}, 500)
return;
}Saya tahu itu terlihat bodoh, tetapi karena alasan tertentu menambahkan bahwa penundaan benar-benar berhasil untuk saya. Biaya pengiriman memperbarui sendiri seperti ini.