We have migrated to the PayPal Complete payment on our OPAY page not OSEL OOPS I titled it OSEL incorrectly.
After doing so we find the code shown below hass been installed into our OPAY template.
The code is not working correctly as the payment fields for card number, expiration date, and CVV canot be keyed into. The code inserted is not anything I have experience with so we are looking for a solution to the issue. Mia support is stonewalling us on this (have refused to help us) so I hope someone on the forum has a solution. This is the code:
Thanks for any help that is provided! Larry
<mvt:comment>Fields for PPCP</mvt:comment>
<br>
<mvt:if expr="g.PaymentMethod EQ 'paypalcp:cc'">
<div id="payment-fields" class="t-payment-form t-paypalcp">
<div class="t-payment-form__heading">
<span class="c-heading--subheading--x-small u-icon-secure" aria-hidden="true"></span>
</div>
<div class="t-payment-form__fields c-form-fields--compact">
<mvt:foreach array="payment:fields" iterator="field">
<mvt:assign name="l.settings:field:html:class:invalid" value="ternary( l.settings:field:invalid, 'u-color-red', '' )" />
<mvt:if expr="l.settings:field:code EQ 'cc_exp'">
<div class="t-payment-form__field-set t-payment-form__field-&mvte:field:code;">
<label class="c-form-label &mvte:field:html:class:invalid;" for="&mvte:field:code;" title="&mvte:field:prompt;">&mvt:field:prompt;</label>
<mvt:item name="payment" param="field:code" />
</div>
<mvt:elseif expr="l.settings:field:code EQ 'cc_number'">
<div class="t-payment-form__field-set t-payment-form__field-&mvte:field:code;">
<label class="c-form-label &mvte:field:html:class:invalid;" for="&mvte:field:code;" title="&mvte:field:prompt;">&mvt:field:prompt;</label>
<mvt:item name="payment" param="field:code" />
</div>
<mvt:elseif expr="l.settings:field:code EQ 'cc_cvv'">
<div class="t-payment-form__field-set t-payment-form__field-&mvte:field:code;">
<label class="c-form-label &mvte:field:html:class:invalid;" for="&mvte:field:code;" title="&mvte:field:prompt;">&mvt:field:prompt;</label>
<mvt:item name="payment" param="field:code"/>
&mvt:cvv_dialog;
</div>
<mvt:else>
<div class="t-payment-form__field-set t-payment-form__field-&mvte:field:code;" data-hook="mvt-input" data-mvt-id="&mvte:field:code;" data-mvt-classlist="c-form-input" data-mvt-autocomplete="cc-name">
<label class="c-form-label &mvte:field:html:class:invalid;" for="&mvte:field:code;" title="&mvte:field:prompt;">&mvt:field:prompt;</label>
<mvt:item name="payment" param="field:code" />
</div>
</mvt:if>
</mvt:foreach>
</div>
</mvt:if>
After doing so we find the code shown below hass been installed into our OPAY template.
The code is not working correctly as the payment fields for card number, expiration date, and CVV canot be keyed into. The code inserted is not anything I have experience with so we are looking for a solution to the issue. Mia support is stonewalling us on this (have refused to help us) so I hope someone on the forum has a solution. This is the code:
Thanks for any help that is provided! Larry
<mvt:comment>Fields for PPCP</mvt:comment>
<br>
<mvt:if expr="g.PaymentMethod EQ 'paypalcp:cc'">
<div id="payment-fields" class="t-payment-form t-paypalcp">
<div class="t-payment-form__heading">
<span class="c-heading--subheading--x-small u-icon-secure" aria-hidden="true"></span>
</div>
<div class="t-payment-form__fields c-form-fields--compact">
<mvt:foreach array="payment:fields" iterator="field">
<mvt:assign name="l.settings:field:html:class:invalid" value="ternary( l.settings:field:invalid, 'u-color-red', '' )" />
<mvt:if expr="l.settings:field:code EQ 'cc_exp'">
<div class="t-payment-form__field-set t-payment-form__field-&mvte:field:code;">
<label class="c-form-label &mvte:field:html:class:invalid;" for="&mvte:field:code;" title="&mvte:field:prompt;">&mvt:field:prompt;</label>
<mvt:item name="payment" param="field:code" />
</div>
<mvt:elseif expr="l.settings:field:code EQ 'cc_number'">
<div class="t-payment-form__field-set t-payment-form__field-&mvte:field:code;">
<label class="c-form-label &mvte:field:html:class:invalid;" for="&mvte:field:code;" title="&mvte:field:prompt;">&mvt:field:prompt;</label>
<mvt:item name="payment" param="field:code" />
</div>
<mvt:elseif expr="l.settings:field:code EQ 'cc_cvv'">
<div class="t-payment-form__field-set t-payment-form__field-&mvte:field:code;">
<label class="c-form-label &mvte:field:html:class:invalid;" for="&mvte:field:code;" title="&mvte:field:prompt;">&mvt:field:prompt;</label>
<mvt:item name="payment" param="field:code"/>
&mvt:cvv_dialog;
</div>
<mvt:else>
<div class="t-payment-form__field-set t-payment-form__field-&mvte:field:code;" data-hook="mvt-input" data-mvt-id="&mvte:field:code;" data-mvt-classlist="c-form-input" data-mvt-autocomplete="cc-name">
<label class="c-form-label &mvte:field:html:class:invalid;" for="&mvte:field:code;" title="&mvte:field:prompt;">&mvt:field:prompt;</label>
<mvt:item name="payment" param="field:code" />
</div>
</mvt:if>
</mvt:foreach>
</div>
</mvt:if>
Comment