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

Store Design
, , , ,

Topic summary

A user implemented custom Liquid code to set a product page as their homepage, following a tutorial from ShopiDevs. While the redirect works on the live site, it breaks Shopify’s theme editor with an error: “This page is not compatible with the editor.”

Proposed Solutions:

  • Update the redirect code to check for the template == 'index' condition
  • Verify the product URL is a valid internal Shopify link (not external)
  • Add a small JavaScript delay (setTimeout) to prevent premature redirects
  • Check for conflicts with other apps or custom scripts
  • Review browser console (F12) for error messages

Current Status:
The issue remains unresolved. A community expert offered to directly assist if the troubleshooting steps don’t work. Another user reported experiencing a similar editor compatibility problem, suggesting this may be a broader issue with custom redirect code interfering with Shopify’s editing interface.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

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!

1 Like
2

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.

3

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' %}
  
{% 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' %}
  
{% 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. :blush:

– Sadikur from ShopiDevs

4

Hola, como estás? Sabes que tengo un problema parecido. Al entrar a tienda online me indica esto (Adjunto imagen)

El centro de ayuda de shopify me indica que puede ser un problema de código.