When launching a Hydrogen storefront, you’ll likely also want to redirect any traffic that happens to hit your Liquid store too. This theme allows you helps you do that while also making sure you retain features like the bot detection checkpoint, and discount links.
- Download the theme
- Navigate to Online Store -> Themes in your Shopify admin
- Upload the theme to your Theme Library
- Customize the Redirect theme
- Go to Theme settings -> Storefront and configure
storefront_hostname - Publish the theme
You can configure the custom_redirects value in Theme settings > Storefront.
The redirect rule format is as following:
Shopify path > Storefront path
Each line in the textarea represents a single redirect rule.
The example below removes the /account prefix from the login, register and reset password redirects.
/account/login > /login
/account/register > /register
/account/reset > /reset-password
/account/activate > /activate-account
You can integrate with customer accounts by enabling it in Theme settings > Integrate with customer accounts.
This will add query params to the redirect URL based on the situation:
logged_in=true: Present only if the customer has logged in. You can use this value to initiate a login that should be transparent to the customer.company_location_id=<id>: Present only if your store is B2B-enabled, a B2B customer has logged in, and has selected a location. Your storefront should still confirm whether the customer has access to this location through the Customer Account API.
Since the Shopify Storefront API does not yet support fetching gift cards, a customizable gift_card.liquid template has been added.
This was based on a theme from Instant Commerce, which you can find here.