Post by stanmx » Tue May 14, 2024 8:34 am

Hi everyone,

I'm searching how display the Shipping Method and Payment Method options directly in the Checkout view of OC v4.0.2.3

Right now the user need to press a Choose button to open a modal view and select the option.

What I need to do to change this?

Thank you!

Attachments

Screen Shot 2024-05-13 at 5.25.44 PM.png

Screen Shot 2024-05-13 at 5.25.44 PM.png (41.61 KiB) Viewed 494 times


User avatar
New member

Posts

Joined
Wed Apr 10, 2024 9:48 am
Location - Tijuana, MX

Post by straightlight » Tue May 14, 2024 8:52 am

stanmx wrote:
Tue May 14, 2024 8:34 am
Hi everyone,

I'm searching how display the Shipping Method and Payment Method options directly in the Checkout view of OC v4.0.2.3

Right now the user need to press a Choose button to open a modal view and select the option.

What I need to do to change this?

Thank you!
You may need to get a one page checkout extension to achieve this.

Dedication and passion goes to those who are able to push and merge a project.

Regards,
Straightlight
Programmer / Opencart Tester


Legendary Member

Posts

Joined
Mon Nov 14, 2011 11:38 pm
Location - Canada, ON

Post by stanmx » Tue May 14, 2024 10:01 am

straightlight wrote:
Tue May 14, 2024 8:52 am
stanmx wrote:
Tue May 14, 2024 8:34 am
Hi everyone,

I'm searching how display the Shipping Method and Payment Method options directly in the Checkout view of OC v4.0.2.3

Right now the user need to press a Choose button to open a modal view and select the option.

What I need to do to change this?

Thank you!
You may need to get a one page checkout extension to achieve this.
Thank you Straightlight, AJAX Quick Checkout FREE (One Page Checkout, Quick Checkout) made a interesting visual update in the Checkout view.

But, i want to change only the Shipping Method and Payment Method presentation direct in the checkout view, do you have a tutorial or article you recommend to do this? Thank you!

User avatar
New member

Posts

Joined
Wed Apr 10, 2024 9:48 am
Location - Tijuana, MX

Post by straightlight » Tue May 14, 2024 10:38 am

stanmx wrote:
Tue May 14, 2024 10:01 am
straightlight wrote:
Tue May 14, 2024 8:52 am
stanmx wrote:
Tue May 14, 2024 8:34 am
Hi everyone,

I'm searching how display the Shipping Method and Payment Method options directly in the Checkout view of OC v4.0.2.3

Right now the user need to press a Choose button to open a modal view and select the option.

What I need to do to change this?

Thank you!
You may need to get a one page checkout extension to achieve this.
Thank you Straightlight, AJAX Quick Checkout FREE (One Page Checkout, Quick Checkout) made a interesting visual update in the Checkout view.

But, i want to change only the Shipping Method and Payment Method presentation direct in the checkout view, do you have a tutorial or article you recommend to do this? Thank you!
Since you're using the Quick Checkout extension, contact the extension developer to see if that can be done. Alternatively, this post also talks about the one-page checkout: viewtopic.php?t=233675#p869884 .

Dedication and passion goes to those who are able to push and merge a project.

Regards,
Straightlight
Programmer / Opencart Tester


Legendary Member

Posts

Joined
Mon Nov 14, 2011 11:38 pm
Location - Canada, ON

Post by stanmx » Tue May 14, 2024 10:40 am

straightlight wrote:
Tue May 14, 2024 10:38 am
stanmx wrote:
Tue May 14, 2024 10:01 am
straightlight wrote:
Tue May 14, 2024 8:52 am


You may need to get a one page checkout extension to achieve this.
Thank you Straightlight, AJAX Quick Checkout FREE (One Page Checkout, Quick Checkout) made a interesting visual update in the Checkout view.

But, i want to change only the Shipping Method and Payment Method presentation direct in the checkout view, do you have a tutorial or article you recommend to do this? Thank you!
Since you're using the Quick Checkout extension, contact the extension developer to see if that can be done.
I am not using yet the extension, I just saw the demo example. I'm more interesting in see if is possible do it directly in the current template without the necessary of an extension. If you know how I can do it without extensions. Thank you!

User avatar
New member

Posts

Joined
Wed Apr 10, 2024 9:48 am
Location - Tijuana, MX

Post by straightlight » Tue May 14, 2024 6:17 pm

stanmx wrote:
Tue May 14, 2024 10:40 am
straightlight wrote:
Tue May 14, 2024 10:38 am
stanmx wrote:
Tue May 14, 2024 10:01 am


Thank you Straightlight, AJAX Quick Checkout FREE (One Page Checkout, Quick Checkout) made a interesting visual update in the Checkout view.

But, i want to change only the Shipping Method and Payment Method presentation direct in the checkout view, do you have a tutorial or article you recommend to do this? Thank you!
Since you're using the Quick Checkout extension, contact the extension developer to see if that can be done.
I am not using yet the extension, I just saw the demo example. I'm more interesting in see if is possible do it directly in the current template without the necessary of an extension. If you know how I can do it without extensions. Thank you!
It is possible to do it but does require extensive work to rebuild this out-of-the-box.

Dedication and passion goes to those who are able to push and merge a project.

Regards,
Straightlight
Programmer / Opencart Tester


Legendary Member

Posts

Joined
Mon Nov 14, 2011 11:38 pm
Location - Canada, ON

Post by paulfeakins » Tue May 14, 2024 8:03 pm

stanmx wrote:
Tue May 14, 2024 8:34 am
I'm searching how display the Shipping Method and Payment Method options directly in the Checkout view of OC v4.0.2.3
You could get a one-page-checkout extension?

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Guru Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom

Post by stanmx » Wed May 15, 2024 2:14 am

straightlight wrote:
Tue May 14, 2024 6:17 pm
stanmx wrote:
Tue May 14, 2024 10:40 am
straightlight wrote:
Tue May 14, 2024 10:38 am


Since you're using the Quick Checkout extension, contact the extension developer to see if that can be done.
I am not using yet the extension, I just saw the demo example. I'm more interesting in see if is possible do it directly in the current template without the necessary of an extension. If you know how I can do it without extensions. Thank you!
It is possible to do it but does require extensive work to rebuild this out-of-the-box.
I will try and if I discover a solution, I will share it here. Thank you!

User avatar
New member

Posts

Joined
Wed Apr 10, 2024 9:48 am
Location - Tijuana, MX

Post by JNeuhoff » Wed May 15, 2024 4:57 am

Why not just change these 2 files:

catalog/view/template/checkout/payment_method.twig
catalog/view/template/checkout/shipping_method.twig

?

This could be done via some simple event handlers.

Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig


User avatar
Guru Member

Posts

Joined
Wed Dec 05, 2007 3:38 am


Post by Mateusz199 » Wed May 15, 2024 5:45 pm

To display the Shipping Method and Payment Method options directly in the Checkout view of OC v4.0.2.3, you'll need to make changes in the source code or template.
Pozdrawiam, Mateusz

Newbie

Posts

Joined
Wed May 15, 2024 5:36 pm
Who is online

Users browsing this forum: No registered users and 1 guest