Shopify Plus - Mostrar mapa antes del pago (checkout.liquid)

Los clientes de Shopify Plus pueden añadir un código javascript al archivo checkout.liquid para ofrecer la selección de prepago a sus clientes.

Tenga en cuenta antes de la instalación:

Esta solución le permitirá alcanzar niveles de selección cercanos al 100% pero que no se pueden garantizar. Por lo tanto, siempre tendrá algunos pedidos que caerán sin Punto Pack
La retroalimentación de los Puntos de Relevo dejará de funcionar si desinstalas la aplicación Mondial Relay

Es importante:

Si está utilizando una aplicación de terceros para generar sus métodos de entrega (Advanced Shipping Rules, Parcelify...), puede ocurrir que la tarjeta de selección no se muestre al hacer clic en "Elegir mi Punto Pack". En este caso, póngase en contacto con nuestro soporte en mondialrelay.shopify@gmail.com

Voici le code à ajouter dans la balise <head> du fichier checkout.liquid :

ATENCIÓN, NO OLVIDES SUSTITUIR LA VARIABLE TU_NOMBRE_CÓDIGO POR EL CÓDIGO DE TU NOMBRE MONDIAL RELAY

<script>
  if (window.location.href.indexOf("checkout") > -1){
    var enseigneClient = 'VOTRE_CODE_ENSEIGNE';
    var customRule = '';
    var MondialRelayScript = document.createElement('script');
    MondialRelayScript.type = 'text/javascript';
    MondialRelayScript.src = 'https://shopify-mondial-relay.s3.eu-west-3.amazonaws.com/MR-select-pickup-shopify-plus.js';
    MondialRelayScript.setAttribute('enseigne', enseigneClient);
    MondialRelayScript.setAttribute('customRule', customRule);
    document.getElementsByTagName('head')[0].appendChild(MondialRelayScript);
    var count = 0;
    var waitFunction = function() {
      if (document.querySelectorAll('.section--shipping-method input').length > 0) {
        var selectedInput = document.querySelector('input[checked=\'checked\']');
        if (selectedInput && decodeURIComponent(selectedInput.getAttribute('value')).toLowerCase().indexOf('mondial-relay') > 1 && document.querySelectorAll('.section-shipping-method input')[1]) {
          document.querySelectorAll('.section--shipping-method input')[1].click();
        } else {
          count += 1;
          if (count < 40) {
            setTimeout(function(){
              waitFunction();
            }, 500);
          }
        }
      }
    };
    waitFunction();
  }
</script>