How To Process Payment On Check Out Page Without Redirecting It

how to process payment on checkout page befor placing an order on cs cart that is befor submitting place order button

Possibly iframe mode can help you

https://docs.cs-cart.com/latest/developer_guide/addons/tutorials/payment_processor_addon.html?#iframe-mode-for-a-payment-processor

hellow thanks for responding i have known about iframe but the payment gateway doesnt support iframe but it does let you to process the payment by letting you create a form on your own page check out page to process the payment ... like processing a credit card on cs cart befor placing an order

Just curious why you don't want an order to be related to the payment? Creating an order with a failed payment should release the inventory and at least you'd have customer info, etc. so you can follow up with your customer.

Just curious why you don't want an order to be related to the payment? Creating an order with a failed payment should release the inventory and at least you'd have customer info, etc. so you can follow up with your customer.

beacuase the payment gateway doesnt have a hostedpay page where i can redirect the customer too

What payment provider? Almost all have some form of 3D or iFrame based interface that prevents any of the customer card data from even passing through your site.

beacuase the payment gateway doesnt have a hostedpay page where i can redirect the customer too

Please describe payment process in more details

Please describe payment process in more details

they just provide you with api where you have to create your own payment proceess form on your page

So do you need to collect any information from the customer?

So do you need to collect any information from the customer?

yes i do need to collect informatiom from customer such as phone number and an otp

I would look into using checkout from pre events. Find mode details here

https://docs.cs-cart.com/latest/developer_guide/core/front-end/microformats.html?highlight=microformats#form-processing

I would look into using checkout from pre events. Find mode details here

https://docs.cs-cart.com/latest/developer_guide/core/front-end/microformats.html?highlight=microformats#form-prhow can i cr

how can i create a custom field with a button on the checkout page that sends request

You can specify template for this payment method. Check how payment methods uses payment templates in CS-Cart (cc.tpl, cc_outside.tpl, po.tpl, etc)

You can specify template for this payment method. Check how payment methods uses payment templates in CS-Cart (cc.tpl, cc_outside.tpl, po.tpl, etc)

okay how to add custom templete to an addon folder

okay how to add custom templete to an addon folder

For example, Stripe template (the Stripe add-on) is located here

design/themes/responsive/templates/addons/stripe/views/orders/components/payments/stripe.tpl