Loading...
「ツール」は右上に移動しました。
利用したサーバー: wtserver1
252いいね 8,887 views回再生

How to Edit Shopify Code So It’s Easy to Update Your Theme Later

How to safely customize your Shopify theme and keep it update-friendly.

Professional developers have tools like Git that can track code changes, and make it easier to move customizations to an updated theme. However, these tools are difficult to use and usually not worth learning for the casual coder - store owners or designers who just want to modify their theme.

Instead, you can try to keep your code changes separate from the theme code.

1. Keep your code in theme settings
2. Create separate files for your CSS and JS
3. Use Snippets
4. Use smart file naming
5. Use CSS when possible to avoid HTML changes
6. Write good comments

👉 RELATED VIDEOS
1. Updating your theme:    • How to Update Your Shopify Theme (without ...  
2. Shopify Coding 101:    • Shopify Coding 101 for Store Owners & Desi...  

📢 STAY UPDATED

Subscribe to my newsletter: https://ed.codes/newsletter
Youtube won’t always show you my latest videos, subscribe to be notified and see other content that I don't post on Youtube.

🙏 SUPPORT THE CHANNEL

Become a member -    / @edcodes  

🛠 CODE SHOP

https://ed.codes/shop
Pre-built sections & features for Shopify 2.0 themes, often replacing the need for apps. Copy and paste the code into your theme.

👍 MY FAVOURITE APPS & THEMES

All listed on my website - https://ed.codes/tools

📚 MY SHOPIFY CODING EBOOK

https://ed.codes/shopify-coding-handbook
Learn HTML, CSS and Shopify Liquid from the beginning and specifically for Shopify.

👨🏼‍💻 WHO AM I?

👋 My name is Eduard. I'm a web developer specializing in Shopify & Webflow.
I want to help you with the tech side of your online business with simple and straight-to-the-point videos.

Visit my website: https://ed.codes

⏭ CHAPTERS

00:00 The Problem
01:51 Keep it in theme settings
04:05 Create separate files for your CSS and JS
08:31 Use Snippets (intro to snippets)
12:15 Liquid error - could not find...
13:14 Prefix file names
14:56 Real example using snippets
16:53 Avoid HTML changes
18:52 Writing good comments
21:42 Read my ebook


#Shopify #ShopifyThemes #ShopifyDIY #ShopifyCode

コメント