Shopify Homepage Redirect

readme.md

Shopify Homepage Redirect

Use the "Custom Content" section in a debut theme to add a code block with the contents of shopify-redirect.js. This will allow you to create a user-editable redirect. The code is wrapped in an iFrame check so the redirect is not triggered while in the editor. Editors can toggle the redirect on/off by showing/hiding that section.

shopify-redirect.js

<script>
function inIframe () {
  try {
    return window.self !== window.top;
  } catch (e) {
    return true;
  }
}

if (!inIframe()) {
  window.location.replace('/collections/all')
} else {
  if (document.currentScript) {
    var script = document.currentScript
    script.parentNode.innerHTML = '<p>This page redirects to <code>/collections/all</code>. To disable the redirect, hide the "Custom Content" section.</p>'
  }
}
</script>