Blog Content
July 3, 2024

Shopify Theme Installation & Support

Shopify Theme Setup and Support: Grow Your Business Online Shopify is for businesses looking to build an online presence and grow your business online.

Shopify theme installation starts with choosing a theme compatible with Online Store 2.0: the free Dawn theme and its variants, a paid theme from the Theme Store, or custom theme development. Once the theme is installed, most customization is done from section settings without writing code; changes at the Liquid level are protected with version control, and the impact of active apps on page speed is audited.

Shopify Theme Installation and Support: Getting the Setup Right with the Online Store 2.0 Architecture

The most common mistake in Shopify theme installation is treating the theme as a "ready-made design template" and not using the flexibility that the Online Store 2.0 architecture offers. Shopify made this architecture the standard from 2021 onwards, and it fundamentally changed how a theme is installed and customized; a correct installation starts with understanding it.

Online Store 2.0: JSON Templates and the Section/Block Structure

Older Shopify themes (the Vintage/1.0 era) kept the page layout as fixed code inside `theme.liquid`; moving a section required a developer. With Online Store 2.0, pages moved to JSON templates (`.json`) containing a section/block structure that can be reordered by drag and drop. This lets store owners change the page layout without knowing how to code, but the theme has to fully support this architecture.

Window for adding an app block to a product page section without code in the Shopify theme editor
FeatureOld Architecture (Vintage)Online Store 2.0
Page layoutFixed code inside theme.liquidJSON template + sections/blocks, drag and drop
App integrationA developer integrates it in codeAdded as an app block without writing code
Adding sections to any pageLimited, depends on the templatePossible on all page types
Risk of losing customizations after a theme updateHighLow (customizations are stored in section settings)
Critical Note: If you are still using a theme built on the Vintage architecture, most new-generation apps (especially personalization and product recommendation apps that require app blocks) will not work properly or will need extra development. Verifying Online Store 2.0 compatibility should be the first step when choosing a theme.

Ready-Made Theme or Custom Development?

The decision depends on how complex the catalog is and how distinctive an experience the brand identity requires. For most stores a ready-made theme is enough, while custom development becomes necessary for high-traffic stores or stores where the brand experience is critical.

OptionWhen It FitsLimitation
Free theme (Dawn and its variants)New store, standard catalogLimited customization options
Paid theme from the Shopify Theme StoreStores that need ready-made components for a specific industryDependence on how often the developer releases updates
Custom theme developmentHigh-traffic stores whose brand identity cannot be met by ready-made themesHigher development time and cost

When you choose a paid Theme Store theme, you should also assess how often its developer releases updates and the quality of their support; an abandoned theme may become incompatible with new Shopify features (such as Checkout Extensibility or new section types).

Customization After Installation: How Far Should You Go?

In Online Store 2.0, most customization can be done from section settings without touching code; when you need a visual language specific to your brand identity, or functionality that standard sections do not cover, custom code at the Liquid level is required.

There is one technical point to watch with customizations at the Liquid level: when the theme developer releases a new version, custom code written directly into the theme files can be overwritten by that update. The standard way to prevent this is to isolate customizations as a separate "child" section or app block, and to track theme updates through a version control system (Shopify's GitHub integration).

A Risk to Avoid: Writing custom code directly into theme files without keeping any version history can cause those customizations to disappear silently with the next theme update. Working with Shopify CLI + the GitHub integration preserves the change history and makes it visible which code was affected after an update.

Theme Performance and Core Web Vitals

Your choice of theme directly affects Core Web Vitals metrics (LCP, CLS, INP). A heavy theme, or scripts injected by a large number of apps, slows page loading, which affects both the user experience and SEO performance.

In practice, the most common performance problem is a pile-up of apps in the same theme, each loading its own JavaScript file. Auditing which apps are actually in active use during installation directly improves performance, regardless of the theme you choose.

Theme Installation and Support with Nodus Works

The process we follow in theme installation projects consists of these steps:

  • Online Store 2.0 compatibility check: We verify whether the chosen or existing theme fully supports the section/block architecture.
  • Installation and brand customization: We make the customizations that section settings allow without writing code, and the necessary ones at the Liquid level.
  • Version control: We make custom code changes trackable through the GitHub integration.
  • Performance audit: We measure the impact of active apps on page speed and reduce unnecessary script load.

Installation is a one-off job; for updates, bug fixes and performance monitoring after installation, our Shopify technical support and maintenance service steps in with a monthly plan.

FAQ

What is Online Store 2.0, and how is it different from older themes? Online Store 2.0 is the architecture that manages page layout with JSON templates and a section/block structure; it offers drag-and-drop customization without coding knowledge and supports app blocks. Older (Vintage) themes do not have this flexibility.

Should I choose a ready-made theme or custom development? For stores with a standard catalog and medium traffic, a ready-made theme compatible with Online Store 2.0 is usually enough. If your brand identity cannot be met by ready-made themes, or if you have high traffic, custom development should be considered.

Will a theme update erase my customizations? Custom code written directly into theme files can be overwritten by an update the developer releases. To reduce this risk, you need to track customizations under version control.

Does installing too many apps affect theme performance? Yes. Each app usually loads its own JavaScript file; removing apps you do not actively use directly improves page speed.

Are theme installation and technical support the same service? No. Installation is a one-off project, while updates, bug fixes and performance monitoring require an ongoing technical support and maintenance service.

Conclusion

At the core of Shopify theme installation is using the Online Store 2.0 architecture correctly: telling apart the customizations that can be done without code through the section/block structure, protecting Liquid-level changes with version control, and auditing app load for performance. If you would like to build the right theme strategy for your store together, get in touch with Nodus Works.