RM Shopify Template

A Shopify template I made a while back.

Note:

This is very outdated and, since this was my first attempt at working with Shopify, is likely built on some non-sense and anti-patterns.

Replaceable Tags

Here are some tags you can CTRL+F through-out the project and replace in any attempt to repurpose it:

• <SHOPIFY_SUBDOMAIN> — >>abc<<.myshopify.com
• <CUSTOM_SHOPIFY_DOMAIN> — >>abc.com<<
• <FACEBOOK_USER_ID> — https://facebook.com/>>abc<</
• <INSTAGRAM_USER_ID> — https://instagram.com/>>abc<</
• <STORE_DISPLAY_NAME> — >>ABC Product<<

Features

1. Sleek header with a responsive logo, cart preview, and mobile-friendly behavior.
2. Consistent typography throughout the theme.
3. Multiple newsletter implementations with Klaviyo integration.
4. Trust badges, social media buttons, and payment provider badges embedded into the footer.
5. Multiple useful home page sections.
6. Pre-code-configured for essential apps that are already picked out for you.
7. A GDPR-compliant cookie bar and a customizable announcement bar.
8. Virus- and gluten-free.

Shopify Theme Kit

This branch runs on the Shopify Theme Kit. This branch also requires bash, node, and choco to function, so make sure to have those installed.

It is highly recommended you use this in conjunction with a Shopify Partners store so that you can develop on an environment that is isolated from your live store.

Installation

Installing the Shopify Theme Kit

choco install themekit

Pretty simple.

Configuration

In order to connect the kit to your shopify store(s), you need to modify your config.yml. An example file (example.config.yml) has been provided to show you the structure.

Use your real store for your prod credentials and your partner store for your dev credentials.

Retrieving the Theme ID

theme get --list -p=(your-password) -s=(your-store.myshopify.com)

This ID is required for your configuration. The password here is the password generated by the private managed app you must create in your store's admin page. To do this, go to your Apps view and click the small linked text at the bottom.

First Time Installation

Download the latest release (rm-shopify-theme.v___.zip) and upload the theme directly through Shopify.

Script Usage

Before running any bash command, ensure that you are in ./scripts/. Valid options for environment:

• prod
• dev

Pull from Environment

./get.sh environment

This will switch your settings_data.json to your target environment's and download your theme from the Shopify cloud.

Swapping Environments

./swap.sh -f environment

This will switch your settings_data.json to your target environment's and keep the code you currently have locally.

Start Live Preview

./start.sh [environment]

This will watch and actively deploy any changes to your local source files. The deployment target is your current environment.

Most of the time, you won't need to specify the environment. It will default to your current mirror. However, it's there if you need it.

Deploy to Environment

./deploy.sh [environment]

This will build and deploy your local source files to your current environment. This is not necessary when in live preview.

You also will most likely never need to specify the environment here. However, it's there if you need it.

Update settings_data.json

./update.sh [environment]

This will update your local settings_data.json with what's in your current environment. This is most useful when you're customizing from the admin panel simultaneously.

Won't need to change the environment — again. But, ¯\(ツ)/¯.