This page is not compatible with the editor due to one of the following issues?

[VictoriaNguyen]

Hello, 

I looked over this link ( https://shopidevs.com/product-page-as-a-homepage-on-shopify/ ) because I wanted the Product Page to be my default Home Page, and went with the second option, custom liquid code. It worked. However, when I try to make edits to my site it gives me this popup saying: 

This page is not compatible with the editor due to one of the following issues:

• Page is redirecting to an unsupported URL
• Page failed to load due to an error

I never got this before entering the code. How can I fix this? Any assistance would be greatly appreciated, thank you!

[devcoders]

Hello @VictoriaNguyen 

It sounds like the custom liquid code that you're using to set the product page as your homepage is causing issues with Shopify's theme editor. The error message you're seeing likely occurs because the editor can't properly load or interact with the page that is being redirected to the product page.

[sadik_ShopiDevs]

Hello @VictoriaNguyen 

This issue can happen for a few different reasons. Please follow these steps one by one, checking after each step:
1. Update the Code to Work in the Shopify Editor
Your current code might be causing a redirect too soon. Try this updated version to make sure it doesn’t affect the Shopify editor:

{% if template == 'index' %}
  <script>
    if (!Shopify.designMode) {
      window.location.href = "PRODUCT_PAGE_LINK_HERE";
    }
  </script>
{% endif %}

2. Check the Product Page Link

• Make sure the PRODUCT_PAGE_LINK_HERE is a valid Shopify product URL from your own store. Example:

https://yourstore.myshopify.com/products/sample-product

• Avoid using external links, as Shopify may block them.

3. Try Adding a Small Delay
If the redirect is happening too fast, you can delay it slightly:

{% if template == 'index' %}
  <script>
    if (!Shopify.designMode) {
      setTimeout(function() {
        window.location.href = "PRODUCT_PAGE_LINK_HERE";
      }, 1000); // 1-second delay
    }
  </script>
{% endif %}

4. Check for Conflicts

• If you have other custom scripts or apps, try disabling them temporarily and see if the issue is fixed.
• You can also check the browser console (press F12 > Console) to see if there are any errors.

Please apply these steps one by one, testing your site after each change. If the issue is still there after trying everything, feel free to message me. I’d be happy to take a look and fix it for you. 😊

– Sadikur from ShopiDevs