Detecting the Replo Editor in your Theme

This page is intended for Shopify theme developers.

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' %}

Custom Theme Deployment with Replo