Detecting the Replo Integration in Shopify

If your store has very custom styling, it may sometimes be appropriate to apply different styling to pages when the pages are rendered in the Replo editor. For example, your theme may add padding to the body element on page templates, and you may want to also add that padding in the Replo Editor.

Detecting the Replo Editor

The request.path liquid variable can be used to detect the Replo Editor. If the page is rendered inside the Editor, request.path will be equal to apps/alchemy. An example liquid statement to check whether the page is loaded in the Replo Editor would look like:

{% if request.path contains 'apps/alchemy' %}

As such, it's important your theme doesn't block this request path in any way. A good way to test this it to make sure the Replo Proxy URL works on your theme.