Describe the need before comparing themes
Choose a few representative pages and situations: homepage, collection, product page, cart, mobile navigation, search and editorial content. Note what needs to differ from a standard store. Is it a layout, product information, a filter, an interaction or a rule affecting pricing and orders?
This distinction avoids asking a theme to solve a problem that belongs to your data, an app or a business tool. For each requirement, write down the expected result, who must be able to change it and how to verify it. A mockup alone does not describe, for example, the behavior of an unavailable variant or a mixed cart.
When is an existing theme enough?
In the Shopify theme editor, a team can preview changes and adjust settings, as well as the order and content of available sections. Exact capabilities depend on the chosen theme. Shopify also describes the sections, blocks and settings that let merchants manage content without editing code.
An existing theme is a good starting point if its templates cover the catalog, its settings can reflect your visual identity and the team can make routine updates in the editor. Test with real text and products, on mobile and desktop. Change an offer, an image and the order of blocks: this reveals more than a theme demo.
Before editing code, duplicate the theme. The copy provides a fallback for testing, but it does not by itself back up products or other store content.
When should you develop only part of the theme?
If the foundation works apart from one or two important components, a targeted adaptation may be enough: a comparison section, a particular way of presenting variants or an editorial block connected to product data. Specify what will remain editable in the theme editor. A fixed section requiring a developer for every campaign meets today's need but creates an ongoing burden for the team.
Shopify's best practices for sections and blocks recommend a structure merchants can rearrange and populate. An adaptation therefore needs a short acceptance test: adding the block, editing its data, checking the mobile display, handling missing content and testing interactions with the apps in use.
Be careful about accumulating code changes in a third-party theme. During a theme update, Shopify copies customizations made in the editor and attempts to include code changes that do not conflict with the new version. Other changes must be reapplied manually. Keep a list and a copy of adaptations, then check them in the updated version before publishing it.
When is a custom theme justified?
A theme designed for your store becomes relevant when several critical customer journeys require a structure or interactions that cannot be achieved cleanly through settings and limited adaptations. The need may arise from how customers compare products, how you explain a complex offer or how you guide purchases. The decision should rest on tested requirements, rather than an assumption that a custom theme will automatically be faster or more effective.
A custom build includes template design, translation of interface content, settings useful to the team and maintenance. Shopify's theme architecture includes templates, sections, settings and locale files. If the result cannot be managed through the editor, the store will depend on a developer for every routine change.
A short decision table
| Question | If the answer is yes | Decision to test |
|---|---|---|
| Does an existing theme cover the priority journeys through its settings? | The team can edit content without code. | Configure that theme using a real sample. |
| Is the gap limited to a few clearly defined components? | The rest of the theme works and can be maintained. | Develop those components, then test editing them. |
| Do several essential journeys require a different structure? | Isolated adaptations would multiply or make the whole setup fragile. | Define the scope and maintenance of a custom theme. |
In all three cases, compare development cost and the time needed to run the store: campaigns, product pages, corrections and future updates. No universal budget or page-count threshold can replace this trial.
A diagnostic example
Consider a store whose theme handles the homepage, collections, cart and mobile navigation well, but whose product pages need to compare several technical variants. Rebuilding the entire theme would be disproportionate. The first test is to develop a comparison section connected to product data, editable in the theme editor and checked with the apps already installed. If that component is enough, the existing theme remains the foundation. If the same limits then appear in search, collections and the cart, scoping a custom build becomes more coherent. This example illustrates the method; it does not describe a client project.
What should you check before approving the redesign?
Test keyboard navigation, labels and contrast, variants, the cart, installed apps and pages on mobile. Shopify's accessibility recommendations include keyboard checks and page structure. Also measure key pages before and after under the same conditions. For Lighthouse, run at least three measurements per page using the same device and network, then compare medians. When the store has enough traffic, supplement these tests with real user data from Shopify's performance dashboard. The documentation on theme performance testing distinguishes lab measurements from real user data. An isolated score does not prove the purchase journey works.
Finish with a check from the team's perspective: someone who did not build the theme should be able to edit a section, publish a product page and correct content without breaking the layout. To plan a Shopify build or redesign, bring your priority journeys, two or three representative products and a list of changes your team wants to make independently.
Plan your next step
- Shopify design and development : explore our approach and the information to prepare before discussing your project.
- Shopify pre-orders: an existing app or custom development?