Como definir o método de envio padrão no caso de vários métodos de envio no magento 2?

Existem 2 métodos de envio e, por padrão, ninguém é selecionado, o usuário precisa selecionar um manualmente, como resultado, envio (indefinido-indefinido). Eu quero que o primeiro item seja selecionado automaticamente se não estiver selecionado como isso pode ser feito no magento 2

Como entendi da sua pergunta, você deseja sempre ter um método de envio selecionado quando alguém entrar na página de checkout.

Para conseguir isso, precisamos substituir um javascript do módulo Magento_Checkout.

Primeiramente, precisamos criar um módulo:

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>

Depois disso, precisamos criar os requirejs para substituir esses js.

Namespace / Module / view / frontend / requirejs-config.js

var config = {
    map: {
        '*': {
            'Magento_Checkout/js/model/checkout-data-resolver': 'Namespace_Module/js/model/checkout-data-resolver'
        }
    }
};

Agora temos que copiar checkout-data-resolver.jsa partir Magento_Checkout/view/frontend/web/js/modeldo nosso módulo com o mesmo caminhoNamespace_Module/view/frontend/web/js/model

Depois disso, precisamos alterar uma condição dentro da função resolveShippingRates: function (ratesData)

De:

            ...

            if (ratesData.length == 1) {
                //set shipping rate if we have only one available shipping rate
                selectShippingMethodAction(ratesData[0]);

                return;
            }

            ...

Para:

           ...

            if (ratesData.length >= 1) {
                //set shipping rate if we have only one available shipping rate
                selectShippingMethodAction(ratesData[0]);

                return;
            }

            ...

E é isso, tudo o que você precisa fazer agora é:

• Ative o módulo: php bin / magento module: enable Namespace_Module
• Execute uma atualização de instalação: php bin / magento setup: upgrade
• Faça uma implementação estática: php bin / magento setup: static-content: deploy

if (ratesData.length >= 1) {
  //set shipping rate if we have only one available shipping rate
  selectShippingMethodAction(ratesData[0]);

  return;
}

Isso tornará impossível selecionar qualquer outra opção de envio. Isso resolve o problema para mim:

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]);
    }
}

Não há necessidade de todo o módulo alcançar essa alteração. Você pode estender o módulo do Google Checkout e substituir seu tema.

1. Copie o arquivo js checkout-data-resolver.js
   de
   vendor\magento\module-checkout\view\frontend\web\js\model
   para
   app \ design \ frontend \ Namespace \ ThemeName \ Magento_Checkout \ web \ js \ model.

2. Localize a linha com o seguinte código:
   if (ratesData.length == 1) {
   e substitua-o por:
   if (ratesData.length >= 1 && !selectedShippingRate) {

O que você provavelmente deseja fazer é selecionar o método de envio mais barato por padrão.

No seu módulo durante a execução do checkout-resolvedor de dados, opcionalmente, você poderá usar um mixin.

var config = {
    map: {
        '*': {
            'Magento_Checkout/js/model/checkout-data-resolver':'MyModule_Checkout/js/view/checkout-data-resolver'
        }
    }
}

no método resolveShippingRates, modifique conforme abaixo:

        /**
         * @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]);
            }

Enquanto os métodos acima sugerem substituir as funções js, eu recomendaria o uso de mixins para evitar conflitos de código desnecessários:

No seu frontend requirejs-config.js, adicione o seguinte:

var config = {
    config: {
        mixins: {
            'Magento_Checkout/js/model/checkout-data-resolver': {
                '{Vendor}/{Module}/model/checkout-data-resolver': true
            }
        }
    }
};

No seu 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
        });
    };
});

Como alternativa, você pode fazer o download do módulo aqui, que permite selecionar um método de envio e pagamento padrão : Método de envio e pagamento padrão [M2]

Qualquer pessoa que esteja usando o onestepcheckout pode tentar o seguinte:

if (ratesData.length >= 1) {
  setTimeout(function(){
     selectShippingMethodAction(ratesData[0]);
  }, 500)
  return;
}

Eu sei que está parecendo estúpido, mas por algum motivo, adicionar esse atraso realmente funcionou para mim. Os custos de envio estão se atualizando assim.