<aside> 🔍 Content
- Shopify Partners Account
- GitHub Account Follow the invitation link and create a new account at GitHub with the companies email
- Install IDE (Integrated Development Environment). Recommendation: [VS Code] (https://code.visualstudio.com/download), otherwise use WebStorm or Atom as desired.
- Necessary extensions for the IDE such as: Install Liquid code highlighting, GIT Plugins etc.
- Install Shopify CLI for local theme development https://shopify.dev/themes/tools/cli/getting-started
Repositories contain the theme of a Shopify store.
The branch ’
main' should always be linked as a live theme in Shopify.
<aside> ⚠️ Änderungen an der main branch sind somit final und sofort im Livebetrieb zu sehen.
Changes to the main branch are thus finally and immediately visible in live operation.
assets config layout locales sections snippets templates
<aside> 💡 Subfolders are ignored by Shopify https://shopify.dev/themes/architecture#directory-structure-and-component-types
Commit and merge messages can be relatively concise, but should accurately describe what has been changed in the commit.
Automated formatting of code, as well as removing
console.log, should also be done on your own branch. The code should be indented after 4 tab stops. Line endings should be consistent in the repository, preferably LF and not CRLF.
After receiving the task, log in to Shopify Partners, select shop and log in
Log into GitHub and search for the repository
If the desired repository does not yet exist, please contact Client
If the repository exists, check it out via SSH or HTTPS
Create New Branch
<aside> ⚠️ Always leave from the
Feature If it is a new feature, the branch should be named after the
feature/[name] schema. Where
[name] should be a useful name.
<aside> 💡 Example: feature/example-component
Bugfix If it is a bug, the branch should be named after
[name] should be a useful name.
<aside> 💡 Example: bugfix/example-bug
Start Shopify CLI for Local Theme Development: ****In the terminal in the root directory of the theme, run the following commands:
shopify login --store=SHOPIFY_SHOP_URL shopify theme serve
<aside> 💡 For information: it may well be that Shopify requires a Staff Member Account for this (for questions: contact @Martin Herd or @Marcel)
After development: current status needs to be committed and pushed
In the shop (Onlineshop/Themes) click on the select field Add Theme and select from Connect Github
connect theme from GitHub
Select the repository and connect to the previously created branch. The branch is now automatically added to Shopify as a theme.
Select repository from GitHub
Thoroughly test development on any browsers and devices using Browserstack.
Create Pull Request Pull requests should be accompanied by a short message to make it clear what is to be remembered.
Before creating a PR, it should be checked that no changes are included that are not necessary for the implemented feature. The code should be formatted and unnecessary code fragments like
console.logshould have been removed. A pull request should have been reviewed by at least one other developer.
<aside> ⚠️ ⚠️ A merge into the main branch is immediately online and should be considered irreversible.
Set the task in Clickup to check intern