Most Shopify store owners know exactly what they want their store to look like. The problem isn't the idea — it's the execution. Changing a font family means editing base.css. Adding an announcement bar means writing a Liquid section. Moving a section layout means touching JSON templates. None of this is intuitive if you've never worked with Shopify's theme architecture.
In 2026, you can describe any of those changes to Claude in plain English and have them live on your store in under a minute. This guide shows you exactly how — and what kinds of changes work best.
Why theme editing has always been the hard part
Shopify's theme editor is powerful but limited. You can drag and drop sections, change colours through presets, and update text — but the moment you want something custom, you hit a wall. A sticky header, a custom announcement section, a specific button style, a grid layout that doesn't match the theme's defaults — all of these require code.
The alternatives until now have been: hire a Shopify developer (expensive, slow), learn Liquid yourself (steep learning curve), or use a page builder app (adds bloat and subscription costs). None of these is a great option for a store owner who just wants to make a change and move on.
How Claude edits your theme
When you connect Claude to your store via ShopMCP, Claude gets access to 34 tools that cover your entire store. The theme editing tools work like this:
- shopify_get_asset — Claude fetches the actual file from your live theme (e.g.
assets/base.css or sections/header.liquid) and reads its current content
- shopify_patch_asset — for targeted edits, Claude finds the exact text to change and replaces it — no risk of accidentally overwriting the rest of the file
- shopify_append_to_asset — for adding new CSS rules or Liquid snippets, Claude appends to the end of the file without touching existing code
- shopify_create_asset — for new sections or templates, Claude creates the file from scratch
- shopify_update_asset — for larger rewrites, Claude publishes the full updated file
Every change goes live immediately. There's no staging preview step — which is why the first thing you should do before any major editing session is duplicate your theme.
Before you start — one important step
Duplicate your live theme before editing. In Shopify admin, go to Online Store → Themes → click the ••• menu next to your live theme → Duplicate. It takes 10 seconds and gives you a full backup. If something goes wrong, you can restore any file — or the whole theme — instantly.
Once you have a backup, ask Claude to confirm the connection and identify your live theme:
First prompt
"List my Shopify themes and tell me which one is currently live."
Claude will respond with your theme names and IDs. From that point, all edits go to your live theme unless you tell it otherwise.
What to ask Claude: real examples
Here are the types of edits that work extremely well — along with real prompts you can copy and adapt.
Colours and fonts
These are the most common requests and the easiest for Claude to handle. Most Shopify themes store colour and font values as CSS variables in assets/base.css, so a single targeted edit changes the value everywhere it's used.
Change brand colour
"Change my primary button colour to #D4A853 and the button hover colour to #B8902F across my live theme."
Change body font
"Switch the body font to Inter. Import it from Google Fonts and update the font family variable in base.css."
Heading style
"Make all H1 and H2 headings use the Lora serif font. Keep body text in the current sans-serif."
Announcement bars and banners
Adding a sitewide announcement bar — for a sale, a shipping offer, or a seasonal message — requires creating a new Liquid section and injecting it into the layout. Claude handles all of this in one go.
Sale banner
"Add a full-width announcement bar above the header. Red background (#DC2626), white text, message: 'Summer Sale — 20% off everything. Ends Sunday.' Include a close button."
Shipping bar
"Create a slim announcement bar showing 'Free shipping on orders over $50 · Use code FREESHIP' — dark navy background, white text. Sticky at the top."
Layout and spacing
Mobile fix
"The product grid on mobile is showing items too close together — there's no gap between the cards. Fix the spacing so there's at least 16px between each product card on screens under 768px."
Hero section
"The hero section has too much padding at the top on desktop — reduce it from whatever it currently is to 60px. Keep mobile padding the same."
Custom sections
This is where ShopMCP really separates from what you can do in the theme editor. Claude can write a full Liquid section from scratch — with its own schema, settings, and styles — and add it to your theme.
Trust strip
"Create a trust strip section for my theme — a row of 4 icons with short text labels: 'Free Shipping', '30-Day Returns', 'Authentic Products', 'Secure Checkout'. Clean, minimal design to match my current theme."
Before/after section
"Build a before/after comparison section — two columns, left side labelled 'Before', right side labelled 'After', each with an image placeholder and a short text field. Add it to my theme and make it configurable from the theme editor."
Navigation and header
Sticky header
"Make my header sticky — it should stay at the top of the page as the user scrolls. If this requires a CSS change, patch base.css. If it requires a Liquid change, update the header section."
Cart icon badge
"Add a cart item count badge to the cart icon in the header — a small red circle with the number of items. Should update dynamically when items are added."
Existing section edits
What you say
"The featured collection section shows 4 products per row on desktop. Change it to 3 per row with larger images."
What Claude does
Fetches the section file, finds the grid CSS, patches the column count and adjusts the image aspect ratio.
What you say
"Remove the customer review stars from the product cards on the collection page. Keep them on the product page."
What Claude does
Reads the collection card section, finds the star rating Liquid block, and removes it with a targeted patch.
What it can't do (yet)
Being honest about limitations is important. There are a few things Claude can't handle through ShopMCP:
- Live preview before publishing — changes go live immediately. There's no draft mode for theme edits (which is why duplicating your theme first matters).
- Editing the homepage section order via API — Shopify's API doesn't allow writing to
templates/index.json on the live theme. You can still add new sections to the theme and then arrange them in the theme editor.
- JavaScript-heavy interactions — Claude can write JS and add it to your theme, but complex interactive components (like a product configurator or a custom filter UI) need more back-and-forth to get right.
- Image editing — Claude can generate AI images and upload them to your Shopify files, but it can't crop or retouch existing images.
Tip for complex changes: Break big edits into smaller steps. Instead of "redesign my whole header", try "make the header background dark navy" then "move the search bar to the right side" then "make the logo 20% larger". Smaller changes are easier to verify and easier to roll back.
For agencies: editing client themes at speed
If you manage Shopify stores for clients, ShopMCP changes the economics of small theme changes completely. The typical flow — receive the request, open the theme editor, find the right file, make the change, test, push — takes 20–40 minutes for something trivial. With Claude connected, most of that is seconds.
Each client store gets its own ShopMCP install and its own MCP URL. You can connect multiple stores to Claude in the same session and specify which store you're working on: "In the [client name] store, change the header background to..."
The other benefit for agencies is the backup/restore workflow. Claude can copy any file from a backup theme to the live theme — so if a client edit goes wrong, recovery is one prompt: "Restore the header section from the backup theme to the live theme."
Start editing your theme today
Install ShopMCP free — 30-day trial, no credit card required. Connect Claude to your store in under 5 minutes.
Install Free on Shopify
30-day free trial · From $4.90/mo · Cancel any time