Add Maingate Bongo International Checkout Code on Cart Page

Create Snippets

bongo-checkout-button.liquid

Create a snippet named bongo-checkout-button.liquid and add the following code.

{% comment %}<input class="btn btn-reversed" style="position:relative; float:right; margin:10px 0;"
type="submit" id="outside-the-us" name="BongoFormSubmit" value="Are you outside the U.S. ?"
onclick="javascript: document.forms['BongoCheckoutForm'].submit(); return false;">{% endcomment %}

<a style="width: 100%; height: 40px; text-transform: uppercase; background-color: gray; color: white; clear: both; text-align: center; padding: 12px 20px; display: block;" href="#" id="outside-us-custom" class="outside-us">Are you outside the U.S. ?</a>

<script type="text/javascript">
    $("#outside-us-custom").click(function(){
        $("form[name='BongoCheckoutForm']").submit();
        return false;
    });
</script>

bongo-checkout-form.liquid

Create a snippet named bongo-checkout-form.liquid and add the following code. Change the ACTION and PARTNER KEY to the values provided by the client.

<form name="BongoCheckoutForm" method="post" action="https://tranzaction.bongous.com/pay/73c90/index.php">
<input type="hidden" name="PARTNER_KEY" value="bcc41e875521f67a7f810388eab74eaef5c12a94e82f3fa44ead761640c34749">
<input type="hidden" name="TOTAL_DOMESTIC_SHIPPING_CHARGE" value="0">
{% for item in cart.items %}
<input type="hidden" name="PRODUCT_ID_{{ forloop.index }}" value="{{ item.sku }}">
<input type="hidden" name="PRODUCT_NAME_{{ forloop.index }}" value="{{ item.title }}">
<input type="hidden" name="PRODUCT_PRICE_{{ forloop.index }}" value="{{ item.price |
money_without_currency }}">
<input type="hidden" name="PRODUCT_Q_{{ forloop.index }}" value="{{ item.quantity }}">
<input type="hidden" name="PRODUCT_SHIPPING_{{ forloop.index }}" value="">
<input type="hidden" name="PRODUCT_CUSTOM_1_{{ forloop.index }}" value="{{ item.variant.title }}">
<input type="hidden" name="PRODUCT_CUSTOM_2_{{ forloop.index }}" value="">
<input type="hidden" name="PRODUCT_CUSTOM_3_{{ forloop.index }}" value="">
{% endfor %}
</form>

cart.liquid

Open cart.liquid and below the {% if additionalcheckoutbuttons %} {% endif %} statment add the following code.

{% include 'bongo-checkout-button' %}

At the very bottom of cart.liquid add the following code.

{% include 'bongo-checkout-form' %}