Modifying the Online Store channel

Shopify provides several different ways to add additional functionality to the Online Store through your app.

ScriptTags

A ScriptTag is a tag that represents some javascript code running on a remote server. If you load a ScriptTag into an Online Store page, then the javascript code from the remote server will be added to the page when the page is viewed.

Using ScriptTags in your app allows you to add functionality to an Online Store page without having to manually edit any theme templates. This means that if a merchant uninstalls your app, then they won't need to edit their theme templates to revert any changes.

Get started with ScriptTags

Application proxies

An application proxy is a feature that fetches and displays data on an Online Store page from an outside location that you specify. The content you add to the Online Store with proxy pages can be dynamic. You can use application proxies to display content such as image galleries, statistics, and custom forms.

Get started with Application Proxies

Modifying theme files

Note

Modifying theme files directly is not recommended. You should use ScriptTags or application proxies wherever possible.

If you need to add functionality the Online Store, and ScriptTags and application proxies are not an option, then you can edit a shop’s theme files using the Asset resource. Theme files Assets are individual files that make up a shop's theme. Assets can be easily added, changed or removed from a shop's theme.

Javascript best practices

Since Shopify is a hosted solution, there are a few best practices to keep in mind when using JavaScript on a Shopify store.

Use Javascript responsibly