Display info on /cart.php?a=checkout

[AffordableDomainsCanada]

On the /cart.php?a=checkout page, if Stripe is selected a drop down window appears for the credit card info..

 

I am using the Mail in Payment option and have it labeled e-Transfer, is there a way I can have some text appear with directions on sending in the e-transfer ?

 

I am trying to use if statements but cant seem to get it to work.

 

Edited July 7, 2017 by AffordableDomainsCanada
Added Image!

[brian!]

On the /cart.php?a=checkout page, if Stripe is selected a drop down window appears for the credit card info..

I am using the Mail in Payment option and have it labeled e-Transfer, is there a way I can have some text appear with directions on sending in the e-transfer ?

I am trying to use if statements but cant seem to get it to work.

If you're going to use the existing code, i'd suggest taking a look at....

<input type="radio" name="paymentmethod" value="{$gateway.sysname}" class="payment-methods{if $gateway.type eq "CC"} is-credit-card{/if}"{if $selectedgateway eq $gateway.sysname} checked{/if} />

and maybe change it to something like...

<input type="radio" name="paymentmethod" value="{$gateway.sysname}" class="payment-methods{if $gateway.type eq "CC"} is-credit-card{elseif $gateway.sysname eq "mailin"} is-mailin{/if}"{if $selectedgateway eq $gateway.sysname} checked{/if} />

then you'd have to duplicate/append the jquery entry in scripts.min.js and add an IF to cover is-mailin

    jQuery(".payment-methods").on('ifChecked', function(event) {
       if (jQuery(this).hasClass('is-credit-card')) {
           if (!jQuery("#creditCardInputFields").is(":visible")) {
               jQuery("#creditCardInputFields").hide().removeClass('hidden').slideDown();
           }
       } else {
           jQuery("#creditCardInputFields").slideUp();
       }
   });

and then back in checkout.tpl, define the mailin div equivalent of #creditCardInputFields - with those 3 things, you should have a sliding jquery box for e-transfer.