How To Initiate A Redirect From A Shopify Checkout Validation App

[Soap-Matt]

Hello, I have followed the below tutorial and created a Shopify checkout validation app.

https://shopify.dev/docs/apps/checkout/validation/cart-checkout

Everything is working as expected, however, if the validation fails, instead of showing a message, I would like to redirect the customer to the cart page.

How would I go about acheiving this,

Please see simplified version of my code below:

extensions/cart-checkout-validation/src/index.js

// @ts-check
// Use JSDoc annotations for type safety
/**
 * @typedef {import("../generated/api").InputQuery} InputQuery
 * @typedef {import("../generated/api").FunctionResult} FunctionResult
 */
// The @shopify/shopify_function package will use the default export as your function entrypoint
export default
/**
 * @param {InputQuery} input
 * @returns {FunctionResult}
 */

(input) => {

    // The error
    const error = {
        localizedMessage:
            "This is a example message",
        target: "cart"
    };

    const errors = [];
    errors.push(error);

   if (true) {
     // TODO: Redirect customer to cart page
   }

    return {errors};
};

The error is showing as expected, but I would instead like to initiate a redirect.

I have been at this for hours with no success. Any help would be greatly appreciated.

[aledalgrande]

Hi there 👋🏻

I would like to redirect the customer to the cart page

We currently don't support this. Would you mind providing more information about your use case? Thanks.

[TheoFreundAtHT]

@aledalgrande Not the author of the original post, but I have the same issue.
Our use case:
We use a form to collect some data from the customer that is necessary for fulfilling the order. BUT the shopify customer accounts allow someone to reorder an old order, thus circumventing the form altogether.
I have written a client-side check for this (which would have been enough) but express checkout methods circumvent this.

What I already have:
A server-side validation that checks for the presence of a property in a line item and references whether or not it is a memeber of a (hardcoded since settings dont work) list of collections.
Now when a case without a form submit is detected it should:

1. provide an alert in checkout and block progress (works)
2. in the error message provide a link to the form (because depending on collection there is a different form)
3. have that link also remove the problem line-item to have the form submit put the correct one back in the cart.

[aledalgrande]

Hey @TheoFreundAtHT thanks for reporting. We currently don't support this use case but would love to learn more about what kind of data you need to collect for fulfillment. Is it extra address fields?

[TheoFreundAtHT]

@aledalgrande it is actually medical data.