How to set Fastest Shipping option as default?

Shopify Discussion
2

Hey @veamrqz ,

If the settings don’t allow you to set the fastest shipping option as the default, you may need to use custom JavaScript to change the selected shipping option on the checkout page.

Follow these steps:

  1. Go to online store, then themes.

  2. Edit code.

  3. Locate the Checkout Liquid: You will generally find checkout customization in checkout.liquid or theme.js. If checkout.liquid is not available (common in Shopify), then use the following JavaScript approach in theme.js or similar files.

  4. Add Javascript: Insert a script to automatically select the fastest shipping method. Here’s a basic example:

document.addEventListener('DOMContentLoaded', function() {
    const shippingOptions = document.querySelectorAll('input[name="shipping_method"]');
    shippingOptions.forEach(option => {
        if (option.value.includes('DHL Next Day Delivery')) { // Replace with the exact value of your shipping option
            option.checked = true; // Set it as checked
        }
    });
});

-After implementing the changes, make sure to test the checkout process to confirm that the fastest shipping option is selected by default.

If you encounter any difficulties or if you’re unsure about any specific part, feel free to ask for more detailed guidance!