Shopify Plus - Kaart weergeven voor betaling (checkout.liquid)

Shopify Plus klanten kunnen een javascript code toevoegen aan het checkout.liquid bestand om pre-payment selectie aan te bieden aan hun klanten.

Let op voor de installatie:

Met deze oplossing kunt u selectieniveaus bereiken die dicht bij 100% liggen, maar die niet kunnen worden gegarandeerd. U zult dus altijd een aantal orders hebben die zonder Relaispunt zullen vallen.
De Relay Points feedback zal stoppen met werken als u de app verwijdert Mondial Relay

Belangrijk:

Als u een toepassing van derden gebruikt om uw leveringsmethoden te genereren (Advanced Shipping Rules, Parcelify...), kan het gebeuren dat de selectiekaart niet wordt weergegeven wanneer u klikt op "Mijn leveringspunt kiezen". Neem in dat geval contact op met onze support op mondialrelay.shopify@gmail.com

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

LET OP, VERGEET NIET DE VARIABELE UW_NAAM_CODE TE VERVANGEN DOOR UW NAAMCODE 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>