Craft Commerce Checkout: How to prevent payment link from bypassing shipping section in nav-checkout

Question

I'm using checkout.twig in the CraftCMS shop checkout examples templates.

As the user proceeds though the checkout process, this nav strip appears at the top of each page and marks their progress. The nav strip is active and so the user can bypass the shipping section altogether by clicking the "Payment" link at the end and then just pay for the item and not pay any shipping. The shipping doesn't get applied automatically as they should go through to the shipping section and click the shipping option radio button. I would much sooner automatically apply the shipping without them having to select it. Can anyone tell me how to automatically apply shipping and also prevent the user from skipping ahead by clicking the payment button?

Thanks.

Answer 1

I fixed this in payment.twig by wrapping the payment form (id="paymentForm") in :

{% if cart.shippingAddress and cart.shippingMethod %}

     //paypal and payment buttons
     <form id="paymentForm">...</form>

{% else %}

          {% if not cart.shippingAddress %}

               <p>No shipping address selected.</p>
               <a href="{{ url('/shop/checkout/addresses') }}">
                                Change
                            </a>

          {% elseif not cart.shippingMethod %}

               <p>No shipping method.</p>
               <a href="{{ url('/shop/checkout/shipping') }}">
                                Change
                            </a>

          {% endif %}

{% endif %}

It doesn't make the shipping automatically applied or prevent the user from skipping the shipping charge but it does prevent the user from checking out without going through the correct process.