Skip to content
Your cart

Your cart is empty. Let's fix that!

Search

Insights

Raise the Bar: The Shopify Theme Preview Tool We Built for Our Own Team

Raise the Bar: The Shopify Theme Preview Tool We Built for Our Own Team

The first rule of theme work on a live Shopify store: never edit the published theme. Every change goes into a duplicate first. A color update, a section rewrite, a new template: it gets reviewed in that duplicate and only then gets published. That rule is not optional at Plus scale. A live edit during active traffic is unreviewable, unrevertable, and invisible to anyone except the customer who hits the broken state first.

The rule is the correct one. It also creates a workflow problem. Reviewing a theme the storefront cannot simply surface, sharing a preview link that holds the page you were on, keeping track of which unpublished duplicate you are in, gathering feedback that someone can actually act on: none of that is as clean as it should be.

We built a tool for it. Raise the Bar is on the Shopify App Store, built and maintained by our team at Softlimit, a Shopify Premier Partner.

Why you never edit the live theme

A live edit bypasses every layer of review. Nobody sees it before it ships. There is no before-and-after to compare. If it breaks something, you are debugging in production, against live traffic, with no clean rollback path.

Working in a duplicate is what makes review possible. A second person can examine what changed, the original stays intact, and publishing becomes a deliberate act with a clear record. The catch is that none of your reviewers can reach the duplicate without a preview link you have to construct by hand, and one that will expire.

The three things that go wrong when reviewing an unpublished theme

Preview links that lose the page you were on. The default Shopify preview bar generates a link, but that link points to the homepage. When you are reviewing a product detail page and need to send exactly what you are looking at to a client or a second reviewer, you reconstruct the path manually. Small friction, but it compounds every time.

Losing track of which theme you are in. Teams managing multiple unpublished duplicates (a QA build, a performance branch, a client review version) regularly lose track of which theme the storefront is showing. The previewed page looks identical on the customer-facing side. The only reliable check is clicking back to the themes admin and counting.

Feedback nobody can act on. A client notes something is off on the collection page. Which collection? Which template? Vague feedback on a preview that loses context when the window closes creates cycles of clarification that should not exist. Actionable feedback requires a reference point: the exact template and state the comment refers to.

How theme preview links actually work

Shopify serves theme previews through a preview_theme_id parameter appended to any storefront URL. If you have the theme ID, you can construct a preview link to any page on the store. The parameter persists across navigation within the session, which means a reviewer who clicks that link stays in the preview as they browse.

One less-documented application of this mechanic: previewing an unpublished page template on a published page. If you have a template in development (say, a page.landing.liquid that does not yet have a published page assigned to it), you can preview it on any existing live page by appending ?view=landing to the URL alongside the preview_theme_id parameter.

The catch is confirming you are actually looking at the right theme. Shopify.theme.id in the browser console returns the ID of the theme currently rendering. Compare that against the theme ID in the admin. That combination (?view= suffix, preview_theme_id, and verification via Shopify.theme.id) gives a complete preview of an unpublished template without touching the live store or creating a dummy published page.

Understanding this mechanic is useful regardless of what tooling you use on top of it.

What Raise the Bar does

Raise the Bar wraps the preview mechanics into a persistent toolbar that sits in the storefront preview and surfaces what you would otherwise have to look up or reconstruct.

Permanent preview links for the current page. One click generates a shareable link that preserves the exact page path you are on, not just the homepage. Send it to a reviewer, a client, or a second screen and they land where you were.

Open the theme editor for the current template. One click opens the Shopify theme editor focused on the template currently rendering. No navigating back to admin, no guessing which template corresponds to the page you are reviewing.

Jump straight to a section in the editor. From within the preview, you can target a specific section in the theme editor directly. This collapses the gap between feedback and the edit.

Switch the previewed theme without leaving the page. When managing multiple unpublished duplicates, you can switch between them from within the preview bar. The page you are on stays the page you are on.

Visualize heading tag order. The toolbar overlays heading tags as they actually render on the page. Structural problems are visible immediately, while you are looking at the page, not in a report that arrives later.

Flag images missing alt text. Any image on the current page without an alt attribute is highlighted. You see the gap where it lives.

Raise the Bar is $4.99 per month with a 7-day free trial.

The two features that are really SEO tools

Heading structure and alt text are two of the most consistently neglected on-page signals in Shopify builds, not because teams do not care, but because the standard tooling surfaces them too late. An SEO audit delivered after a build ships is harder to act on than a visual flag you see while you are still building.

The alt text gap in particular has more depth than it appears. On a recent engagement, our team backfilled 293 missing alt attributes across a client's Files library. The lesson from that project was not technical: a filename is not a caption. You cannot infer what an image shows from what someone named the file. Every image has to be viewed before it can be described accurately.

The Raise the Bar flag catches a category of missing alt text that Files-library work will not help with: hand-coded <img> tags in theme sections that carry no alt attribute in the template itself. When a section uses a hardcoded image tag without an alt attribute, that gap exists at the code level. No amount of thorough alt text in the Files library or product media will fix it, because the alt is never rendered. Catching it visually, on the page, while the section is being reviewed, is a meaningfully better time to catch it than finding it in an audit months after launch.

It does not touch your theme code

This is the question a careful developer will ask before installing any theme-adjacent tool. The answer matters, and it is a clean no.

Raise the Bar is a theme app extension. It is delivered as an app embed, versioned independently from the theme, and it does not write into theme files. Uninstall it and nothing is left behind in the theme code.

That architecture reflects a principle we hold across our design and development work: an integration should be evaluated on how cleanly it leaves, not only on what it adds. A tool that exits without surgery is a tool you can trust while it is installed.

FAQ

How do I share a preview of an unpublished Shopify theme?

Append preview_theme_id=<theme_id> to any storefront URL, where <theme_id> is the numeric ID of the unpublished theme from your Shopify admin. Anyone who opens that link sees the theme preview, and navigation within the session stays in the preview. Raise the Bar generates these links automatically for the current page so you do not have to construct them by hand.

Can I preview an unpublished template on a live store?

Yes. Add ?view=<template-suffix> to the URL alongside preview_theme_id. For example, if you have a page.landing.liquid template in development, append ?view=landing to any existing published page URL. To confirm you are in the correct theme, check Shopify.theme.id in the browser console. It returns the ID of the theme currently rendering.

Does Raise the Bar modify my theme?

No. Raise the Bar is a theme app extension delivered as an app embed. It does not write into theme files. Uninstalling it leaves your theme code exactly as it was.


Raise the Bar addresses a narrow problem precisely. If theme preview workflow is slowing down your builds or your reviews, it is worth the trial. If you are evaluating what senior-team Shopify development looks like at a larger scale, we are glad to talk through what that engagement involves.