Es gibt 2 Versandmethoden und standardmäßig ist niemand ausgewählt. Der Benutzer muss manuell eine auswählen. Infolgedessen wird Versand (undefiniert-undefiniert) angezeigt. Ich möchte, dass das erste Element automatisch ausgewählt wird, wenn keines ausgewählt ist, wie dies in Magento 2 durchgeführt werden kann
Antworten:
Wie ich aus Ihrer Frage verstanden habe, möchten Sie immer eine Versandart auswählen, wenn jemand auf die Checkout-Seite kommt.
Um dies zu erreichen, müssen wir ein Javascript aus dem Magento_Checkout-Modul überschreiben.
Zuerst müssen wir ein Modul erstellen:
Namespace / Module / register.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>Danach müssen wir die requirejs erstellen, um diese js zu überschreiben.
Namespace / Module / view / frontend / requirejs-config.js
var config = {
map: {
'*': {
'Magento_Checkout/js/model/checkout-data-resolver': 'Namespace_Module/js/model/checkout-data-resolver'
}
}
};Jetzt müssen wir kopieren checkout-data-resolver.jsvon Magento_Checkout/view/frontend/web/js/modelin unserem Modul mit dem gleichen PfadNamespace_Module/view/frontend/web/js/model
Danach müssen wir eine Bedingung innerhalb der Funktion ändern resolveShippingRates: function (ratesData)
Von:
...
if (ratesData.length == 1) {
//set shipping rate if we have only one available shipping rate
selectShippingMethodAction(ratesData[0]);
return;
}
...Zu:
...
if (ratesData.length >= 1) {
//set shipping rate if we have only one available shipping rate
selectShippingMethodAction(ratesData[0]);
return;
}
...Und das ist alles, was Sie jetzt tun müssen, ist:
selectShippingMethodAction(ratesData[0]);hinzugefügt, um in der Methode etwas niedriger zu sein, nachdem nach den bereits ausgewählten Methoden gesucht wurde, damit sie nicht überschrieben werden.
if (ratesData.length >= 1) {
//set shipping rate if we have only one available shipping rate
selectShippingMethodAction(ratesData[0]);
return;
}Dadurch ist es unmöglich, eine andere Versandoption auszuwählen. Dies löst das Problem für mich:
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]);
}
}Es ist nicht erforderlich, dass das gesamte Modul diese Änderung erreicht. Sie können das Checkout-Modul einfach erweitern und in Ihrem Thema überschreiben.
Kopieren Sie die js-Datei checkout-data-resolver.js
von
vendor\magento\module-checkout\view\frontend\web\js\model
nach
app \ design \ frontend \ Namespace \ ThemeName \ Magento_Checkout \ web \ js \ model.
Suchen Sie die Zeile mit dem folgenden Code:
if (ratesData.length == 1) {
und ersetzen Sie sie durch:
if (ratesData.length >= 1 && !selectedShippingRate) {
Was Sie wahrscheinlich tun möchten, ist standardmäßig die günstigste Versandart auszuwählen.
Optional können Sie in Ihrem Modul-Over-Ride-Checkout-Daten-Resolver möglicherweise stattdessen ein Mixin verwenden.
var config = {
map: {
'*': {
'Magento_Checkout/js/model/checkout-data-resolver':'MyModule_Checkout/js/view/checkout-data-resolver'
}
}
}Ändern Sie in der resolveShippingRates-Methode Folgendes:
/**
* @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]);
}Während die oben genannten Methoden vorschlagen, die js-Funktionen zu überschreiben, würde ich die Verwendung von Mixins empfehlen, um unnötige Codekonflikte zu vermeiden:
Fügen Sie in Ihrem Frontend requirejs-config.js Folgendes hinzu:
var config = {
config: {
mixins: {
'Magento_Checkout/js/model/checkout-data-resolver': {
'{Vendor}/{Module}/model/checkout-data-resolver': true
}
}
}
};In Ihrer checkout-data-resolver.js
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
});
};
});Alternativ können Sie das Modul hier herunterladen, mit dem Sie eine Standardversand- und Zahlungsmethode auswählen können: Standardversand- und Zahlungsmethode [M2]
Jeder, der onestepcheckout verwendet, kann dies versuchen:
if (ratesData.length >= 1) {
setTimeout(function(){
selectShippingMethodAction(ratesData[0]);
}, 500)
return;
}Ich weiß, dass es dumm aussieht, aber aus irgendeinem Grund hat das Hinzufügen dieser Verzögerung wirklich für mich funktioniert. Die Versandkosten aktualisieren sich so.