Custom Code

Overview

Custom code can be added to your theme through its Theme files. To access these, from your Online Store, go to Themes, select Actions, and click Edit files.

Changes to the Theme's Code

For most color and style changes to the themes appearance, this can be done through the default settings, located in the themes Customiser. We can make further changes by adding to the theme files and their respective files.

Some of these changes may include:

  • Custom changes made by you, the merchant (such as by following tutorials to amend the theme)

  • Custom changes made by a developer

  • Installing (and uninstalling) apps.

Before Adding Custom Code

Duplicating Your Theme

Due to the far-reaching and potentially compromising nature of altering theme code-files, Shopify recommends duplicating your theme to create a backup copy before adding custom code, allowing you to start again if you need to.

  1. Within your Shopify admin, go to Online Store > Themes.

  2. Select Capital, and click Actions > Duplicate.

Here at WeTheme, we strongly recommend following Shopify's advice and duplicating your working theme for worst-case scenarios.

Editing Your Theme Code

Your Theme's Code Editor

To alter your theme code, use your theme's code editor:

  1. Under Sales Channels with your Shopify admin, go to Online Store > Themes.

  2. Select your theme.

  3. Click Actions, and select Edit Code from the drop-down menu.

Your Theme's Style Sheet

To find your theme's 'style-sheet':

  1. Under Sales Channels with your Shopify admin, go to Online Store > Themes.

  2. Select your theme.

  3. Click Actions, and select Edit Code from the drop-down menu.

  4. Scroll down the left sidebar, and select Assets.

  5. Locate theme.scss.liquid, or if a newer more recent theme version, locate the custom.css file and insert CSS code directly here.

Support for Code Customizations

Here at WeTheme, unfortunately we do not have the means to view, diagnose, or address theme issues related to third-party coding customizations.

When code is altered on your theme, our support team at WeTheme unfortunately cannot view these changes.

Therefore, like all third-party theme developers, we are unable to provide coding customizations as per Shopify's official guidelines.

For further information, please see the guide below for more information: