Shopify Redirect Theme
Install the Redirect Theme on Shopify
If you don't want to use at all the Online Store channel on your Shopify store, you should install our Redirect theme.
Our redirect theme is basically a mix of the official Hydrogen Redirect theme and Dawn theme.
This particular theme will redirect all the pages of the Online Store to the Webflow site, but the Cart page. This is usefull when you must use an app embed that works only on the Online Store on the cart page, like pickup apps!
More over, our theme has 2 additional settings that you can customize products_base and collections_base. This allow you to correctly redirect collection and product pages according to the collection slugs you used in Webflow, without needing additional 301 redirects!
When launching an headless 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.
Setup
Download the theme
Download our Redirect theme
Install the theme
Navigate to Online Store -> Themes in your Shopify admin and upload the file you just downloaded!
Configure the theme
From Online Store -> Themes press on the Customize button.
Navigate to Theme settings -> Storefront and configure the options:
-
storefront_hostname, the value should be the domain you attached to your Webflow project (e.g:www.yourdomain.com), add the domain properly with www to avoid a double redirect! -
products_base, the value should be the slug of your Product CMS collection that you created in Webflow, (e.g:product); -
collections_base, the value should be the slug of your Collection CMS collection that you created in Webflow, (e.g:collection);
Publish
Just publish the theme and all the traffic from Online Store will be redirected to headless!