Fayyaz Ahmed | Shopify Developer
내용
[subtitle-meta] lang=en auto=True
in this video we will see how to install
Shopify theme
kit
so I will give you the URL in the
description you need to click on
the getting started with Shopify theme
kit and then click on the Windows
because I am using
Windows before installing theme kit we
need to install chocolatey click on
chocolatey then click on try it
now now open Powershell of the
windows right click on Powershell and
run as a
administrator
then check the execution policy copy
this command
and paste it over
here hit
enter if it is all
signed then you are good to go if it is
not all signed you need to run this
command set execution policy all
signed I have already done that so mine
is showing all signed now I will copy
this
command and paste it here and hit
enter after a few second chocolatey will
be installed in your
computer all right
now we have installed the chocolatey now
we need to
install them Kit so copy this this
command and go to
the Powershell again and paste it here
and hit
enter
now typ
yes now go to your
Shopify
store and click on
settings then click on apps and S
channels click on develop apps and and
create a new
app name it anything you want let's say
theme kit and create that
app then configure the admin AP scope we
need to give
permission of writing the theme find
theme and click on write and read
theme hit
save then click on API
credentials install that
app and reveal the
token copy that token and save it
somewhere
then copy
this
URL of your
store this
one if you go to home you will find this
URL the URL of your store copy that and
save it somewhere
else and then we need to copy the theme
ID which
you which you would like to
download I would like to download this
live theme I click on edit code and copy
this theme ID and I will save it
somewhere in my
computer now open the visual studio code
code and open the file open the folder
where you would like to save this team
let's say I
say
AF to theme in this folder I would like
to download the theme I click
on new file and I will create a new file
config
config.yml
all right so you have
to create a file config.yml and then
type
development colon then uh space
password and copy the password over
here password then hit enter theme
underscore
ID Colum
copy the theme
ID and
then store
P
so we need to copy our story
URL Dash
do my shopify.com
then
save save this
file then press control shift C it will
open command prompt and you will be on
the right place where you have saved
this file then click theme then type
theme
download and it will start downloading
your theme in your local
machine so you have all the files of
your
theme
so
okay files are downloaded in our
computer now let's try to make uh some
changes in the
team let
we open
my website and let's try to add
something
here I will go
to
theme.
liquid before I make any changes I need
to type theme watch so if I make any
changes in the theme it
will watching my
theme and and upload them to the server
if the theme is live you need to add
extra things here
allow
live
okay so now it is watching the theme
let's make some
changes in the
theme find
Body okay let's uh
let's try something here this is
test once you save you will notice this
file is processing and updated now this
file is uploaded in your Shopify theme
and let's reload this
page and this is a test here it is
coming so this is how you can work in
your computer locally and this is how
you can download all the files thank you
원문 자막 펼치기
WEBVTT Kind: captions Language: en 00:00:01.319 --> 00:00:04.710 align:start position:0% in<00:00:01.560><c> this</c><00:00:02.040><c> video</c><00:00:03.040><c> we</c><00:00:03.199><c> will</c><00:00:03.399><c> see</c><00:00:03.679><c> how</c><00:00:03.879><c> to</c><00:00:04.160><c> install</c> 00:00:04.710 --> 00:00:04.720 align:start position:0% in this video we will see how to install 00:00:04.720 --> 00:00:07.709 align:start position:0% in this video we will see how to install Shopify<00:00:05.560><c> theme</c> 00:00:07.709 --> 00:00:07.719 align:start position:0% Shopify theme 00:00:07.719 --> 00:00:09.390 align:start position:0% Shopify theme kit 00:00:09.390 --> 00:00:09.400 align:start position:0% kit 00:00:09.400 --> 00:00:12.589 align:start position:0% kit so<00:00:10.400><c> I</c><00:00:10.519><c> will</c><00:00:11.080><c> give</c><00:00:11.280><c> you</c><00:00:11.480><c> the</c><00:00:11.639><c> URL</c><00:00:12.080><c> in</c><00:00:12.240><c> the</c> 00:00:12.589 --> 00:00:12.599 align:start position:0% so I will give you the URL in the 00:00:12.599 --> 00:00:15.189 align:start position:0% so I will give you the URL in the description<00:00:13.480><c> you</c><00:00:13.639><c> need</c><00:00:13.839><c> to</c><00:00:14.080><c> click</c><00:00:14.360><c> on</c> 00:00:15.189 --> 00:00:15.199 align:start position:0% description you need to click on 00:00:15.199 --> 00:00:18.910 align:start position:0% description you need to click on the<00:00:16.199><c> getting</c><00:00:16.520><c> started</c><00:00:16.960><c> with</c><00:00:17.160><c> Shopify</c><00:00:17.840><c> theme</c> 00:00:18.910 --> 00:00:18.920 align:start position:0% the getting started with Shopify theme 00:00:18.920 --> 00:00:22.310 align:start position:0% the getting started with Shopify theme kit<00:00:19.920><c> and</c><00:00:20.240><c> then</c><00:00:20.560><c> click</c><00:00:20.840><c> on</c><00:00:21.119><c> the</c><00:00:21.320><c> Windows</c> 00:00:22.310 --> 00:00:22.320 align:start position:0% kit and then click on the Windows 00:00:22.320 --> 00:00:24.990 align:start position:0% kit and then click on the Windows because<00:00:22.920><c> I</c><00:00:23.039><c> am</c><00:00:23.240><c> using</c> 00:00:24.990 --> 00:00:25.000 align:start position:0% because I am using 00:00:25.000 --> 00:00:27.990 align:start position:0% because I am using Windows<00:00:26.000><c> before</c><00:00:26.480><c> installing</c><00:00:27.160><c> theme</c><00:00:27.519><c> kit</c><00:00:27.880><c> we</c> 00:00:27.990 --> 00:00:28.000 align:start position:0% Windows before installing theme kit we 00:00:28.000 --> 00:00:32.030 align:start position:0% Windows before installing theme kit we need<00:00:28.199><c> to</c><00:00:28.400><c> install</c><00:00:28.880><c> chocolatey</c><00:00:29.640><c> click</c><00:00:30.080><c> on</c> 00:00:32.030 --> 00:00:32.040 align:start position:0% need to install chocolatey click on 00:00:32.040 --> 00:00:37.950 align:start position:0% need to install chocolatey click on chocolatey<00:00:33.040><c> then</c><00:00:33.320><c> click</c><00:00:33.559><c> on</c><00:00:33.960><c> try</c><00:00:34.280><c> it</c> 00:00:37.950 --> 00:00:37.960 align:start position:0% 00:00:37.960 --> 00:00:43.709 align:start position:0% now<00:00:38.960><c> now</c><00:00:39.239><c> open</c><00:00:39.640><c> Powershell</c><00:00:40.200><c> of</c><00:00:40.320><c> the</c> 00:00:43.709 --> 00:00:43.719 align:start position:0% 00:00:43.719 --> 00:00:46.470 align:start position:0% windows<00:00:44.719><c> right</c><00:00:45.000><c> click</c><00:00:45.239><c> on</c><00:00:45.480><c> Powershell</c><00:00:46.239><c> and</c> 00:00:46.470 --> 00:00:46.480 align:start position:0% windows right click on Powershell and 00:00:46.480 --> 00:00:51.990 align:start position:0% windows right click on Powershell and run<00:00:46.840><c> as</c><00:00:47.000><c> a</c> 00:00:51.990 --> 00:00:52.000 align:start position:0% 00:00:52.000 --> 00:00:55.150 align:start position:0% administrator 00:00:55.150 --> 00:00:55.160 align:start position:0% 00:00:55.160 --> 00:00:58.990 align:start position:0% then<00:00:56.160><c> check</c><00:00:56.520><c> the</c><00:00:56.719><c> execution</c><00:00:57.640><c> policy</c><00:00:58.640><c> copy</c> 00:00:58.990 --> 00:00:59.000 align:start position:0% then check the execution policy copy 00:00:59.000 --> 00:01:01.630 align:start position:0% then check the execution policy copy this<00:00:59.239><c> command</c> 00:01:01.630 --> 00:01:01.640 align:start position:0% this command 00:01:01.640 --> 00:01:08.870 align:start position:0% this command and<00:01:02.359><c> paste</c><00:01:02.680><c> it</c><00:01:02.920><c> over</c> 00:01:08.870 --> 00:01:08.880 align:start position:0% 00:01:08.880 --> 00:01:11.109 align:start position:0% here<00:01:09.880><c> hit</c> 00:01:11.109 --> 00:01:11.119 align:start position:0% here hit 00:01:11.119 --> 00:01:15.270 align:start position:0% here hit enter<00:01:12.119><c> if</c><00:01:12.320><c> it</c><00:01:12.479><c> is</c><00:01:13.000><c> all</c> 00:01:15.270 --> 00:01:15.280 align:start position:0% enter if it is all 00:01:15.280 --> 00:01:18.109 align:start position:0% enter if it is all signed<00:01:16.280><c> then</c><00:01:16.520><c> you</c><00:01:16.640><c> are</c><00:01:16.880><c> good</c><00:01:17.080><c> to</c><00:01:17.280><c> go</c><00:01:17.640><c> if</c><00:01:17.799><c> it</c><00:01:17.920><c> is</c> 00:01:18.109 --> 00:01:18.119 align:start position:0% signed then you are good to go if it is 00:01:18.119 --> 00:01:20.190 align:start position:0% signed then you are good to go if it is not<00:01:18.360><c> all</c><00:01:18.640><c> signed</c><00:01:19.159><c> you</c><00:01:19.280><c> need</c><00:01:19.479><c> to</c><00:01:19.640><c> run</c><00:01:19.960><c> this</c> 00:01:20.190 --> 00:01:20.200 align:start position:0% not all signed you need to run this 00:01:20.200 --> 00:01:24.109 align:start position:0% not all signed you need to run this command<00:01:20.600><c> set</c><00:01:21.079><c> execution</c><00:01:22.000><c> policy</c><00:01:22.600><c> all</c> 00:01:24.109 --> 00:01:24.119 align:start position:0% command set execution policy all 00:01:24.119 --> 00:01:27.630 align:start position:0% command set execution policy all signed<00:01:25.119><c> I</c><00:01:25.280><c> have</c><00:01:25.560><c> already</c><00:01:26.000><c> done</c><00:01:26.360><c> that</c><00:01:27.079><c> so</c><00:01:27.360><c> mine</c> 00:01:27.630 --> 00:01:27.640 align:start position:0% signed I have already done that so mine 00:01:27.640 --> 00:01:30.990 align:start position:0% signed I have already done that so mine is<00:01:27.759><c> showing</c><00:01:28.240><c> all</c><00:01:28.840><c> signed</c><00:01:29.960><c> now</c><00:01:30.200><c> I</c><00:01:30.320><c> will</c><00:01:30.600><c> copy</c> 00:01:30.990 --> 00:01:31.000 align:start position:0% is showing all signed now I will copy 00:01:31.000 --> 00:01:33.069 align:start position:0% is showing all signed now I will copy this 00:01:33.069 --> 00:01:33.079 align:start position:0% this 00:01:33.079 --> 00:01:38.230 align:start position:0% this command<00:01:34.079><c> and</c><00:01:34.479><c> paste</c><00:01:34.759><c> it</c><00:01:35.040><c> here</c><00:01:35.280><c> and</c><00:01:35.520><c> hit</c> 00:01:38.230 --> 00:01:38.240 align:start position:0% 00:01:38.240 --> 00:01:41.830 align:start position:0% enter<00:01:39.240><c> after</c><00:01:39.520><c> a</c><00:01:39.600><c> few</c><00:01:39.960><c> second</c><00:01:40.720><c> chocolatey</c><00:01:41.640><c> will</c> 00:01:41.830 --> 00:01:41.840 align:start position:0% enter after a few second chocolatey will 00:01:41.840 --> 00:01:46.510 align:start position:0% enter after a few second chocolatey will be<00:01:42.079><c> installed</c><00:01:42.680><c> in</c><00:01:42.880><c> your</c> 00:01:46.510 --> 00:01:46.520 align:start position:0% 00:01:46.520 --> 00:01:49.550 align:start position:0% computer<00:01:47.520><c> all</c><00:01:47.719><c> right</c> 00:01:49.550 --> 00:01:49.560 align:start position:0% computer all right 00:01:49.560 --> 00:01:52.550 align:start position:0% computer all right now<00:01:50.560><c> we</c><00:01:50.759><c> have</c><00:01:50.920><c> installed</c><00:01:51.360><c> the</c><00:01:51.520><c> chocolatey</c><00:01:52.399><c> now</c> 00:01:52.550 --> 00:01:52.560 align:start position:0% now we have installed the chocolatey now 00:01:52.560 --> 00:01:56.389 align:start position:0% now we have installed the chocolatey now we<00:01:52.680><c> need</c><00:01:52.880><c> to</c> 00:01:56.389 --> 00:01:56.399 align:start position:0% 00:01:56.399 --> 00:02:00.109 align:start position:0% install<00:01:57.399><c> them</c><00:01:58.039><c> Kit</c><00:01:59.039><c> so</c><00:01:59.320><c> copy</c><00:01:59.680><c> this</c><00:01:59.880><c> this</c> 00:02:00.109 --> 00:02:00.119 align:start position:0% install them Kit so copy this this 00:02:00.119 --> 00:02:02.429 align:start position:0% install them Kit so copy this this command<00:02:01.119><c> and</c><00:02:01.320><c> go</c><00:02:01.520><c> to</c> 00:02:02.429 --> 00:02:02.439 align:start position:0% command and go to 00:02:02.439 --> 00:02:05.789 align:start position:0% command and go to the<00:02:03.439><c> Powershell</c><00:02:04.119><c> again</c><00:02:04.719><c> and</c><00:02:04.960><c> paste</c><00:02:05.240><c> it</c><00:02:05.560><c> here</c> 00:02:05.789 --> 00:02:05.799 align:start position:0% the Powershell again and paste it here 00:02:05.799 --> 00:02:08.830 align:start position:0% the Powershell again and paste it here and<00:02:06.039><c> hit</c> 00:02:08.830 --> 00:02:08.840 align:start position:0% 00:02:08.840 --> 00:02:11.869 align:start position:0% enter 00:02:11.869 --> 00:02:11.879 align:start position:0% 00:02:11.879 --> 00:02:15.030 align:start position:0% now<00:02:12.879><c> typ</c> 00:02:15.030 --> 00:02:15.040 align:start position:0% now typ 00:02:15.040 --> 00:02:18.509 align:start position:0% now typ yes<00:02:16.040><c> now</c><00:02:16.280><c> go</c><00:02:16.440><c> to</c><00:02:16.640><c> your</c> 00:02:18.509 --> 00:02:18.519 align:start position:0% yes now go to your 00:02:18.519 --> 00:02:20.070 align:start position:0% yes now go to your Shopify 00:02:20.070 --> 00:02:20.080 align:start position:0% Shopify 00:02:20.080 --> 00:02:23.509 align:start position:0% Shopify store<00:02:21.080><c> and</c><00:02:22.080><c> click</c><00:02:22.360><c> on</c> 00:02:23.509 --> 00:02:23.519 align:start position:0% store and click on 00:02:23.519 --> 00:02:26.630 align:start position:0% store and click on settings<00:02:24.519><c> then</c><00:02:24.760><c> click</c><00:02:25.000><c> on</c><00:02:25.400><c> apps</c><00:02:25.720><c> and</c><00:02:25.879><c> S</c> 00:02:26.630 --> 00:02:26.640 align:start position:0% settings then click on apps and S 00:02:26.640 --> 00:02:29.990 align:start position:0% settings then click on apps and S channels<00:02:27.640><c> click</c><00:02:27.879><c> on</c><00:02:28.239><c> develop</c><00:02:28.959><c> apps</c><00:02:29.560><c> and</c><00:02:29.840><c> and</c> 00:02:29.990 --> 00:02:30.000 align:start position:0% channels click on develop apps and and 00:02:30.000 --> 00:02:31.350 align:start position:0% channels click on develop apps and and create<00:02:30.239><c> a</c><00:02:30.400><c> new</c> 00:02:31.350 --> 00:02:31.360 align:start position:0% create a new 00:02:31.360 --> 00:02:36.070 align:start position:0% create a new app<00:02:32.360><c> name</c><00:02:32.640><c> it</c><00:02:33.400><c> anything</c><00:02:33.840><c> you</c><00:02:34.000><c> want</c><00:02:34.519><c> let's</c><00:02:34.760><c> say</c> 00:02:36.070 --> 00:02:36.080 align:start position:0% app name it anything you want let's say 00:02:36.080 --> 00:02:42.190 align:start position:0% app name it anything you want let's say theme<00:02:37.560><c> kit</c><00:02:38.560><c> and</c><00:02:38.840><c> create</c><00:02:39.239><c> that</c> 00:02:42.190 --> 00:02:42.200 align:start position:0% 00:02:42.200 --> 00:02:46.670 align:start position:0% app<00:02:43.200><c> then</c><00:02:43.599><c> configure</c><00:02:44.120><c> the</c><00:02:44.280><c> admin</c><00:02:44.879><c> AP</c><00:02:45.519><c> scope</c><00:02:46.519><c> we</c> 00:02:46.670 --> 00:02:46.680 align:start position:0% app then configure the admin AP scope we 00:02:46.680 --> 00:02:48.509 align:start position:0% app then configure the admin AP scope we need<00:02:46.879><c> to</c><00:02:47.120><c> give</c> 00:02:48.509 --> 00:02:48.519 align:start position:0% need to give 00:02:48.519 --> 00:02:51.470 align:start position:0% need to give permission<00:02:49.519><c> of</c><00:02:49.720><c> writing</c><00:02:50.040><c> the</c><00:02:50.280><c> theme</c><00:02:50.959><c> find</c> 00:02:51.470 --> 00:02:51.480 align:start position:0% permission of writing the theme find 00:02:51.480 --> 00:02:54.790 align:start position:0% permission of writing the theme find theme<00:02:51.920><c> and</c><00:02:52.159><c> click</c><00:02:52.400><c> on</c><00:02:52.800><c> write</c><00:02:53.319><c> and</c><00:02:53.560><c> read</c> 00:02:54.790 --> 00:02:54.800 align:start position:0% theme and click on write and read 00:02:54.800 --> 00:02:58.229 align:start position:0% theme and click on write and read theme<00:02:55.800><c> hit</c> 00:02:58.229 --> 00:02:58.239 align:start position:0% 00:02:58.239 --> 00:03:01.270 align:start position:0% save<00:02:59.239><c> then</c><00:02:59.440><c> click</c><00:02:59.840><c> on</c><00:03:00.000><c> API</c> 00:03:01.270 --> 00:03:01.280 align:start position:0% save then click on API 00:03:01.280 --> 00:03:06.070 align:start position:0% save then click on API credentials<00:03:02.280><c> install</c><00:03:02.840><c> that</c> 00:03:06.070 --> 00:03:06.080 align:start position:0% 00:03:06.080 --> 00:03:08.789 align:start position:0% app<00:03:07.080><c> and</c><00:03:07.560><c> reveal</c><00:03:08.000><c> the</c> 00:03:08.789 --> 00:03:08.799 align:start position:0% app and reveal the 00:03:08.799 --> 00:03:14.030 align:start position:0% app and reveal the token<00:03:09.799><c> copy</c><00:03:10.159><c> that</c><00:03:10.400><c> token</c><00:03:11.360><c> and</c><00:03:11.760><c> save</c><00:03:12.080><c> it</c> 00:03:14.030 --> 00:03:14.040 align:start position:0% token copy that token and save it 00:03:14.040 --> 00:03:15.830 align:start position:0% token copy that token and save it somewhere 00:03:15.830 --> 00:03:15.840 align:start position:0% somewhere 00:03:15.840 --> 00:03:17.949 align:start position:0% somewhere then<00:03:16.840><c> copy</c> 00:03:17.949 --> 00:03:17.959 align:start position:0% then copy 00:03:17.959 --> 00:03:19.670 align:start position:0% then copy this 00:03:19.670 --> 00:03:19.680 align:start position:0% this 00:03:19.680 --> 00:03:21.869 align:start position:0% this URL<00:03:20.680><c> of</c><00:03:20.879><c> your</c> 00:03:21.869 --> 00:03:21.879 align:start position:0% URL of your 00:03:21.879 --> 00:03:23.670 align:start position:0% URL of your store<00:03:22.879><c> this</c> 00:03:23.670 --> 00:03:23.680 align:start position:0% store this 00:03:23.680 --> 00:03:27.750 align:start position:0% store this one<00:03:24.680><c> if</c><00:03:24.799><c> you</c><00:03:24.959><c> go</c><00:03:25.120><c> to</c><00:03:25.480><c> home</c><00:03:26.480><c> you</c><00:03:26.599><c> will</c><00:03:26.879><c> find</c><00:03:27.319><c> this</c> 00:03:27.750 --> 00:03:27.760 align:start position:0% one if you go to home you will find this 00:03:27.760 --> 00:03:30.949 align:start position:0% one if you go to home you will find this URL<00:03:28.760><c> the</c><00:03:28.879><c> URL</c><00:03:29.200><c> of</c><00:03:29.319><c> your</c><00:03:29.439><c> store</c><00:03:30.080><c> copy</c><00:03:30.480><c> that</c><00:03:30.760><c> and</c> 00:03:30.949 --> 00:03:30.959 align:start position:0% URL the URL of your store copy that and 00:03:30.959 --> 00:03:33.229 align:start position:0% URL the URL of your store copy that and save<00:03:31.239><c> it</c><00:03:31.439><c> somewhere</c> 00:03:33.229 --> 00:03:33.239 align:start position:0% save it somewhere 00:03:33.239 --> 00:03:38.229 align:start position:0% save it somewhere else<00:03:34.239><c> and</c><00:03:34.439><c> then</c><00:03:34.640><c> we</c><00:03:34.799><c> need</c><00:03:35.120><c> to</c><00:03:36.120><c> copy</c><00:03:36.840><c> the</c><00:03:37.840><c> theme</c> 00:03:38.229 --> 00:03:38.239 align:start position:0% else and then we need to copy the theme 00:03:38.239 --> 00:03:40.350 align:start position:0% else and then we need to copy the theme ID<00:03:39.080><c> which</c> 00:03:40.350 --> 00:03:40.360 align:start position:0% ID which 00:03:40.360 --> 00:03:43.710 align:start position:0% ID which you<00:03:41.360><c> which</c><00:03:41.480><c> you</c><00:03:41.599><c> would</c><00:03:41.840><c> like</c><00:03:42.040><c> to</c> 00:03:43.710 --> 00:03:43.720 align:start position:0% you which you would like to 00:03:43.720 --> 00:03:46.350 align:start position:0% you which you would like to download<00:03:44.720><c> I</c><00:03:44.840><c> would</c><00:03:45.080><c> like</c><00:03:45.239><c> to</c><00:03:45.720><c> download</c><00:03:46.200><c> this</c> 00:03:46.350 --> 00:03:46.360 align:start position:0% download I would like to download this 00:03:46.360 --> 00:03:50.509 align:start position:0% download I would like to download this live<00:03:46.640><c> theme</c><00:03:47.000><c> I</c><00:03:47.159><c> click</c><00:03:47.400><c> on</c><00:03:48.319><c> edit</c><00:03:48.799><c> code</c><00:03:49.799><c> and</c><00:03:50.080><c> copy</c> 00:03:50.509 --> 00:03:50.519 align:start position:0% live theme I click on edit code and copy 00:03:50.519 --> 00:03:54.429 align:start position:0% live theme I click on edit code and copy this<00:03:51.360><c> theme</c><00:03:51.720><c> ID</c><00:03:52.480><c> and</c><00:03:52.840><c> I</c><00:03:52.959><c> will</c><00:03:53.200><c> save</c><00:03:53.519><c> it</c> 00:03:54.429 --> 00:03:54.439 align:start position:0% this theme ID and I will save it 00:03:54.439 --> 00:03:56.869 align:start position:0% this theme ID and I will save it somewhere<00:03:55.439><c> in</c><00:03:55.640><c> my</c> 00:03:56.869 --> 00:03:56.879 align:start position:0% somewhere in my 00:03:56.879 --> 00:04:02.190 align:start position:0% somewhere in my computer<00:03:57.879><c> now</c><00:03:58.439><c> open</c><00:03:58.760><c> the</c><00:03:58.920><c> visual</c><00:03:59.200><c> studio</c><00:03:59.519><c> code</c> 00:04:02.190 --> 00:04:02.200 align:start position:0% 00:04:02.200 --> 00:04:05.350 align:start position:0% code<00:04:03.200><c> and</c><00:04:03.439><c> open</c><00:04:03.760><c> the</c><00:04:04.000><c> file</c><00:04:04.519><c> open</c><00:04:04.760><c> the</c><00:04:04.920><c> folder</c> 00:04:05.350 --> 00:04:05.360 align:start position:0% code and open the file open the folder 00:04:05.360 --> 00:04:08.470 align:start position:0% code and open the file open the folder where<00:04:05.519><c> you</c><00:04:05.640><c> would</c><00:04:05.879><c> like</c><00:04:06.079><c> to</c><00:04:06.640><c> save</c><00:04:07.040><c> this</c><00:04:07.480><c> team</c> 00:04:08.470 --> 00:04:08.480 align:start position:0% where you would like to save this team 00:04:08.480 --> 00:04:09.710 align:start position:0% where you would like to save this team let's<00:04:08.720><c> say</c><00:04:08.959><c> I</c> 00:04:09.710 --> 00:04:09.720 align:start position:0% let's say I 00:04:09.720 --> 00:04:11.949 align:start position:0% let's say I say 00:04:11.949 --> 00:04:11.959 align:start position:0% say 00:04:11.959 --> 00:04:16.189 align:start position:0% say AF<00:04:12.959><c> to</c><00:04:13.840><c> theme</c><00:04:14.760><c> in</c><00:04:14.959><c> this</c><00:04:15.120><c> folder</c><00:04:15.560><c> I</c><00:04:15.720><c> would</c><00:04:15.920><c> like</c> 00:04:16.189 --> 00:04:16.199 align:start position:0% AF to theme in this folder I would like 00:04:16.199 --> 00:04:19.990 align:start position:0% AF to theme in this folder I would like to<00:04:17.199><c> download</c><00:04:17.759><c> the</c><00:04:18.440><c> theme</c><00:04:18.919><c> I</c><00:04:19.120><c> click</c> 00:04:19.990 --> 00:04:20.000 align:start position:0% to download the theme I click 00:04:20.000 --> 00:04:25.270 align:start position:0% to download the theme I click on<00:04:21.000><c> new</c><00:04:21.320><c> file</c><00:04:21.959><c> and</c><00:04:22.240><c> I</c><00:04:22.320><c> will</c><00:04:22.600><c> create</c><00:04:22.880><c> a</c><00:04:23.040><c> new</c><00:04:23.240><c> file</c> 00:04:25.270 --> 00:04:25.280 align:start position:0% on new file and I will create a new file 00:04:25.280 --> 00:04:27.629 align:start position:0% on new file and I will create a new file config 00:04:27.629 --> 00:04:27.639 align:start position:0% config 00:04:27.639 --> 00:04:30.390 align:start position:0% config config.yml 00:04:30.390 --> 00:04:30.400 align:start position:0% config.yml 00:04:30.400 --> 00:04:32.830 align:start position:0% config.yml all<00:04:30.600><c> right</c><00:04:30.919><c> so</c><00:04:31.120><c> you</c><00:04:31.360><c> have</c> 00:04:32.830 --> 00:04:32.840 align:start position:0% all right so you have 00:04:32.840 --> 00:04:36.230 align:start position:0% all right so you have to<00:04:33.840><c> create</c><00:04:34.120><c> a</c><00:04:34.320><c> file</c><00:04:34.680><c> config.yml</c><00:04:35.479><c> and</c><00:04:36.000><c> then</c> 00:04:36.230 --> 00:04:36.240 align:start position:0% to create a file config.yml and then 00:04:36.240 --> 00:04:38.510 align:start position:0% to create a file config.yml and then type 00:04:38.510 --> 00:04:38.520 align:start position:0% type 00:04:38.520 --> 00:04:44.590 align:start position:0% type development<00:04:40.000><c> colon</c><00:04:41.000><c> then</c><00:04:41.600><c> uh</c><00:04:42.759><c> space</c> 00:04:44.590 --> 00:04:44.600 align:start position:0% development colon then uh space 00:04:44.600 --> 00:04:50.749 align:start position:0% development colon then uh space password<00:04:46.080><c> and</c><00:04:47.080><c> copy</c><00:04:47.400><c> the</c><00:04:47.639><c> password</c><00:04:48.560><c> over</c> 00:04:50.749 --> 00:04:50.759 align:start position:0% password and copy the password over 00:04:50.759 --> 00:04:55.870 align:start position:0% password and copy the password over here<00:04:52.039><c> password</c><00:04:53.039><c> then</c><00:04:53.880><c> hit</c><00:04:54.199><c> enter</c><00:04:54.960><c> theme</c> 00:04:55.870 --> 00:04:55.880 align:start position:0% here password then hit enter theme 00:04:55.880 --> 00:04:57.390 align:start position:0% here password then hit enter theme underscore 00:04:57.390 --> 00:04:57.400 align:start position:0% underscore 00:04:57.400 --> 00:05:00.070 align:start position:0% underscore ID<00:04:58.560><c> Colum</c> 00:05:00.070 --> 00:05:00.080 align:start position:0% ID Colum 00:05:00.080 --> 00:05:02.430 align:start position:0% ID Colum copy<00:05:00.479><c> the</c><00:05:00.639><c> theme</c> 00:05:02.430 --> 00:05:02.440 align:start position:0% copy the theme 00:05:02.440 --> 00:05:04.590 align:start position:0% copy the theme ID<00:05:03.440><c> and</c> 00:05:04.590 --> 00:05:04.600 align:start position:0% ID and 00:05:04.600 --> 00:05:07.830 align:start position:0% ID and then<00:05:05.600><c> store</c> 00:05:07.830 --> 00:05:07.840 align:start position:0% then store 00:05:07.840 --> 00:05:09.469 align:start position:0% then store P 00:05:09.469 --> 00:05:09.479 align:start position:0% P 00:05:09.479 --> 00:05:13.590 align:start position:0% P so<00:05:10.479><c> we</c><00:05:10.639><c> need</c><00:05:10.840><c> to</c><00:05:11.080><c> copy</c><00:05:11.520><c> our</c><00:05:11.919><c> story</c> 00:05:13.590 --> 00:05:13.600 align:start position:0% so we need to copy our story 00:05:13.600 --> 00:05:15.950 align:start position:0% so we need to copy our story URL<00:05:14.600><c> Dash</c> 00:05:15.950 --> 00:05:15.960 align:start position:0% URL Dash 00:05:15.960 --> 00:05:19.830 align:start position:0% URL Dash do<00:05:16.960><c> my</c><00:05:17.880><c> shopify.com</c> 00:05:19.830 --> 00:05:19.840 align:start position:0% do my shopify.com 00:05:19.840 --> 00:05:22.670 align:start position:0% do my shopify.com then 00:05:22.670 --> 00:05:22.680 align:start position:0% then 00:05:22.680 --> 00:05:25.270 align:start position:0% then save<00:05:23.680><c> save</c><00:05:24.039><c> this</c> 00:05:25.270 --> 00:05:25.280 align:start position:0% save save this 00:05:25.280 --> 00:05:29.909 align:start position:0% save save this file<00:05:26.280><c> then</c><00:05:26.600><c> press</c><00:05:27.240><c> control</c><00:05:27.840><c> shift</c><00:05:28.479><c> C</c><00:05:29.560><c> it</c><00:05:29.720><c> will</c> 00:05:29.909 --> 00:05:29.919 align:start position:0% file then press control shift C it will 00:05:29.919 --> 00:05:32.350 align:start position:0% file then press control shift C it will open<00:05:30.440><c> command</c><00:05:30.840><c> prompt</c><00:05:31.280><c> and</c><00:05:31.479><c> you</c><00:05:31.600><c> will</c><00:05:31.800><c> be</c><00:05:32.160><c> on</c> 00:05:32.350 --> 00:05:32.360 align:start position:0% open command prompt and you will be on 00:05:32.360 --> 00:05:34.870 align:start position:0% open command prompt and you will be on the<00:05:32.600><c> right</c><00:05:32.880><c> place</c><00:05:33.199><c> where</c><00:05:33.400><c> you</c><00:05:33.560><c> have</c><00:05:34.400><c> saved</c> 00:05:34.870 --> 00:05:34.880 align:start position:0% the right place where you have saved 00:05:34.880 --> 00:05:38.390 align:start position:0% the right place where you have saved this<00:05:35.080><c> file</c><00:05:36.039><c> then</c><00:05:36.319><c> click</c><00:05:37.160><c> theme</c><00:05:37.840><c> then</c><00:05:38.120><c> type</c> 00:05:38.390 --> 00:05:38.400 align:start position:0% this file then click theme then type 00:05:38.400 --> 00:05:40.550 align:start position:0% this file then click theme then type theme 00:05:40.550 --> 00:05:40.560 align:start position:0% theme 00:05:40.560 --> 00:05:43.110 align:start position:0% theme download<00:05:41.560><c> and</c><00:05:41.880><c> it</c><00:05:42.000><c> will</c><00:05:42.199><c> start</c><00:05:42.560><c> downloading</c> 00:05:43.110 --> 00:05:43.120 align:start position:0% download and it will start downloading 00:05:43.120 --> 00:05:45.350 align:start position:0% download and it will start downloading your<00:05:43.400><c> theme</c><00:05:43.800><c> in</c><00:05:43.960><c> your</c><00:05:44.240><c> local</c> 00:05:45.350 --> 00:05:45.360 align:start position:0% your theme in your local 00:05:45.360 --> 00:05:48.830 align:start position:0% your theme in your local machine<00:05:46.360><c> so</c><00:05:46.560><c> you</c><00:05:46.720><c> have</c><00:05:46.919><c> all</c><00:05:47.120><c> the</c><00:05:47.280><c> files</c><00:05:47.840><c> of</c> 00:05:48.830 --> 00:05:48.840 align:start position:0% machine so you have all the files of 00:05:48.840 --> 00:05:51.749 align:start position:0% machine so you have all the files of your 00:05:51.749 --> 00:05:51.759 align:start position:0% your 00:05:51.759 --> 00:05:58.469 align:start position:0% your theme 00:05:58.469 --> 00:05:58.479 align:start position:0% 00:05:58.479 --> 00:06:17.589 align:start position:0% so 00:06:17.589 --> 00:06:17.599 align:start position:0% 00:06:17.599 --> 00:06:20.189 align:start position:0% okay<00:06:17.840><c> files</c><00:06:18.199><c> are</c><00:06:18.479><c> downloaded</c><00:06:19.199><c> in</c><00:06:19.400><c> our</c> 00:06:20.189 --> 00:06:20.199 align:start position:0% okay files are downloaded in our 00:06:20.199 --> 00:06:23.469 align:start position:0% okay files are downloaded in our computer<00:06:21.199><c> now</c><00:06:21.440><c> let's</c><00:06:21.759><c> try</c><00:06:22.039><c> to</c><00:06:22.360><c> make</c><00:06:22.880><c> uh</c><00:06:23.039><c> some</c> 00:06:23.469 --> 00:06:23.479 align:start position:0% computer now let's try to make uh some 00:06:23.479 --> 00:06:25.670 align:start position:0% computer now let's try to make uh some changes<00:06:23.960><c> in</c><00:06:24.160><c> the</c> 00:06:25.670 --> 00:06:25.680 align:start position:0% changes in the 00:06:25.680 --> 00:06:28.390 align:start position:0% changes in the team<00:06:26.680><c> let</c> 00:06:28.390 --> 00:06:28.400 align:start position:0% team let 00:06:28.400 --> 00:06:33.110 align:start position:0% team let we<00:06:29.720><c> open</c> 00:06:33.110 --> 00:06:33.120 align:start position:0% 00:06:33.120 --> 00:06:36.749 align:start position:0% my<00:06:34.520><c> website</c><00:06:35.520><c> and</c><00:06:35.720><c> let's</c><00:06:36.039><c> try</c><00:06:36.280><c> to</c><00:06:36.520><c> add</c> 00:06:36.749 --> 00:06:36.759 align:start position:0% my website and let's try to add 00:06:36.759 --> 00:06:37.790 align:start position:0% my website and let's try to add something 00:06:37.790 --> 00:06:37.800 align:start position:0% something 00:06:37.800 --> 00:06:40.270 align:start position:0% something here<00:06:38.800><c> I</c><00:06:38.919><c> will</c><00:06:39.199><c> go</c> 00:06:40.270 --> 00:06:40.280 align:start position:0% here I will go 00:06:40.280 --> 00:06:42.430 align:start position:0% here I will go to 00:06:42.430 --> 00:06:42.440 align:start position:0% to 00:06:42.440 --> 00:06:45.510 align:start position:0% to theme. 00:06:45.510 --> 00:06:45.520 align:start position:0% 00:06:45.520 --> 00:06:48.430 align:start position:0% liquid<00:06:46.520><c> before</c><00:06:47.039><c> I</c><00:06:47.199><c> make</c><00:06:47.479><c> any</c><00:06:47.680><c> changes</c><00:06:48.120><c> I</c><00:06:48.280><c> need</c> 00:06:48.430 --> 00:06:48.440 align:start position:0% liquid before I make any changes I need 00:06:48.440 --> 00:06:52.629 align:start position:0% liquid before I make any changes I need to<00:06:48.720><c> type</c><00:06:49.479><c> theme</c><00:06:50.479><c> watch</c><00:06:51.360><c> so</c><00:06:51.759><c> if</c><00:06:51.919><c> I</c><00:06:52.120><c> make</c><00:06:52.400><c> any</c> 00:06:52.629 --> 00:06:52.639 align:start position:0% to type theme watch so if I make any 00:06:52.639 --> 00:06:55.830 align:start position:0% to type theme watch so if I make any changes<00:06:53.160><c> in</c><00:06:53.360><c> the</c><00:06:54.000><c> theme</c><00:06:55.000><c> it</c> 00:06:55.830 --> 00:06:55.840 align:start position:0% changes in the theme it 00:06:55.840 --> 00:06:58.230 align:start position:0% changes in the theme it will<00:06:56.840><c> watching</c><00:06:57.280><c> my</c> 00:06:58.230 --> 00:06:58.240 align:start position:0% will watching my 00:06:58.240 --> 00:07:02.990 align:start position:0% will watching my theme<00:06:59.240><c> and</c><00:06:59.479><c> and</c><00:07:00.360><c> upload</c><00:07:00.840><c> them</c><00:07:01.199><c> to</c><00:07:01.400><c> the</c><00:07:02.000><c> server</c> 00:07:02.990 --> 00:07:03.000 align:start position:0% theme and and upload them to the server 00:07:03.000 --> 00:07:07.830 align:start position:0% theme and and upload them to the server if<00:07:03.240><c> the</c><00:07:03.400><c> theme</c><00:07:03.720><c> is</c><00:07:03.919><c> live</c><00:07:04.319><c> you</c><00:07:04.479><c> need</c><00:07:04.680><c> to</c><00:07:04.919><c> add</c> 00:07:07.830 --> 00:07:07.840 align:start position:0% 00:07:07.840 --> 00:07:11.270 align:start position:0% extra<00:07:08.840><c> things</c><00:07:09.280><c> here</c> 00:07:11.270 --> 00:07:11.280 align:start position:0% extra things here 00:07:11.280 --> 00:07:12.790 align:start position:0% extra things here allow 00:07:12.790 --> 00:07:12.800 align:start position:0% allow 00:07:12.800 --> 00:07:15.869 align:start position:0% allow live 00:07:15.869 --> 00:07:15.879 align:start position:0% 00:07:15.879 --> 00:07:18.510 align:start position:0% okay<00:07:16.879><c> so</c><00:07:17.120><c> now</c><00:07:17.360><c> it</c><00:07:17.479><c> is</c><00:07:17.639><c> watching</c><00:07:17.960><c> the</c><00:07:18.160><c> theme</c> 00:07:18.510 --> 00:07:18.520 align:start position:0% okay so now it is watching the theme 00:07:18.520 --> 00:07:20.589 align:start position:0% okay so now it is watching the theme let's<00:07:19.479><c> make</c><00:07:19.800><c> some</c> 00:07:20.589 --> 00:07:20.599 align:start position:0% let's make some 00:07:20.599 --> 00:07:23.950 align:start position:0% let's make some changes<00:07:21.599><c> in</c><00:07:21.840><c> the</c> 00:07:23.950 --> 00:07:23.960 align:start position:0% changes in the 00:07:23.960 --> 00:07:26.790 align:start position:0% changes in the theme<00:07:24.960><c> find</c> 00:07:26.790 --> 00:07:26.800 align:start position:0% theme find 00:07:26.800 --> 00:07:31.189 align:start position:0% theme find Body<00:07:27.800><c> okay</c><00:07:28.039><c> let's</c><00:07:28.759><c> uh</c> 00:07:31.189 --> 00:07:31.199 align:start position:0% Body okay let's uh 00:07:31.199 --> 00:07:37.670 align:start position:0% Body okay let's uh let's<00:07:31.520><c> try</c><00:07:31.879><c> something</c><00:07:32.800><c> here</c><00:07:33.800><c> this</c><00:07:34.160><c> is</c> 00:07:37.670 --> 00:07:37.680 align:start position:0% 00:07:37.680 --> 00:07:41.469 align:start position:0% test<00:07:38.680><c> once</c><00:07:38.919><c> you</c><00:07:39.120><c> save</c><00:07:40.080><c> you</c><00:07:40.199><c> will</c><00:07:40.440><c> notice</c><00:07:41.280><c> this</c> 00:07:41.469 --> 00:07:41.479 align:start position:0% test once you save you will notice this 00:07:41.479 --> 00:07:44.309 align:start position:0% test once you save you will notice this file<00:07:41.759><c> is</c><00:07:42.160><c> processing</c><00:07:42.800><c> and</c><00:07:43.039><c> updated</c><00:07:43.759><c> now</c><00:07:44.080><c> this</c> 00:07:44.309 --> 00:07:44.319 align:start position:0% file is processing and updated now this 00:07:44.319 --> 00:07:48.710 align:start position:0% file is processing and updated now this file<00:07:44.599><c> is</c><00:07:44.840><c> uploaded</c><00:07:45.840><c> in</c><00:07:46.080><c> your</c><00:07:46.720><c> Shopify</c><00:07:47.720><c> theme</c> 00:07:48.710 --> 00:07:48.720 align:start position:0% file is uploaded in your Shopify theme 00:07:48.720 --> 00:07:52.990 align:start position:0% file is uploaded in your Shopify theme and<00:07:48.960><c> let's</c><00:07:49.440><c> reload</c><00:07:50.000><c> this</c> 00:07:52.990 --> 00:07:53.000 align:start position:0% 00:07:53.000 --> 00:07:55.869 align:start position:0% page<00:07:54.000><c> and</c><00:07:54.199><c> this</c><00:07:54.319><c> is</c><00:07:54.440><c> a</c><00:07:54.680><c> test</c><00:07:55.120><c> here</c><00:07:55.319><c> it</c><00:07:55.440><c> is</c> 00:07:55.869 --> 00:07:55.879 align:start position:0% page and this is a test here it is 00:07:55.879 --> 00:07:59.029 align:start position:0% page and this is a test here it is coming<00:07:56.879><c> so</c><00:07:57.120><c> this</c><00:07:57.240><c> is</c><00:07:57.440><c> how</c><00:07:57.680><c> you</c><00:07:57.840><c> can</c><00:07:58.319><c> work</c><00:07:58.599><c> in</c> 00:07:59.029 --> 00:07:59.039 align:start position:0% coming so this is how you can work in 00:07:59.039 --> 00:08:01.790 align:start position:0% coming so this is how you can work in your<00:07:59.440><c> computer</c><00:08:00.000><c> locally</c><00:08:01.000><c> and</c><00:08:01.240><c> this</c><00:08:01.360><c> is</c><00:08:01.560><c> how</c> 00:08:01.790 --> 00:08:01.800 align:start position:0% your computer locally and this is how 00:08:01.800 --> 00:08:07.479 align:start position:0% your computer locally and this is how you<00:08:01.919><c> can</c><00:08:02.159><c> download</c><00:08:02.599><c> all</c><00:08:02.759><c> the</c><00:08:03.120><c> files</c><00:08:04.120><c> thank</c><00:08:04.479><c> you</c>