Custom Coding

Overview

Changes to the Theme's Code

Changes to your theme's appearance or functionality are made by changing to your theme's code, including:

  • 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 Envy, 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.

For modern Envy versions, this file is titled theme.scss.liquid.

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: