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 a sus clientes la selección antes del pago.

Tenga en cuenta antes de la instalación :

Esta solución le permitirá alcanzar niveles de selección cercanos al 100%, pero que no pueden garantizarse. Así que siempre tendrá algunos pedidos que se queden sin seleccionar. Punto Pack
Relay Point feedback dejará de funcionar si desinstalas la aplicación. Mondial Relay
Si desea ocultar las taquillas en la lista de Puntos de Retransmisión, establezca la variable hideLockers en true en el código siguiente.
MONDIAL RELAY NO OLVIDE SUSTITUIR LA VARIABLE YOUR_LABEL_CODE POR SU CÓDIGO DE ETIQUETA en el código siguiente

Información importante:

Si utiliza una aplicación de terceros para generar sus métodos de entrega (Advanced Shipping Rules, Parcelify, etc.), es posible que no se muestre la tarjeta de selección al hacer clic en "Elegir mi Punto Pack". En este caso, póngase en contacto con nuestro equipo de asistencia en support@mondial-relay-app.com.

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

NO OLVIDE SUSTITUIR LA VARIABLE SU_CÓDIGO_MARCA POR EL CÓDIGO DE SU MARCA MONDIAL RELAY

<script>
  if (window.location.href.indexOf("checkout") > -1){
    var enseigneClient = 'VOTRE_CODE_ENSEIGNE';
    var customRule = '';
    window.MR_config = {
      hideLockers: false 
    }
    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>