Stacking Context - Shopify Development Tutorials
내용
[subtitle-meta] lang=en auto=True
hello in this series of videos I'm going
to be covering how to do Shopify theme
development using liquid as you can see
here liquid is a template engine created
by
Shopify it is available as an open
source project which you can check by
clicking on this link over here and it
can be used for building Shopify themes
now what are themes in Shopify well
there are basically the front end of a
Shopify store and it is basically what
your users will interact with when they
visit your stores page there are a few
other ways to build RS for Shopify such
as with hydrogen which is shopify's
react framework or with Shopify headless
API which lets you lets you use any
frontend technology you want and connect
to shopify's backand through their API
but the most the most right forward Way
by far is by using liquid as you get a
lot of functionality out of the box such
as CMS which is which in Shopify is
called online editor hosting for your
for your store at no extra Cod as it is
already included in your Shopify plan
and integration with shopify's third
party app
ecosystem now I should mention that you
can build Shopify themes for two
purposes one is building a theme that
adapts to a particular business or
client needs and then the other one is
building a theme to distribute through
Shopify app stores in this series we'll
be focusing on the former as building a
theme for the App Store has to take into
consideration a number of guidelines
which you can see over here there are
plenty of them this document is pretty
lengthy and when you're building a theme
for a client you don't really have to
take into consideration everything over
here although most of these are good
practices however things like for
example the font picker over here when
you are publishing a theme in the App
Store you cannot use custom fonts but if
you're building a theme for a client and
then your client wants to use custom
fonts then of course you can add them
likewise for the color system here you
have to use a minimum of four colors but
if your client's brand has less colors
than this then you can use as little or
as many if you need to as you need to
now also for this series of videos you
have to be at least familiar with HTML
CSS and JavaScript as liquid works works
in conjunction with those Technologies
to build the front end for your store
and now with that out of the way let's
get
started Okay so next thing we need to do
is go to shopify.com SLP partners and
over here we will be creating a Partners
account in case we don't have one or log
in if you do I already have an account
so I'll click on log in but if you don't
click on join now and fill in the signup
form once you log in you'll see a
dashboard similar to this and over here
in a stores this is where you will see
all the stores you are collaborated in
if you're working with a client they
should invite you to their store and the
store will up here over here however for
this videos I'm going to be creating a
development store and we will work with
that a development store is basically a
Shopify store that is not under any
Shopify plan and we can use for testing
purposes for learning how to work with
certain apis they also come with test
data and even and they can even have
access to some features that are still
in beta so they are very handy for
learning how to work with Shopify here
I'm going to say that this is a store
for testing and
building and now I'm going to give the
store name Shopify theme I think I
cannot use Shopify over here actually so
theme development tutorials
2023 here you could use the latest build
which is basically all the features that
are production ready on Shopify sound or
you can select a developer preview which
is all of these features that are still
in beta you cannot select multiple of
those unfortunately so if you wanted to
select the global nav you can only
select the global map or check out
extensibility or the card trans form but
in this case I'm going to go with the
latest build we're not going to be using
features in beta for now we can also
select over here if we want to start the
store with no data at all here or with
some test data in case we select um test
data the store is non transferable but
this means is that when you create a
development store you can create it
start working on it and once the store
is ready you can transfer it to your
client so they can pay for a Shopify
plan and the store will be live however
if you start with test data the store is
non transferable so you can basically
only use it for testing things out I'm
going to create this
store this will take a moment I'll be
back once this is
ready okay now that the store is created
we will be seeing a page just like this
this is shopify's admin dashboard and
the next thing we'll do is go to
products over here and this is a list of
the products that were added to the
store when we selected the ADD test data
option we also have over here a few
collections collections are just group
of products and we also got a few
customers added to work with now the
next thing we'll do is go over here to
settings and under plan we will check
what plan the store is in this is
important because depending on the plan
your store is in you'll have access to
more or less features this store as this
is a development store it is on a custom
plan but if you were working on a real
store you will see one of shopify's
different plans over here these three
are basically the same in terms of
features for developers but where things
get interesting is over here in Shopify
plus because Shopify Plus stores have
access to a number of more advanced
features and apis that other plans
don't have access to at the moment for
example Shopify functions which as you
can see here are already available for
customers on the Shopify plus
plan and what this allow is basically to
customize the back and logic of Shopify
by adding our own Logic for certain
things like card validation say to
prevent the customer from ordering more
than any of a certain type of item or
perhaps adding custom types of discounts
in our store that are not available out
of the box in Shopify as you can can see
here these are all the apis for Shopify
functions that are available at the
moment and Shopify keeps adding more
over time these two are in developer
preview at the moment which as you saw
earlier in the video what that means is
that we can access them in development
stores and in a near future will be
available for regular stores as well
likewise if we are in a store that's on
Shopify plus we will also be able to
check out the extensions which let us
add custom UI elements at certain points
of the checkout flow this could be
useful for of selling products at
checkout adding forms for feedback
loyalty points programs and so on I have
a few videos showcasing how to add those
and how to add Shopify functions to a
store and I'll be leaving a link to
those in the video description and also
a car should be appearing at the top
right
now now after seeing the plant that are
available back in the store let's close
this over here and let's go to online
store if you don't have this menu
accessible over here you can look for
online store here in the search bar and
select it from there now over here we
have the list of themes that are
installed by default when you create a
new store and we are going to publish
here Dawn which is the most recent Theme
by
Shopify there are also other themes over
here these are all by Shopify but there
is a theme app store that that you can
take a look at where there are a few
them that are paid there are others that
are free some of which I think they
offer some sort of demo so if you click
over here you can click on try theme or
view a demo store to see what the theme
is about anyways going back to the store
over here let's preview
done and this is what the theme looks
like this of course looks very basic but
over here under
customize this is
the store editor or the online editor
and this is what I meant that liquid
comes with a CMS if you were building a
headless store you wouldn't have access
to this over here so if I wanted to edit
the content for this I would just type
something here click save and now my
store if I come over here and refresh
this the content got updated I can also
start adding different sections which we
will learn how to create in this video
series all of these are done with liquid
HTML CSS and
JavaScript anyways going back over here
to this
menu let's see let's see what makes them
different from the other themes that are
available at the moment and the reason I
think why Don is a good starting point
especially if you're just learning how
to use Shopify is because Don is open
source and the advantage of that is that
over here in this Ripple you can see the
code for Don you can see previous
versions of done you can see a detailed
change L of all the things that have
been added over time and for example if
you wanted to see more context on this
change add visuals representation for
filters what does this mean you can
click on this P request over
here
and yep here you can see all the context
behind it
why are these changes introduced what
approach did the programmer take what
other considerations had to be taken
before adding this what does it look
like when it gets added so in this
change in particular is about adding
swatches for the filters in the store
which is a feature that Shopify released
not not that much time ago and over here
you can see all the comments that were
given by different contributors of of
the
theme and that's really helpful context
especially if you don't know what is the
best way to implement something in
Shopify it is most likely that it had
been implemented in D and you could get
some extra context on how to do that
also Don is pretty
extendable and over here you can also
see the approach that is that has been
taken while developing done and it has
2.2k stars which for a Shopify theme
which is a very Niche technology that's
quite a lot so you are likely to find
support in the Shopify Community if you
don't know how something is done in this
team now even though we are using Don as
a starting point in this video series
the things we learn here are not Don
specific but instead are Shopify and
liquid apis that apply to pretty much
any theme you're working with so even if
you're working with a different theme
from Shopify App Store giving
maintenance to an existing theme or
building one from scratch I think what
we'll learn here will be valuable
regardless next let's see how to set up
a local development environment to start
working with
Shopify okay so the next thing that
we'll do is to install Shopify CLI this
is a command line tool that will be
useful for developing themes locally we
will be able to clone themes from our
store open them in a development server
locally that will have hot reloading in
there and then we will be able to push a
theme to our store either to the live
theme or to a separate theme that we
could use as a staging theme to share
with other
stakeholders so they can approve a new
feature before pushing it live now how
do we install it well from this page
over here which by the way I'll leave in
the video description so you can check
everything that this tool is able to do
we'll click over here on installation
then we'll get to install Shopify
CLI and from here depending on the
operating system that you have you'll
follow the steps over here I usually
install it through mpm even on Mac
because through Homebrew it is harder to
go back to a previous version so if for
instance the latest version of Shopify
CLI breaks something for some reason it
is harder to roll back to the previous
version meanwhile with mpm it is an
easier process but nonetheless you can
use whatever method you find most
suitable just keep in mind that if you
use mpm to install it you also have to
make sure that you have Ruby and G
installed if you use Homebrew as it is
mentioned here home br will install no
JS and Ruby and git if you don't have
them
installed okay now here I have an empty
Visual Studio code project and here in
the integrated terminal the wrong
Shopify
version this tells me that I have
3.5.2 and in the mpm page for Shopify
theme on the versions I can see that I
have
3.15.2 and over here I go to Shopify CLI
in versions I see that I also have
3.15.2 so I'm most dat with that and now
I'm going to create over here a file
code
Shopify the
theme the
tunel and then over
here I'm going to create
environments for
development and in a store
here I'm going to go here and grab my
stores
URL and
paste it
here now I'm going to run Shopify in
pool minus C
development what this command is doing
is that it will take this Shopify
theme. as if it was an environment an
environment file and it will use this
store as if it as if I was passing the
store flag so if I run Shopify them pool
my s here I can see all the flags that
can be passed to this and the store flag
is over
here what I'm doing by running it from
here is that I'm saying that the store
flag will always be this value when I
run it for development the reason for
this is because otherwise it will always
pick the last store that you run a
command for and if you're working on
multiple stores you will have to
constantly be a specifying which store
to use through this flag by having this
shy. them. file here you can just run
whatever command you want to run and add
the minus E the name of the environment
at the end and it will use the correct
store so here now let's connect to this
store it will tell me that I'm running
it in an empty directory that doesn't
look like a theme directory I will say
to proceed anyways by the way if you
have lock in it will ask you to lock in
first because otherwise it doesn't have
a way of telling whether you have access
to this store or not so it needs you to
be logged into
Shopify and over here you can see that
these three themes are the three themes
that I have over here and it will ask me
which one to pull I want to pull down
which is the light them and this will
take a second to pull because it will
pull all the files which you will see in
a moment are quite a few so I'll be back
once this is done now that this finished
installing the next thing we'll do is go
to the extensions here and we are going
to look for Shopify
liquid this will bring up this extension
over here we want to install the
official one from
Shopify and this will add syntax
lighting liquid language server features
for completions linking go to Source
formatting alation and other nice to
have features so once you have that
installed you can go over here and you
can start taking a look at all of these
liquid
files uh you are not expected to
understand what any of this is doing for
now but uh you should be you should be
seeing all of this being um syntax
highlighted now let's run this theme
locally let's see how this looks like so
Shopify team
Dev let's pass the E flag again let's
say
development and this will open a
development server locally where our
theme will be
running so it is running in Local Host
9292 and now it will start syncing all
of his files to the theme although when
you're working locally this this works
much faster faster than when you're are
pulling the files from Shopify by the
way it took that long because the assets
folder has a lot of content inside of
it
anyways in the browser over here we can
go to Local Host
9292 it will ask us for our storage
password and this is because as this is
a development
store it mentions it here to let
visitors access your store you have to
give the password so over here under
preferences to find the
password you just go here scroll to the
bottom and copy this you can change the
password to anything you'd like with the
way and I'm just going to paste this
here let's see okay here it is still
singing f
files so I'll wait for this to SN and
come back in a moment okay so now that
my theme is running locally I can start
making changes to this and they should
appear over here this in this store
because this is the one that I'm running
local host meanwhile this is the one
that's live so the changes that I made
in this one won't show here until I push
that so let's go to theme. liquid which
is like the main file in here I'll do
for body and I'll add a ptag here that
says hello
world by the way don't worry about
understanding the folder structure here
Shopify expects a very specific folder
structure which is what you see over
here but we will go deep into what is
exact what folder structure is here what
the all of these directories do and what
we can add in each one of them so we'll
cover that in a in one of the next
videos in the series anyways you can see
here that this hello Vex is showing
here but if I refresh the theme that's
live that's not showing here yet now how
do I push this text there well in a
separate console I'm going to run
Shopify in push pass the environment
flag and say
development
this will ask me to which theme I want
to push this changes
to and over here I'm going to select
done it will ask me if I want to push it
to the live theme I'll say
yes and
now if I refresh this
is the hello world text is showing in
the live store as
well okay so I've initialized uh repo in
this directory because we want to do
some Version Control that integrates
with Shopify and you will see why in a
moment so here let's first check our
store and let's say that we wanted to
edit this text
locally so over
here I'm going to in the console I'm
going to look for this customize your
theme at the theme
editor and I'm going to open
this this will open the theme editor
both connected to my local theme so the
changes that I make here will only be
local at the
moment so here let's change this text
for local
change let's click on
Save and now to sync this because yes we
have to sync this in Shopify the content
is linked to the theme so if we look for
the text browse or latest products
here we can see that it is in this index
Json and this is attached to a section
we will see in a later video how all of
this is working but for now just keep in
mind that the text that we have over
here is linked to this Json now you can
see here that the text the previous text
because I haven't se the changes yet so
to sync this I'm going to run
Shopify inol once again but I'm going to
pass
the D flag which is to pull from
development from the development theme
whatever theme that
is and over
here we have the changes that I just
pushed here and now in the live team
let's let's make a change as well let's
go to the theme editor
here and let me change this for live
theme
changes now if I refresh the live site I
have live thing changes and if I refresh
the local
site I have local
change now what will happen at the
moment I try sinking my local changes
with the changes that are
Live Well you will probably guess that
the changes in this file will override
what is here so let me L out Shopify
team
push I'm pass the development flag once
again let me push it to the live them
window down done and if if I refresh
this I have local change so even though
the life changes were added after the
local
changes they were just overr at the
moment that I pushed my local changes
here and the this becomes an issue when
there are multiple people working in the
same store so you can imagine that if
there is a person in charge of the
content in the store or perhaps multiple
person in charge of the content in the
store but then you are also developing
feat features for this store and you may
change content every now and then for
working on the features that you're are
working then when you push this you may
accidentally override the things that
the content editors have changed
recently and that you haven't seen with
your local theme yet and this is where
Version Control comes into place because
if we connect our theme to get then
Shopify
Shopify will make that s work out of the
box so let's do a comit here with hold
this let's say first
comit and I'm just going to push
this to
Main and now from the Shopify dashboard
over here I'm going to add a theme and
I'm going to connect from GitHub I'm
going to loging into
GitHub going to give it
access and I'm going to say only to a
select repository and I'm going to
select this one which is where my theme
was pushed
to now it will ask me which theme I want
to sync which branch I want to connect
it to and I'll say
Main and now it is cloning this team and
this team is connected to GitHub so so
now I don't have to run the Shopify
theme push command anymore instead I can
just do a get push and it will be
automatically pushed over here so let me
pish
this and let's try that so here in theme
the
liquid let's look for this hello world
let's say Hello World from
git then we a comment
let's say get push already
name and over here if I refresh
this see it will take a second
probably okay so the issue was that I
had this D preview open instead of the
preview from the theme that I have seen
here so so let me close
this and instead let me open this
preview here and we get the hello from
git so now let's close all of this let's
go to the local theme over
here let's change this for two just to
check how quick this
seems
and let's push
it and now let's
see if I preview this
here we have hello from G2 so you can
see that the sync is pretty much
instantaneous now lastly let's try again
the content conflict issue that we had
previously now that we have get
integrated here this should give us a
merage conflict when we try to push and
we will be prompted to solve it locally
before pushing that way we can verify
that the content we are pushing is
indeed the content we expect to be live
so first let's go over here and in
customize let me change this text for
live I'm going to click on Save
here and meanwhile over here I'm going
to open the theme editor
and this local text I'm going to change
I'm just going to add a two
here now if I go to get and I refresh
this I can see here that Shopify made an
update and this update changes local
with life which is the change that I
made in the theme editor so what this
means is that any change that a Content
editor makes from over here will get
synced in this git repo even if they
don't know how to to accom themselves
Shopify will take care of that that
way when we are trying to push something
that will override something that they
had pushed there we will be prevented
from doing that by G so let's first do
Shopify can
pull to pull the development changes
that we just made in the local online
editor we have over
here this local to change and now if I
do
this do I
comit local
two and try to push
this I'll say that there is a conflict
here so what I'll do that I'll say a
oring
Main and I'll say G
merch and here I'm prompted to solve
this conflict let's say that I want
to keep the local two changes here
because from my understanding these are
the changes that should appear in prop
so I'm going to say accept current
changes going
to com
this and I'm going to
push now this should appear here in
it and if I go to my store
here and if I refresh I still see live
here right then the issue is because
this Json is malformed so I have to S
this over here let's say
sanges
if a Json is not correctly formatted
Shopify will simply ignore it so let's
push
again and if I refresh this now I see
local to
here and there you have it this is how
you set up a local theme development
environment for Shopify remember to
check out the description as I'll be
posting there the links to the relevant
documentation that we covered in this
video and also like And subscribe if you
found this video helpful I'll be
uploading more Shopify related content
and as a matter of fact the next video
in this series of tutorials will be
about how to use Liquid what are some of
its features what are some of its
limitations and how we can do some of
the most Comm things with it so that's
it for this video and I'll see you all
in the next one bye
원문 자막 펼치기
WEBVTT Kind: captions Language: en 00:00:00.280 --> 00:00:01.870 align:start position:0% hello<00:00:00.640><c> in</c><00:00:00.760><c> this</c><00:00:00.880><c> series</c><00:00:01.120><c> of</c><00:00:01.280><c> videos</c><00:00:01.560><c> I'm</c><00:00:01.719><c> going</c> 00:00:01.870 --> 00:00:01.880 align:start position:0% hello in this series of videos I'm going 00:00:01.880 --> 00:00:03.429 align:start position:0% hello in this series of videos I'm going to<00:00:01.959><c> be</c><00:00:02.120><c> covering</c><00:00:02.440><c> how</c><00:00:02.560><c> to</c><00:00:02.679><c> do</c><00:00:02.800><c> Shopify</c><00:00:03.240><c> theme</c> 00:00:03.429 --> 00:00:03.439 align:start position:0% to be covering how to do Shopify theme 00:00:03.439 --> 00:00:05.590 align:start position:0% to be covering how to do Shopify theme development<00:00:03.919><c> using</c><00:00:04.160><c> liquid</c><00:00:05.040><c> as</c><00:00:05.160><c> you</c><00:00:05.240><c> can</c><00:00:05.359><c> see</c> 00:00:05.590 --> 00:00:05.600 align:start position:0% development using liquid as you can see 00:00:05.600 --> 00:00:07.550 align:start position:0% development using liquid as you can see here<00:00:06.040><c> liquid</c><00:00:06.399><c> is</c><00:00:06.480><c> a</c><00:00:06.600><c> template</c><00:00:06.919><c> engine</c><00:00:07.240><c> created</c> 00:00:07.550 --> 00:00:07.560 align:start position:0% here liquid is a template engine created 00:00:07.560 --> 00:00:08.190 align:start position:0% here liquid is a template engine created by 00:00:08.190 --> 00:00:08.200 align:start position:0% by 00:00:08.200 --> 00:00:10.310 align:start position:0% by Shopify<00:00:09.200><c> it</c><00:00:09.320><c> is</c><00:00:09.480><c> available</c><00:00:09.880><c> as</c><00:00:10.000><c> an</c><00:00:10.120><c> open</c> 00:00:10.310 --> 00:00:10.320 align:start position:0% Shopify it is available as an open 00:00:10.320 --> 00:00:11.990 align:start position:0% Shopify it is available as an open source<00:00:10.639><c> project</c><00:00:11.200><c> which</c><00:00:11.360><c> you</c><00:00:11.480><c> can</c><00:00:11.639><c> check</c><00:00:11.840><c> by</c> 00:00:11.990 --> 00:00:12.000 align:start position:0% source project which you can check by 00:00:12.000 --> 00:00:14.350 align:start position:0% source project which you can check by clicking<00:00:12.280><c> on</c><00:00:12.440><c> this</c><00:00:12.599><c> link</c><00:00:12.880><c> over</c><00:00:13.200><c> here</c><00:00:14.080><c> and</c><00:00:14.240><c> it</c> 00:00:14.350 --> 00:00:14.360 align:start position:0% clicking on this link over here and it 00:00:14.360 --> 00:00:17.189 align:start position:0% clicking on this link over here and it can<00:00:14.519><c> be</c><00:00:14.679><c> used</c><00:00:15.000><c> for</c><00:00:15.200><c> building</c><00:00:15.519><c> Shopify</c><00:00:16.199><c> themes</c> 00:00:17.189 --> 00:00:17.199 align:start position:0% can be used for building Shopify themes 00:00:17.199 --> 00:00:19.269 align:start position:0% can be used for building Shopify themes now<00:00:17.439><c> what</c><00:00:17.560><c> are</c><00:00:17.760><c> themes</c><00:00:18.039><c> in</c><00:00:18.160><c> Shopify</c><00:00:19.080><c> well</c> 00:00:19.269 --> 00:00:19.279 align:start position:0% now what are themes in Shopify well 00:00:19.279 --> 00:00:21.310 align:start position:0% now what are themes in Shopify well there<00:00:19.400><c> are</c><00:00:19.600><c> basically</c><00:00:20.119><c> the</c><00:00:20.240><c> front</c><00:00:20.519><c> end</c><00:00:20.880><c> of</c><00:00:21.039><c> a</c> 00:00:21.310 --> 00:00:21.320 align:start position:0% there are basically the front end of a 00:00:21.320 --> 00:00:23.870 align:start position:0% there are basically the front end of a Shopify<00:00:21.800><c> store</c><00:00:22.640><c> and</c><00:00:22.840><c> it</c><00:00:23.080><c> is</c><00:00:23.359><c> basically</c><00:00:23.720><c> what</c> 00:00:23.870 --> 00:00:23.880 align:start position:0% Shopify store and it is basically what 00:00:23.880 --> 00:00:26.390 align:start position:0% Shopify store and it is basically what your<00:00:24.320><c> users</c><00:00:24.840><c> will</c><00:00:25.080><c> interact</c><00:00:25.560><c> with</c><00:00:26.000><c> when</c><00:00:26.199><c> they</c> 00:00:26.390 --> 00:00:26.400 align:start position:0% your users will interact with when they 00:00:26.400 --> 00:00:29.029 align:start position:0% your users will interact with when they visit<00:00:26.760><c> your</c><00:00:26.920><c> stores</c><00:00:27.400><c> page</c><00:00:28.400><c> there</c><00:00:28.519><c> are</c><00:00:28.679><c> a</c><00:00:28.760><c> few</c> 00:00:29.029 --> 00:00:29.039 align:start position:0% visit your stores page there are a few 00:00:29.039 --> 00:00:31.749 align:start position:0% visit your stores page there are a few other<00:00:29.279><c> ways</c><00:00:29.480><c> to</c><00:00:29.599><c> build</c><00:00:29.960><c> RS</c><00:00:30.320><c> for</c><00:00:30.519><c> Shopify</c><00:00:31.519><c> such</c> 00:00:31.749 --> 00:00:31.759 align:start position:0% other ways to build RS for Shopify such 00:00:31.759 --> 00:00:33.869 align:start position:0% other ways to build RS for Shopify such as<00:00:32.000><c> with</c><00:00:32.279><c> hydrogen</c><00:00:33.000><c> which</c><00:00:33.120><c> is</c><00:00:33.320><c> shopify's</c> 00:00:33.869 --> 00:00:33.879 align:start position:0% as with hydrogen which is shopify's 00:00:33.879 --> 00:00:36.350 align:start position:0% as with hydrogen which is shopify's react<00:00:34.160><c> framework</c><00:00:34.840><c> or</c><00:00:35.079><c> with</c><00:00:35.280><c> Shopify</c><00:00:35.879><c> headless</c> 00:00:36.350 --> 00:00:36.360 align:start position:0% react framework or with Shopify headless 00:00:36.360 --> 00:00:39.510 align:start position:0% react framework or with Shopify headless API<00:00:37.360><c> which</c><00:00:37.559><c> lets</c><00:00:37.960><c> you</c><00:00:38.600><c> lets</c><00:00:38.840><c> you</c><00:00:39.040><c> use</c><00:00:39.360><c> any</c> 00:00:39.510 --> 00:00:39.520 align:start position:0% API which lets you lets you use any 00:00:39.520 --> 00:00:41.830 align:start position:0% API which lets you lets you use any frontend<00:00:39.960><c> technology</c><00:00:40.520><c> you</c><00:00:40.680><c> want</c><00:00:41.200><c> and</c><00:00:41.399><c> connect</c> 00:00:41.830 --> 00:00:41.840 align:start position:0% frontend technology you want and connect 00:00:41.840 --> 00:00:44.750 align:start position:0% frontend technology you want and connect to<00:00:42.039><c> shopify's</c><00:00:42.840><c> backand</c><00:00:43.360><c> through</c><00:00:43.559><c> their</c><00:00:43.760><c> API</c> 00:00:44.750 --> 00:00:44.760 align:start position:0% to shopify's backand through their API 00:00:44.760 --> 00:00:47.510 align:start position:0% to shopify's backand through their API but<00:00:45.000><c> the</c><00:00:45.200><c> most</c><00:00:45.480><c> the</c><00:00:45.559><c> most</c><00:00:45.800><c> right</c><00:00:46.039><c> forward</c><00:00:46.520><c> Way</c> 00:00:47.510 --> 00:00:47.520 align:start position:0% but the most the most right forward Way 00:00:47.520 --> 00:00:49.830 align:start position:0% but the most the most right forward Way by<00:00:47.680><c> far</c><00:00:47.960><c> is</c><00:00:48.079><c> by</c><00:00:48.239><c> using</c><00:00:48.520><c> liquid</c><00:00:49.360><c> as</c><00:00:49.480><c> you</c><00:00:49.600><c> get</c><00:00:49.760><c> a</c> 00:00:49.830 --> 00:00:49.840 align:start position:0% by far is by using liquid as you get a 00:00:49.840 --> 00:00:51.869 align:start position:0% by far is by using liquid as you get a lot<00:00:49.960><c> of</c><00:00:50.079><c> functionality</c><00:00:50.760><c> out</c><00:00:50.920><c> of</c><00:00:51.039><c> the</c><00:00:51.199><c> box</c><00:00:51.640><c> such</c> 00:00:51.869 --> 00:00:51.879 align:start position:0% lot of functionality out of the box such 00:00:51.879 --> 00:00:55.430 align:start position:0% lot of functionality out of the box such as<00:00:52.280><c> CMS</c><00:00:53.280><c> which</c><00:00:53.559><c> is</c><00:00:54.120><c> which</c><00:00:54.239><c> in</c><00:00:54.399><c> Shopify</c><00:00:55.239><c> is</c> 00:00:55.430 --> 00:00:55.440 align:start position:0% as CMS which is which in Shopify is 00:00:55.440 --> 00:00:58.310 align:start position:0% as CMS which is which in Shopify is called<00:00:55.719><c> online</c><00:00:56.120><c> editor</c><00:00:57.000><c> hosting</c><00:00:57.480><c> for</c><00:00:57.760><c> your</c> 00:00:58.310 --> 00:00:58.320 align:start position:0% called online editor hosting for your 00:00:58.320 --> 00:01:00.910 align:start position:0% called online editor hosting for your for<00:00:58.519><c> your</c><00:00:58.640><c> store</c><00:00:59.120><c> at</c><00:00:59.320><c> no</c><00:00:59.519><c> extra</c><00:00:59.760><c> Cod</c><00:01:00.280><c> as</c><00:01:00.480><c> it</c><00:01:00.680><c> is</c> 00:01:00.910 --> 00:01:00.920 align:start position:0% for your store at no extra Cod as it is 00:01:00.920 --> 00:01:03.150 align:start position:0% for your store at no extra Cod as it is already<00:01:01.320><c> included</c><00:01:01.719><c> in</c><00:01:01.800><c> your</c><00:01:01.920><c> Shopify</c><00:01:02.399><c> plan</c> 00:01:03.150 --> 00:01:03.160 align:start position:0% already included in your Shopify plan 00:01:03.160 --> 00:01:05.910 align:start position:0% already included in your Shopify plan and<00:01:03.399><c> integration</c><00:01:04.199><c> with</c><00:01:04.640><c> shopify's</c><00:01:05.640><c> third</c> 00:01:05.910 --> 00:01:05.920 align:start position:0% and integration with shopify's third 00:01:05.920 --> 00:01:06.990 align:start position:0% and integration with shopify's third party<00:01:06.200><c> app</c> 00:01:06.990 --> 00:01:07.000 align:start position:0% party app 00:01:07.000 --> 00:01:09.710 align:start position:0% party app ecosystem<00:01:08.000><c> now</c><00:01:08.240><c> I</c><00:01:08.439><c> should</c><00:01:08.640><c> mention</c><00:01:09.280><c> that</c><00:01:09.600><c> you</c> 00:01:09.710 --> 00:01:09.720 align:start position:0% ecosystem now I should mention that you 00:01:09.720 --> 00:01:11.230 align:start position:0% ecosystem now I should mention that you can<00:01:09.880><c> build</c><00:01:10.119><c> Shopify</c><00:01:10.560><c> themes</c><00:01:10.840><c> for</c><00:01:11.000><c> two</c> 00:01:11.230 --> 00:01:11.240 align:start position:0% can build Shopify themes for two 00:01:11.240 --> 00:01:13.230 align:start position:0% can build Shopify themes for two purposes<00:01:11.920><c> one</c><00:01:12.119><c> is</c><00:01:12.280><c> building</c><00:01:12.640><c> a</c><00:01:12.759><c> theme</c><00:01:13.080><c> that</c> 00:01:13.230 --> 00:01:13.240 align:start position:0% purposes one is building a theme that 00:01:13.240 --> 00:01:15.070 align:start position:0% purposes one is building a theme that adapts<00:01:13.560><c> to</c><00:01:13.680><c> a</c><00:01:13.840><c> particular</c><00:01:14.320><c> business</c><00:01:14.840><c> or</c> 00:01:15.070 --> 00:01:15.080 align:start position:0% adapts to a particular business or 00:01:15.080 --> 00:01:18.030 align:start position:0% adapts to a particular business or client<00:01:15.560><c> needs</c><00:01:16.560><c> and</c><00:01:16.840><c> then</c><00:01:17.320><c> the</c><00:01:17.479><c> other</c><00:01:17.680><c> one</c><00:01:17.880><c> is</c> 00:01:18.030 --> 00:01:18.040 align:start position:0% client needs and then the other one is 00:01:18.040 --> 00:01:19.789 align:start position:0% client needs and then the other one is building<00:01:18.360><c> a</c><00:01:18.479><c> theme</c><00:01:18.720><c> to</c><00:01:18.920><c> distribute</c><00:01:19.600><c> through</c> 00:01:19.789 --> 00:01:19.799 align:start position:0% building a theme to distribute through 00:01:19.799 --> 00:01:22.710 align:start position:0% building a theme to distribute through Shopify<00:01:20.320><c> app</c><00:01:20.560><c> stores</c><00:01:21.320><c> in</c><00:01:21.640><c> this</c><00:01:22.119><c> series</c><00:01:22.560><c> we'll</c> 00:01:22.710 --> 00:01:22.720 align:start position:0% Shopify app stores in this series we'll 00:01:22.720 --> 00:01:24.830 align:start position:0% Shopify app stores in this series we'll be<00:01:22.880><c> focusing</c><00:01:23.200><c> on</c><00:01:23.360><c> the</c><00:01:23.439><c> former</c><00:01:24.240><c> as</c><00:01:24.439><c> building</c><00:01:24.720><c> a</c> 00:01:24.830 --> 00:01:24.840 align:start position:0% be focusing on the former as building a 00:01:24.840 --> 00:01:26.429 align:start position:0% be focusing on the former as building a theme<00:01:25.079><c> for</c><00:01:25.240><c> the</c><00:01:25.360><c> App</c><00:01:25.560><c> Store</c><00:01:25.799><c> has</c><00:01:25.920><c> to</c><00:01:26.040><c> take</c><00:01:26.240><c> into</c> 00:01:26.429 --> 00:01:26.439 align:start position:0% theme for the App Store has to take into 00:01:26.439 --> 00:01:28.670 align:start position:0% theme for the App Store has to take into consideration<00:01:26.920><c> a</c><00:01:27.079><c> number</c><00:01:27.360><c> of</c><00:01:27.680><c> guidelines</c> 00:01:28.670 --> 00:01:28.680 align:start position:0% consideration a number of guidelines 00:01:28.680 --> 00:01:31.350 align:start position:0% consideration a number of guidelines which<00:01:29.040><c> you</c><00:01:29.240><c> can</c><00:01:29.479><c> see</c><00:01:30.079><c> over</c><00:01:30.400><c> here</c><00:01:31.040><c> there</c><00:01:31.159><c> are</c> 00:01:31.350 --> 00:01:31.360 align:start position:0% which you can see over here there are 00:01:31.360 --> 00:01:34.950 align:start position:0% which you can see over here there are plenty<00:01:31.640><c> of</c><00:01:31.799><c> them</c><00:01:32.479><c> this</c><00:01:32.640><c> document</c><00:01:33.079><c> is</c><00:01:33.720><c> pretty</c> 00:01:34.950 --> 00:01:34.960 align:start position:0% plenty of them this document is pretty 00:01:34.960 --> 00:01:37.590 align:start position:0% plenty of them this document is pretty lengthy<00:01:35.960><c> and</c><00:01:36.240><c> when</c><00:01:36.360><c> you're</c><00:01:36.600><c> building</c><00:01:36.920><c> a</c><00:01:37.079><c> theme</c> 00:01:37.590 --> 00:01:37.600 align:start position:0% lengthy and when you're building a theme 00:01:37.600 --> 00:01:39.749 align:start position:0% lengthy and when you're building a theme for<00:01:37.960><c> a</c><00:01:38.200><c> client</c><00:01:38.759><c> you</c><00:01:38.880><c> don't</c><00:01:39.119><c> really</c><00:01:39.439><c> have</c><00:01:39.600><c> to</c> 00:01:39.749 --> 00:01:39.759 align:start position:0% for a client you don't really have to 00:01:39.759 --> 00:01:41.550 align:start position:0% for a client you don't really have to take<00:01:39.960><c> into</c><00:01:40.200><c> consideration</c><00:01:40.880><c> everything</c><00:01:41.280><c> over</c> 00:01:41.550 --> 00:01:41.560 align:start position:0% take into consideration everything over 00:01:41.560 --> 00:01:43.990 align:start position:0% take into consideration everything over here<00:01:42.240><c> although</c><00:01:43.000><c> most</c><00:01:43.200><c> of</c><00:01:43.399><c> these</c><00:01:43.560><c> are</c><00:01:43.799><c> good</c> 00:01:43.990 --> 00:01:44.000 align:start position:0% here although most of these are good 00:01:44.000 --> 00:01:46.709 align:start position:0% here although most of these are good practices<00:01:44.880><c> however</c><00:01:45.680><c> things</c><00:01:46.079><c> like</c><00:01:46.520><c> for</c> 00:01:46.709 --> 00:01:46.719 align:start position:0% practices however things like for 00:01:46.719 --> 00:01:48.550 align:start position:0% practices however things like for example<00:01:47.040><c> the</c><00:01:47.119><c> font</c><00:01:47.360><c> picker</c><00:01:47.680><c> over</c><00:01:47.920><c> here</c><00:01:48.439><c> when</c> 00:01:48.550 --> 00:01:48.560 align:start position:0% example the font picker over here when 00:01:48.560 --> 00:01:49.830 align:start position:0% example the font picker over here when you<00:01:48.680><c> are</c><00:01:48.799><c> publishing</c><00:01:49.159><c> a</c><00:01:49.280><c> theme</c><00:01:49.479><c> in</c><00:01:49.560><c> the</c><00:01:49.680><c> App</c> 00:01:49.830 --> 00:01:49.840 align:start position:0% you are publishing a theme in the App 00:01:49.840 --> 00:01:52.230 align:start position:0% you are publishing a theme in the App Store<00:01:50.079><c> you</c><00:01:50.159><c> cannot</c><00:01:50.640><c> use</c><00:01:51.000><c> custom</c><00:01:51.320><c> fonts</c><00:01:51.799><c> but</c><00:01:52.119><c> if</c> 00:01:52.230 --> 00:01:52.240 align:start position:0% Store you cannot use custom fonts but if 00:01:52.240 --> 00:01:53.789 align:start position:0% Store you cannot use custom fonts but if you're<00:01:52.439><c> building</c><00:01:52.759><c> a</c><00:01:52.840><c> theme</c><00:01:53.040><c> for</c><00:01:53.159><c> a</c><00:01:53.280><c> client</c><00:01:53.680><c> and</c> 00:01:53.789 --> 00:01:53.799 align:start position:0% you're building a theme for a client and 00:01:53.799 --> 00:01:56.109 align:start position:0% you're building a theme for a client and then<00:01:54.000><c> your</c><00:01:54.159><c> client</c><00:01:54.479><c> wants</c><00:01:54.759><c> to</c><00:01:54.960><c> use</c><00:01:55.799><c> custom</c> 00:01:56.109 --> 00:01:56.119 align:start position:0% then your client wants to use custom 00:01:56.119 --> 00:01:58.469 align:start position:0% then your client wants to use custom fonts<00:01:56.719><c> then</c><00:01:56.920><c> of</c><00:01:57.039><c> course</c><00:01:57.320><c> you</c><00:01:57.439><c> can</c><00:01:57.719><c> add</c><00:01:57.960><c> them</c> 00:01:58.469 --> 00:01:58.479 align:start position:0% fonts then of course you can add them 00:01:58.479 --> 00:02:00.389 align:start position:0% fonts then of course you can add them likewise<00:01:58.920><c> for</c><00:01:59.079><c> the</c><00:01:59.280><c> color</c><00:01:59.560><c> system</c><00:02:00.119><c> here</c><00:02:00.280><c> you</c> 00:02:00.389 --> 00:02:00.399 align:start position:0% likewise for the color system here you 00:02:00.399 --> 00:02:02.429 align:start position:0% likewise for the color system here you have<00:02:00.520><c> to</c><00:02:00.640><c> use</c><00:02:00.799><c> a</c><00:02:00.920><c> minimum</c><00:02:01.280><c> of</c><00:02:01.439><c> four</c><00:02:01.759><c> colors</c><00:02:02.240><c> but</c> 00:02:02.429 --> 00:02:02.439 align:start position:0% have to use a minimum of four colors but 00:02:02.439 --> 00:02:04.870 align:start position:0% have to use a minimum of four colors but if<00:02:02.560><c> your</c><00:02:02.759><c> client's</c><00:02:03.159><c> brand</c><00:02:04.079><c> has</c><00:02:04.320><c> less</c><00:02:04.560><c> colors</c> 00:02:04.870 --> 00:02:04.880 align:start position:0% if your client's brand has less colors 00:02:04.880 --> 00:02:07.990 align:start position:0% if your client's brand has less colors than<00:02:05.079><c> this</c><00:02:05.520><c> then</c><00:02:05.759><c> you</c><00:02:05.880><c> can</c><00:02:06.360><c> use</c><00:02:07.079><c> as</c><00:02:07.320><c> little</c><00:02:07.719><c> or</c> 00:02:07.990 --> 00:02:08.000 align:start position:0% than this then you can use as little or 00:02:08.000 --> 00:02:10.830 align:start position:0% than this then you can use as little or as<00:02:08.119><c> many</c><00:02:08.360><c> if</c><00:02:08.520><c> you</c><00:02:08.640><c> need</c><00:02:08.879><c> to</c><00:02:09.160><c> as</c><00:02:09.280><c> you</c><00:02:09.399><c> need</c><00:02:09.759><c> to</c> 00:02:10.830 --> 00:02:10.840 align:start position:0% as many if you need to as you need to 00:02:10.840 --> 00:02:13.550 align:start position:0% as many if you need to as you need to now<00:02:11.840><c> also</c><00:02:12.120><c> for</c><00:02:12.319><c> this</c><00:02:12.480><c> series</c><00:02:12.720><c> of</c><00:02:12.879><c> videos</c><00:02:13.360><c> you</c> 00:02:13.550 --> 00:02:13.560 align:start position:0% now also for this series of videos you 00:02:13.560 --> 00:02:16.990 align:start position:0% now also for this series of videos you have<00:02:13.720><c> to</c><00:02:13.879><c> be</c><00:02:14.519><c> at</c><00:02:14.680><c> least</c><00:02:15.200><c> familiar</c><00:02:15.920><c> with</c><00:02:16.280><c> HTML</c> 00:02:16.990 --> 00:02:17.000 align:start position:0% have to be at least familiar with HTML 00:02:17.000 --> 00:02:20.630 align:start position:0% have to be at least familiar with HTML CSS<00:02:17.480><c> and</c><00:02:17.720><c> JavaScript</c><00:02:18.720><c> as</c><00:02:19.040><c> liquid</c><00:02:19.920><c> works</c><00:02:20.319><c> works</c> 00:02:20.630 --> 00:02:20.640 align:start position:0% CSS and JavaScript as liquid works works 00:02:20.640 --> 00:02:23.150 align:start position:0% CSS and JavaScript as liquid works works in<00:02:20.840><c> conjunction</c><00:02:21.760><c> with</c><00:02:22.000><c> those</c><00:02:22.239><c> Technologies</c> 00:02:23.150 --> 00:02:23.160 align:start position:0% in conjunction with those Technologies 00:02:23.160 --> 00:02:26.150 align:start position:0% in conjunction with those Technologies to<00:02:23.319><c> build</c><00:02:23.560><c> the</c><00:02:23.680><c> front</c><00:02:23.959><c> end</c><00:02:24.519><c> for</c><00:02:25.000><c> your</c><00:02:25.200><c> store</c> 00:02:26.150 --> 00:02:26.160 align:start position:0% to build the front end for your store 00:02:26.160 --> 00:02:27.670 align:start position:0% to build the front end for your store and<00:02:26.280><c> now</c><00:02:26.519><c> with</c><00:02:26.680><c> that</c><00:02:26.840><c> out</c><00:02:27.000><c> of</c><00:02:27.120><c> the</c><00:02:27.239><c> way</c><00:02:27.480><c> let's</c> 00:02:27.670 --> 00:02:27.680 align:start position:0% and now with that out of the way let's 00:02:27.680 --> 00:02:28.350 align:start position:0% and now with that out of the way let's get 00:02:28.350 --> 00:02:28.360 align:start position:0% get 00:02:28.360 --> 00:02:30.670 align:start position:0% get started<00:02:29.360><c> Okay</c><00:02:29.480><c> so</c><00:02:29.879><c> next</c><00:02:30.000><c> thing</c><00:02:30.120><c> we</c><00:02:30.239><c> need</c><00:02:30.360><c> to</c><00:02:30.480><c> do</c> 00:02:30.670 --> 00:02:30.680 align:start position:0% started Okay so next thing we need to do 00:02:30.680 --> 00:02:33.190 align:start position:0% started Okay so next thing we need to do is<00:02:31.000><c> go</c><00:02:31.160><c> to</c><00:02:31.319><c> shopify.com</c><00:02:31.959><c> SLP</c><00:02:32.560><c> partners</c><00:02:33.040><c> and</c> 00:02:33.190 --> 00:02:33.200 align:start position:0% is go to shopify.com SLP partners and 00:02:33.200 --> 00:02:35.470 align:start position:0% is go to shopify.com SLP partners and over<00:02:33.440><c> here</c><00:02:33.640><c> we</c><00:02:33.760><c> will</c><00:02:33.920><c> be</c><00:02:34.080><c> creating</c><00:02:34.440><c> a</c><00:02:34.959><c> Partners</c> 00:02:35.470 --> 00:02:35.480 align:start position:0% over here we will be creating a Partners 00:02:35.480 --> 00:02:37.949 align:start position:0% over here we will be creating a Partners account<00:02:35.760><c> in</c><00:02:35.879><c> case</c><00:02:36.080><c> we</c><00:02:36.160><c> don't</c><00:02:36.400><c> have</c><00:02:36.560><c> one</c><00:02:37.360><c> or</c><00:02:37.599><c> log</c> 00:02:37.949 --> 00:02:37.959 align:start position:0% account in case we don't have one or log 00:02:37.959 --> 00:02:40.110 align:start position:0% account in case we don't have one or log in<00:02:38.280><c> if</c><00:02:38.360><c> you</c><00:02:38.519><c> do</c><00:02:39.159><c> I</c><00:02:39.319><c> already</c><00:02:39.680><c> have</c><00:02:39.800><c> an</c><00:02:39.920><c> account</c> 00:02:40.110 --> 00:02:40.120 align:start position:0% in if you do I already have an account 00:02:40.120 --> 00:02:41.509 align:start position:0% in if you do I already have an account so<00:02:40.239><c> I'll</c><00:02:40.400><c> click</c><00:02:40.560><c> on</c><00:02:40.640><c> log</c><00:02:40.840><c> in</c><00:02:40.959><c> but</c><00:02:41.080><c> if</c><00:02:41.159><c> you</c><00:02:41.239><c> don't</c> 00:02:41.509 --> 00:02:41.519 align:start position:0% so I'll click on log in but if you don't 00:02:41.519 --> 00:02:43.949 align:start position:0% so I'll click on log in but if you don't click<00:02:41.720><c> on</c><00:02:41.840><c> join</c><00:02:42.080><c> now</c><00:02:42.360><c> and</c><00:02:42.560><c> fill</c><00:02:42.879><c> in</c><00:02:43.040><c> the</c><00:02:43.159><c> signup</c> 00:02:43.949 --> 00:02:43.959 align:start position:0% click on join now and fill in the signup 00:02:43.959 --> 00:02:46.670 align:start position:0% click on join now and fill in the signup form<00:02:44.959><c> once</c><00:02:45.120><c> you</c><00:02:45.319><c> log</c><00:02:45.519><c> in</c><00:02:45.959><c> you'll</c><00:02:46.239><c> see</c><00:02:46.480><c> a</c> 00:02:46.670 --> 00:02:46.680 align:start position:0% form once you log in you'll see a 00:02:46.680 --> 00:02:49.470 align:start position:0% form once you log in you'll see a dashboard<00:02:47.360><c> similar</c><00:02:47.760><c> to</c><00:02:48.040><c> this</c><00:02:48.680><c> and</c><00:02:48.879><c> over</c><00:02:49.159><c> here</c> 00:02:49.470 --> 00:02:49.480 align:start position:0% dashboard similar to this and over here 00:02:49.480 --> 00:02:52.149 align:start position:0% dashboard similar to this and over here in<00:02:49.640><c> a</c><00:02:50.200><c> stores</c><00:02:51.200><c> this</c><00:02:51.319><c> is</c><00:02:51.480><c> where</c><00:02:51.640><c> you</c><00:02:51.760><c> will</c><00:02:51.920><c> see</c> 00:02:52.149 --> 00:02:52.159 align:start position:0% in a stores this is where you will see 00:02:52.159 --> 00:02:55.030 align:start position:0% in a stores this is where you will see all<00:02:52.360><c> the</c><00:02:52.560><c> stores</c><00:02:53.080><c> you</c><00:02:53.239><c> are</c><00:02:53.480><c> collaborated</c><00:02:54.080><c> in</c> 00:02:55.030 --> 00:02:55.040 align:start position:0% all the stores you are collaborated in 00:02:55.040 --> 00:02:56.790 align:start position:0% all the stores you are collaborated in if<00:02:55.159><c> you're</c><00:02:55.400><c> working</c><00:02:55.680><c> with</c><00:02:55.800><c> a</c><00:02:55.959><c> client</c><00:02:56.680><c> they</c> 00:02:56.790 --> 00:02:56.800 align:start position:0% if you're working with a client they 00:02:56.800 --> 00:02:59.070 align:start position:0% if you're working with a client they should<00:02:57.040><c> invite</c><00:02:57.319><c> you</c><00:02:57.440><c> to</c><00:02:57.599><c> their</c><00:02:57.840><c> store</c><00:02:58.680><c> and</c><00:02:58.959><c> the</c> 00:02:59.070 --> 00:02:59.080 align:start position:0% should invite you to their store and the 00:02:59.080 --> 00:03:01.710 align:start position:0% should invite you to their store and the store<00:02:59.360><c> will</c><00:02:59.519><c> up</c><00:02:59.800><c> here</c><00:03:00.040><c> over</c><00:03:00.319><c> here</c><00:03:01.280><c> however</c><00:03:01.480><c> for</c> 00:03:01.710 --> 00:03:01.720 align:start position:0% store will up here over here however for 00:03:01.720 --> 00:03:03.789 align:start position:0% store will up here over here however for this<00:03:01.920><c> videos</c><00:03:02.680><c> I'm</c><00:03:02.840><c> going</c><00:03:03.000><c> to</c><00:03:03.120><c> be</c><00:03:03.280><c> creating</c><00:03:03.599><c> a</c> 00:03:03.789 --> 00:03:03.799 align:start position:0% this videos I'm going to be creating a 00:03:03.799 --> 00:03:06.030 align:start position:0% this videos I'm going to be creating a development<00:03:04.239><c> store</c><00:03:05.120><c> and</c><00:03:05.280><c> we</c><00:03:05.400><c> will</c><00:03:05.599><c> work</c><00:03:05.879><c> with</c> 00:03:06.030 --> 00:03:06.040 align:start position:0% development store and we will work with 00:03:06.040 --> 00:03:07.830 align:start position:0% development store and we will work with that<00:03:06.360><c> a</c><00:03:06.519><c> development</c><00:03:06.959><c> store</c><00:03:07.280><c> is</c><00:03:07.400><c> basically</c><00:03:07.760><c> a</c> 00:03:07.830 --> 00:03:07.840 align:start position:0% that a development store is basically a 00:03:07.840 --> 00:03:10.830 align:start position:0% that a development store is basically a Shopify<00:03:08.400><c> store</c><00:03:09.400><c> that</c><00:03:09.720><c> is</c><00:03:09.920><c> not</c><00:03:10.200><c> under</c><00:03:10.599><c> any</c> 00:03:10.830 --> 00:03:10.840 align:start position:0% Shopify store that is not under any 00:03:10.840 --> 00:03:14.030 align:start position:0% Shopify store that is not under any Shopify<00:03:11.360><c> plan</c><00:03:12.120><c> and</c><00:03:12.319><c> we</c><00:03:12.480><c> can</c><00:03:12.680><c> use</c><00:03:13.239><c> for</c><00:03:13.640><c> testing</c> 00:03:14.030 --> 00:03:14.040 align:start position:0% Shopify plan and we can use for testing 00:03:14.040 --> 00:03:16.470 align:start position:0% Shopify plan and we can use for testing purposes<00:03:14.799><c> for</c><00:03:15.080><c> learning</c><00:03:15.480><c> how</c><00:03:15.720><c> to</c><00:03:16.040><c> work</c><00:03:16.319><c> with</c> 00:03:16.470 --> 00:03:16.480 align:start position:0% purposes for learning how to work with 00:03:16.480 --> 00:03:18.949 align:start position:0% purposes for learning how to work with certain<00:03:16.799><c> apis</c><00:03:17.519><c> they</c><00:03:17.680><c> also</c><00:03:17.920><c> come</c><00:03:18.159><c> with</c><00:03:18.319><c> test</c> 00:03:18.949 --> 00:03:18.959 align:start position:0% certain apis they also come with test 00:03:18.959 --> 00:03:21.509 align:start position:0% certain apis they also come with test data<00:03:19.959><c> and</c><00:03:20.120><c> even</c><00:03:20.519><c> and</c><00:03:20.680><c> they</c><00:03:20.799><c> can</c><00:03:21.000><c> even</c><00:03:21.280><c> have</c> 00:03:21.509 --> 00:03:21.519 align:start position:0% data and even and they can even have 00:03:21.519 --> 00:03:23.589 align:start position:0% data and even and they can even have access<00:03:21.799><c> to</c><00:03:22.280><c> some</c><00:03:22.599><c> features</c><00:03:23.040><c> that</c><00:03:23.159><c> are</c><00:03:23.360><c> still</c> 00:03:23.589 --> 00:03:23.599 align:start position:0% access to some features that are still 00:03:23.599 --> 00:03:26.149 align:start position:0% access to some features that are still in<00:03:23.799><c> beta</c><00:03:24.440><c> so</c><00:03:24.720><c> they</c><00:03:24.879><c> are</c><00:03:25.239><c> very</c><00:03:25.480><c> handy</c><00:03:25.879><c> for</c> 00:03:26.149 --> 00:03:26.159 align:start position:0% in beta so they are very handy for 00:03:26.159 --> 00:03:30.149 align:start position:0% in beta so they are very handy for learning<00:03:26.560><c> how</c><00:03:26.879><c> to</c><00:03:27.879><c> work</c><00:03:28.159><c> with</c><00:03:28.680><c> Shopify</c><00:03:29.920><c> here</c> 00:03:30.149 --> 00:03:30.159 align:start position:0% learning how to work with Shopify here 00:03:30.159 --> 00:03:31.710 align:start position:0% learning how to work with Shopify here I'm<00:03:30.280><c> going</c><00:03:30.439><c> to</c><00:03:30.560><c> say</c><00:03:30.799><c> that</c><00:03:30.959><c> this</c><00:03:31.080><c> is</c><00:03:31.159><c> a</c><00:03:31.319><c> store</c> 00:03:31.710 --> 00:03:31.720 align:start position:0% I'm going to say that this is a store 00:03:31.720 --> 00:03:33.710 align:start position:0% I'm going to say that this is a store for<00:03:32.040><c> testing</c><00:03:32.360><c> and</c> 00:03:33.710 --> 00:03:33.720 align:start position:0% for testing and 00:03:33.720 --> 00:03:36.070 align:start position:0% for testing and building<00:03:34.720><c> and</c><00:03:34.959><c> now</c><00:03:35.159><c> I'm</c><00:03:35.280><c> going</c><00:03:35.480><c> to</c><00:03:35.640><c> give</c><00:03:35.879><c> the</c> 00:03:36.070 --> 00:03:36.080 align:start position:0% building and now I'm going to give the 00:03:36.080 --> 00:03:40.270 align:start position:0% building and now I'm going to give the store<00:03:36.400><c> name</c><00:03:37.640><c> Shopify</c><00:03:39.000><c> theme</c><00:03:40.000><c> I</c><00:03:40.080><c> think</c><00:03:40.200><c> I</c> 00:03:40.270 --> 00:03:40.280 align:start position:0% store name Shopify theme I think I 00:03:40.280 --> 00:03:43.110 align:start position:0% store name Shopify theme I think I cannot<00:03:40.560><c> use</c><00:03:40.760><c> Shopify</c><00:03:41.239><c> over</c><00:03:41.439><c> here</c><00:03:41.560><c> actually</c><00:03:42.120><c> so</c> 00:03:43.110 --> 00:03:43.120 align:start position:0% cannot use Shopify over here actually so 00:03:43.120 --> 00:03:47.869 align:start position:0% cannot use Shopify over here actually so theme<00:03:44.000><c> development</c><00:03:45.080><c> tutorials</c> 00:03:47.869 --> 00:03:47.879 align:start position:0% theme development tutorials 00:03:47.879 --> 00:03:50.869 align:start position:0% theme development tutorials 2023<00:03:48.879><c> here</c><00:03:49.239><c> you</c><00:03:49.360><c> could</c><00:03:49.560><c> use</c><00:03:49.760><c> the</c><00:03:49.879><c> latest</c><00:03:50.280><c> build</c> 00:03:50.869 --> 00:03:50.879 align:start position:0% 2023 here you could use the latest build 00:03:50.879 --> 00:03:52.910 align:start position:0% 2023 here you could use the latest build which<00:03:51.040><c> is</c><00:03:51.599><c> basically</c><00:03:52.040><c> all</c><00:03:52.200><c> the</c><00:03:52.319><c> features</c><00:03:52.760><c> that</c> 00:03:52.910 --> 00:03:52.920 align:start position:0% which is basically all the features that 00:03:52.920 --> 00:03:56.149 align:start position:0% which is basically all the features that are<00:03:53.560><c> production</c><00:03:53.959><c> ready</c><00:03:54.360><c> on</c><00:03:54.519><c> Shopify</c><00:03:55.000><c> sound</c><00:03:55.959><c> or</c> 00:03:56.149 --> 00:03:56.159 align:start position:0% are production ready on Shopify sound or 00:03:56.159 --> 00:03:58.789 align:start position:0% are production ready on Shopify sound or you<00:03:56.280><c> can</c><00:03:56.439><c> select</c><00:03:56.760><c> a</c><00:03:56.959><c> developer</c><00:03:57.599><c> preview</c><00:03:58.599><c> which</c> 00:03:58.789 --> 00:03:58.799 align:start position:0% you can select a developer preview which 00:03:58.799 --> 00:04:01.509 align:start position:0% you can select a developer preview which is<00:03:59.680><c> all</c><00:03:59.840><c> of</c><00:03:59.959><c> these</c><00:04:00.159><c> features</c><00:04:00.799><c> that</c><00:04:01.040><c> are</c><00:04:01.280><c> still</c> 00:04:01.509 --> 00:04:01.519 align:start position:0% is all of these features that are still 00:04:01.519 --> 00:04:03.949 align:start position:0% is all of these features that are still in<00:04:01.680><c> beta</c><00:04:02.680><c> you</c><00:04:02.840><c> cannot</c><00:04:03.120><c> select</c><00:04:03.439><c> multiple</c><00:04:03.799><c> of</c> 00:04:03.949 --> 00:04:03.959 align:start position:0% in beta you cannot select multiple of 00:04:03.959 --> 00:04:05.710 align:start position:0% in beta you cannot select multiple of those<00:04:04.200><c> unfortunately</c><00:04:04.920><c> so</c><00:04:05.120><c> if</c><00:04:05.200><c> you</c><00:04:05.319><c> wanted</c><00:04:05.599><c> to</c> 00:04:05.710 --> 00:04:05.720 align:start position:0% those unfortunately so if you wanted to 00:04:05.720 --> 00:04:07.270 align:start position:0% those unfortunately so if you wanted to select<00:04:05.959><c> the</c><00:04:06.040><c> global</c><00:04:06.319><c> nav</c><00:04:06.680><c> you</c><00:04:06.760><c> can</c><00:04:07.040><c> only</c> 00:04:07.270 --> 00:04:07.280 align:start position:0% select the global nav you can only 00:04:07.280 --> 00:04:09.589 align:start position:0% select the global nav you can only select<00:04:07.599><c> the</c><00:04:07.720><c> global</c><00:04:08.000><c> map</c><00:04:08.959><c> or</c><00:04:09.159><c> check</c><00:04:09.400><c> out</c> 00:04:09.589 --> 00:04:09.599 align:start position:0% select the global map or check out 00:04:09.599 --> 00:04:12.030 align:start position:0% select the global map or check out extensibility<00:04:10.439><c> or</c><00:04:10.680><c> the</c><00:04:10.799><c> card</c><00:04:11.000><c> trans</c><00:04:11.280><c> form</c><00:04:11.840><c> but</c> 00:04:12.030 --> 00:04:12.040 align:start position:0% extensibility or the card trans form but 00:04:12.040 --> 00:04:13.830 align:start position:0% extensibility or the card trans form but in<00:04:12.200><c> this</c><00:04:12.400><c> case</c><00:04:12.760><c> I'm</c><00:04:12.920><c> going</c><00:04:13.159><c> to</c><00:04:13.439><c> go</c><00:04:13.599><c> with</c><00:04:13.720><c> the</c> 00:04:13.830 --> 00:04:13.840 align:start position:0% in this case I'm going to go with the 00:04:13.840 --> 00:04:15.630 align:start position:0% in this case I'm going to go with the latest<00:04:14.159><c> build</c><00:04:14.599><c> we're</c><00:04:14.760><c> not</c><00:04:14.920><c> going</c><00:04:15.079><c> to</c><00:04:15.200><c> be</c><00:04:15.280><c> using</c> 00:04:15.630 --> 00:04:15.640 align:start position:0% latest build we're not going to be using 00:04:15.640 --> 00:04:18.430 align:start position:0% latest build we're not going to be using features<00:04:15.920><c> in</c><00:04:16.079><c> beta</c><00:04:16.359><c> for</c><00:04:16.880><c> now</c><00:04:17.880><c> we</c><00:04:18.000><c> can</c><00:04:18.199><c> also</c> 00:04:18.430 --> 00:04:18.440 align:start position:0% features in beta for now we can also 00:04:18.440 --> 00:04:20.469 align:start position:0% features in beta for now we can also select<00:04:18.840><c> over</c><00:04:19.120><c> here</c><00:04:19.320><c> if</c><00:04:19.400><c> we</c><00:04:19.560><c> want</c><00:04:19.759><c> to</c><00:04:19.959><c> start</c><00:04:20.280><c> the</c> 00:04:20.469 --> 00:04:20.479 align:start position:0% select over here if we want to start the 00:04:20.479 --> 00:04:23.430 align:start position:0% select over here if we want to start the store<00:04:20.880><c> with</c><00:04:21.600><c> no</c><00:04:21.880><c> data</c><00:04:22.160><c> at</c><00:04:22.280><c> all</c><00:04:22.560><c> here</c><00:04:23.040><c> or</c><00:04:23.320><c> with</c> 00:04:23.430 --> 00:04:23.440 align:start position:0% store with no data at all here or with 00:04:23.440 --> 00:04:27.390 align:start position:0% store with no data at all here or with some<00:04:23.720><c> test</c><00:04:24.040><c> data</c><00:04:25.040><c> in</c><00:04:25.280><c> case</c><00:04:25.560><c> we</c><00:04:25.919><c> select</c><00:04:26.919><c> um</c><00:04:27.120><c> test</c> 00:04:27.390 --> 00:04:27.400 align:start position:0% some test data in case we select um test 00:04:27.400 --> 00:04:29.230 align:start position:0% some test data in case we select um test data<00:04:27.680><c> the</c><00:04:27.880><c> store</c><00:04:28.120><c> is</c><00:04:28.240><c> non</c><00:04:28.440><c> transferable</c><00:04:29.080><c> but</c> 00:04:29.230 --> 00:04:29.240 align:start position:0% data the store is non transferable but 00:04:29.240 --> 00:04:31.270 align:start position:0% data the store is non transferable but this<00:04:29.360><c> means</c><00:04:29.880><c> is</c><00:04:30.080><c> that</c><00:04:30.600><c> when</c><00:04:30.759><c> you</c><00:04:30.919><c> create</c><00:04:31.120><c> a</c> 00:04:31.270 --> 00:04:31.280 align:start position:0% this means is that when you create a 00:04:31.280 --> 00:04:32.870 align:start position:0% this means is that when you create a development<00:04:31.680><c> store</c><00:04:32.039><c> you</c><00:04:32.160><c> can</c><00:04:32.360><c> create</c><00:04:32.600><c> it</c> 00:04:32.870 --> 00:04:32.880 align:start position:0% development store you can create it 00:04:32.880 --> 00:04:35.189 align:start position:0% development store you can create it start<00:04:33.160><c> working</c><00:04:33.400><c> on</c><00:04:33.560><c> it</c><00:04:34.000><c> and</c><00:04:34.560><c> once</c><00:04:34.800><c> the</c><00:04:34.960><c> store</c> 00:04:35.189 --> 00:04:35.199 align:start position:0% start working on it and once the store 00:04:35.199 --> 00:04:37.150 align:start position:0% start working on it and once the store is<00:04:35.360><c> ready</c><00:04:35.639><c> you</c><00:04:35.759><c> can</c><00:04:35.960><c> transfer</c><00:04:36.479><c> it</c><00:04:36.680><c> to</c><00:04:36.919><c> your</c> 00:04:37.150 --> 00:04:37.160 align:start position:0% is ready you can transfer it to your 00:04:37.160 --> 00:04:39.950 align:start position:0% is ready you can transfer it to your client<00:04:38.080><c> so</c><00:04:38.320><c> they</c><00:04:38.479><c> can</c><00:04:39.080><c> pay</c><00:04:39.240><c> for</c><00:04:39.400><c> a</c><00:04:39.520><c> Shopify</c> 00:04:39.950 --> 00:04:39.960 align:start position:0% client so they can pay for a Shopify 00:04:39.960 --> 00:04:42.710 align:start position:0% client so they can pay for a Shopify plan<00:04:40.479><c> and</c><00:04:40.759><c> the</c><00:04:40.919><c> store</c><00:04:41.160><c> will</c><00:04:41.320><c> be</c><00:04:41.479><c> live</c><00:04:42.479><c> however</c> 00:04:42.710 --> 00:04:42.720 align:start position:0% plan and the store will be live however 00:04:42.720 --> 00:04:45.230 align:start position:0% plan and the store will be live however if<00:04:42.840><c> you</c><00:04:43.039><c> start</c><00:04:43.800><c> with</c><00:04:44.039><c> test</c><00:04:44.320><c> data</c><00:04:44.600><c> the</c><00:04:44.800><c> store</c><00:04:45.039><c> is</c> 00:04:45.230 --> 00:04:45.240 align:start position:0% if you start with test data the store is 00:04:45.240 --> 00:04:47.029 align:start position:0% if you start with test data the store is non<00:04:45.479><c> transferable</c><00:04:46.120><c> so</c><00:04:46.360><c> you</c><00:04:46.479><c> can</c><00:04:46.680><c> basically</c> 00:04:47.029 --> 00:04:47.039 align:start position:0% non transferable so you can basically 00:04:47.039 --> 00:04:50.510 align:start position:0% non transferable so you can basically only<00:04:47.280><c> use</c><00:04:47.479><c> it</c><00:04:48.080><c> for</c><00:04:48.400><c> testing</c><00:04:48.840><c> things</c><00:04:49.400><c> out</c><00:04:50.400><c> I'm</c> 00:04:50.510 --> 00:04:50.520 align:start position:0% only use it for testing things out I'm 00:04:50.520 --> 00:04:53.270 align:start position:0% only use it for testing things out I'm going<00:04:50.720><c> to</c><00:04:50.880><c> create</c><00:04:51.160><c> this</c> 00:04:53.270 --> 00:04:53.280 align:start position:0% going to create this 00:04:53.280 --> 00:04:55.550 align:start position:0% going to create this store<00:04:54.280><c> this</c><00:04:54.400><c> will</c><00:04:54.560><c> take</c><00:04:54.680><c> a</c><00:04:54.800><c> moment</c><00:04:55.199><c> I'll</c><00:04:55.400><c> be</c> 00:04:55.550 --> 00:04:55.560 align:start position:0% store this will take a moment I'll be 00:04:55.560 --> 00:04:57.150 align:start position:0% store this will take a moment I'll be back<00:04:55.800><c> once</c><00:04:55.960><c> this</c><00:04:56.080><c> is</c> 00:04:57.150 --> 00:04:57.160 align:start position:0% back once this is 00:04:57.160 --> 00:04:59.550 align:start position:0% back once this is ready<00:04:58.160><c> okay</c><00:04:58.320><c> now</c><00:04:58.479><c> that</c><00:04:58.639><c> the</c><00:04:58.759><c> store</c><00:04:59.000><c> is</c><00:04:59.080><c> created</c> 00:04:59.550 --> 00:04:59.560 align:start position:0% ready okay now that the store is created 00:04:59.560 --> 00:05:01.870 align:start position:0% ready okay now that the store is created we<00:04:59.680><c> will</c><00:04:59.840><c> be</c><00:04:59.919><c> seeing</c><00:05:00.160><c> a</c><00:05:00.320><c> page</c><00:05:00.600><c> just</c><00:05:00.759><c> like</c><00:05:01.000><c> this</c> 00:05:01.870 --> 00:05:01.880 align:start position:0% we will be seeing a page just like this 00:05:01.880 --> 00:05:04.189 align:start position:0% we will be seeing a page just like this this<00:05:02.000><c> is</c><00:05:02.160><c> shopify's</c><00:05:02.960><c> admin</c><00:05:03.360><c> dashboard</c><00:05:04.120><c> and</c> 00:05:04.189 --> 00:05:04.199 align:start position:0% this is shopify's admin dashboard and 00:05:04.199 --> 00:05:05.629 align:start position:0% this is shopify's admin dashboard and the<00:05:04.320><c> next</c><00:05:04.520><c> thing</c><00:05:04.639><c> we'll</c><00:05:04.840><c> do</c><00:05:05.039><c> is</c><00:05:05.199><c> go</c><00:05:05.360><c> to</c> 00:05:05.629 --> 00:05:05.639 align:start position:0% the next thing we'll do is go to 00:05:05.639 --> 00:05:07.590 align:start position:0% the next thing we'll do is go to products<00:05:06.160><c> over</c><00:05:06.400><c> here</c><00:05:06.759><c> and</c><00:05:06.919><c> this</c><00:05:07.000><c> is</c><00:05:07.120><c> a</c><00:05:07.280><c> list</c><00:05:07.440><c> of</c> 00:05:07.590 --> 00:05:07.600 align:start position:0% products over here and this is a list of 00:05:07.600 --> 00:05:09.270 align:start position:0% products over here and this is a list of the<00:05:07.720><c> products</c><00:05:08.039><c> that</c><00:05:08.160><c> were</c><00:05:08.400><c> added</c><00:05:08.720><c> to</c><00:05:08.880><c> the</c> 00:05:09.270 --> 00:05:09.280 align:start position:0% the products that were added to the 00:05:09.280 --> 00:05:12.230 align:start position:0% the products that were added to the store<00:05:10.280><c> when</c><00:05:10.479><c> we</c><00:05:10.639><c> selected</c><00:05:11.120><c> the</c><00:05:11.320><c> ADD</c><00:05:11.639><c> test</c><00:05:11.880><c> data</c> 00:05:12.230 --> 00:05:12.240 align:start position:0% store when we selected the ADD test data 00:05:12.240 --> 00:05:14.830 align:start position:0% store when we selected the ADD test data option<00:05:13.240><c> we</c><00:05:13.440><c> also</c><00:05:13.840><c> have</c><00:05:14.120><c> over</c><00:05:14.360><c> here</c><00:05:14.520><c> a</c><00:05:14.639><c> few</c> 00:05:14.830 --> 00:05:14.840 align:start position:0% option we also have over here a few 00:05:14.840 --> 00:05:16.469 align:start position:0% option we also have over here a few collections<00:05:15.320><c> collections</c><00:05:15.720><c> are</c><00:05:15.960><c> just</c><00:05:16.280><c> group</c> 00:05:16.469 --> 00:05:16.479 align:start position:0% collections collections are just group 00:05:16.479 --> 00:05:20.029 align:start position:0% collections collections are just group of<00:05:17.120><c> products</c><00:05:18.120><c> and</c><00:05:19.039><c> we</c><00:05:19.240><c> also</c><00:05:19.520><c> got</c><00:05:19.720><c> a</c><00:05:19.800><c> few</c> 00:05:20.029 --> 00:05:20.039 align:start position:0% of products and we also got a few 00:05:20.039 --> 00:05:22.469 align:start position:0% of products and we also got a few customers<00:05:20.520><c> added</c><00:05:20.960><c> to</c><00:05:21.120><c> work</c><00:05:21.400><c> with</c><00:05:22.120><c> now</c><00:05:22.319><c> the</c> 00:05:22.469 --> 00:05:22.479 align:start position:0% customers added to work with now the 00:05:22.479 --> 00:05:24.710 align:start position:0% customers added to work with now the next<00:05:22.680><c> thing</c><00:05:22.880><c> we'll</c><00:05:23.080><c> do</c><00:05:23.560><c> is</c><00:05:23.800><c> go</c><00:05:24.120><c> over</c><00:05:24.319><c> here</c><00:05:24.520><c> to</c> 00:05:24.710 --> 00:05:24.720 align:start position:0% next thing we'll do is go over here to 00:05:24.720 --> 00:05:27.270 align:start position:0% next thing we'll do is go over here to settings<00:05:25.319><c> and</c><00:05:25.479><c> under</c><00:05:25.840><c> plan</c><00:05:26.440><c> we</c><00:05:26.520><c> will</c><00:05:26.800><c> check</c> 00:05:27.270 --> 00:05:27.280 align:start position:0% settings and under plan we will check 00:05:27.280 --> 00:05:29.150 align:start position:0% settings and under plan we will check what<00:05:27.440><c> plan</c><00:05:27.680><c> the</c><00:05:27.840><c> store</c><00:05:28.080><c> is</c><00:05:28.199><c> in</c><00:05:28.919><c> this</c><00:05:29.039><c> is</c> 00:05:29.150 --> 00:05:29.160 align:start position:0% what plan the store is in this is 00:05:29.160 --> 00:05:30.830 align:start position:0% what plan the store is in this is important<00:05:29.759><c> because</c><00:05:30.000><c> depending</c><00:05:30.280><c> on</c><00:05:30.360><c> the</c><00:05:30.479><c> plan</c> 00:05:30.830 --> 00:05:30.840 align:start position:0% important because depending on the plan 00:05:30.840 --> 00:05:33.110 align:start position:0% important because depending on the plan your<00:05:31.000><c> store</c><00:05:31.280><c> is</c><00:05:31.400><c> in</c><00:05:31.919><c> you'll</c><00:05:32.199><c> have</c><00:05:32.440><c> access</c><00:05:32.919><c> to</c> 00:05:33.110 --> 00:05:33.120 align:start position:0% your store is in you'll have access to 00:05:33.120 --> 00:05:35.590 align:start position:0% your store is in you'll have access to more<00:05:33.319><c> or</c><00:05:33.520><c> less</c><00:05:33.800><c> features</c><00:05:34.800><c> this</c><00:05:35.080><c> store</c><00:05:35.319><c> as</c><00:05:35.479><c> this</c> 00:05:35.590 --> 00:05:35.600 align:start position:0% more or less features this store as this 00:05:35.600 --> 00:05:37.950 align:start position:0% more or less features this store as this is<00:05:35.680><c> a</c><00:05:35.840><c> development</c><00:05:36.280><c> store</c><00:05:36.759><c> it</c><00:05:36.880><c> is</c><00:05:37.080><c> on</c><00:05:37.240><c> a</c><00:05:37.520><c> custom</c> 00:05:37.950 --> 00:05:37.960 align:start position:0% is a development store it is on a custom 00:05:37.960 --> 00:05:40.510 align:start position:0% is a development store it is on a custom plan<00:05:38.960><c> but</c><00:05:39.199><c> if</c><00:05:39.319><c> you</c><00:05:39.400><c> were</c><00:05:39.600><c> working</c><00:05:39.840><c> on</c><00:05:40.000><c> a</c><00:05:40.240><c> real</c> 00:05:40.510 --> 00:05:40.520 align:start position:0% plan but if you were working on a real 00:05:40.520 --> 00:05:43.110 align:start position:0% plan but if you were working on a real store<00:05:41.080><c> you</c><00:05:41.199><c> will</c><00:05:41.440><c> see</c><00:05:42.120><c> one</c><00:05:42.360><c> of</c><00:05:42.479><c> shopify's</c> 00:05:43.110 --> 00:05:43.120 align:start position:0% store you will see one of shopify's 00:05:43.120 --> 00:05:45.230 align:start position:0% store you will see one of shopify's different<00:05:43.440><c> plans</c><00:05:43.759><c> over</c><00:05:44.000><c> here</c><00:05:44.759><c> these</c><00:05:44.960><c> three</c> 00:05:45.230 --> 00:05:45.240 align:start position:0% different plans over here these three 00:05:45.240 --> 00:05:47.230 align:start position:0% different plans over here these three are<00:05:45.520><c> basically</c><00:05:45.960><c> the</c><00:05:46.120><c> same</c><00:05:46.600><c> in</c><00:05:46.759><c> terms</c><00:05:47.039><c> of</c> 00:05:47.230 --> 00:05:47.240 align:start position:0% are basically the same in terms of 00:05:47.240 --> 00:05:50.110 align:start position:0% are basically the same in terms of features<00:05:47.720><c> for</c><00:05:48.319><c> developers</c><00:05:49.319><c> but</c><00:05:49.600><c> where</c><00:05:49.840><c> things</c> 00:05:50.110 --> 00:05:50.120 align:start position:0% features for developers but where things 00:05:50.120 --> 00:05:52.670 align:start position:0% features for developers but where things get<00:05:50.400><c> interesting</c><00:05:50.960><c> is</c><00:05:51.160><c> over</c><00:05:51.440><c> here</c><00:05:51.800><c> in</c><00:05:52.080><c> Shopify</c> 00:05:52.670 --> 00:05:52.680 align:start position:0% get interesting is over here in Shopify 00:05:52.680 --> 00:05:55.309 align:start position:0% get interesting is over here in Shopify plus<00:05:53.280><c> because</c><00:05:53.560><c> Shopify</c><00:05:54.080><c> Plus</c><00:05:54.360><c> stores</c><00:05:55.039><c> have</c> 00:05:55.309 --> 00:05:55.319 align:start position:0% plus because Shopify Plus stores have 00:05:55.319 --> 00:05:57.230 align:start position:0% plus because Shopify Plus stores have access<00:05:55.600><c> to</c><00:05:56.080><c> a</c><00:05:56.199><c> number</c><00:05:56.479><c> of</c><00:05:56.639><c> more</c><00:05:56.840><c> advanced</c> 00:05:57.230 --> 00:05:57.240 align:start position:0% access to a number of more advanced 00:05:57.240 --> 00:06:00.070 align:start position:0% access to a number of more advanced features<00:05:57.600><c> and</c><00:05:57.800><c> apis</c><00:05:58.639><c> that</c><00:05:58.880><c> other</c><00:05:59.160><c> plans</c> 00:06:00.070 --> 00:06:00.080 align:start position:0% features and apis that other plans 00:06:00.080 --> 00:06:02.390 align:start position:0% features and apis that other plans don't<00:06:00.319><c> have</c><00:06:00.520><c> access</c><00:06:00.720><c> to</c><00:06:00.919><c> at</c><00:06:01.039><c> the</c><00:06:01.199><c> moment</c><00:06:02.199><c> for</c> 00:06:02.390 --> 00:06:02.400 align:start position:0% don't have access to at the moment for 00:06:02.400 --> 00:06:04.070 align:start position:0% don't have access to at the moment for example<00:06:02.720><c> Shopify</c><00:06:03.240><c> functions</c><00:06:03.720><c> which</c><00:06:03.840><c> as</c><00:06:03.960><c> you</c> 00:06:04.070 --> 00:06:04.080 align:start position:0% example Shopify functions which as you 00:06:04.080 --> 00:06:05.870 align:start position:0% example Shopify functions which as you can<00:06:04.160><c> see</c><00:06:04.360><c> here</c><00:06:04.520><c> are</c><00:06:04.680><c> already</c><00:06:05.000><c> available</c><00:06:05.479><c> for</c> 00:06:05.870 --> 00:06:05.880 align:start position:0% can see here are already available for 00:06:05.880 --> 00:06:08.189 align:start position:0% can see here are already available for customers<00:06:06.479><c> on</c><00:06:06.680><c> the</c><00:06:06.919><c> Shopify</c><00:06:07.440><c> plus</c> 00:06:08.189 --> 00:06:08.199 align:start position:0% customers on the Shopify plus 00:06:08.199 --> 00:06:11.790 align:start position:0% customers on the Shopify plus plan<00:06:09.199><c> and</c><00:06:10.199><c> what</c><00:06:10.400><c> this</c><00:06:10.560><c> allow</c><00:06:10.919><c> is</c><00:06:11.080><c> basically</c><00:06:11.520><c> to</c> 00:06:11.790 --> 00:06:11.800 align:start position:0% plan and what this allow is basically to 00:06:11.800 --> 00:06:13.589 align:start position:0% plan and what this allow is basically to customize<00:06:12.280><c> the</c><00:06:12.360><c> back</c><00:06:12.560><c> and</c><00:06:12.680><c> logic</c><00:06:12.960><c> of</c><00:06:13.039><c> Shopify</c> 00:06:13.589 --> 00:06:13.599 align:start position:0% customize the back and logic of Shopify 00:06:13.599 --> 00:06:15.790 align:start position:0% customize the back and logic of Shopify by<00:06:13.840><c> adding</c><00:06:14.319><c> our</c><00:06:14.599><c> own</c><00:06:14.840><c> Logic</c><00:06:15.120><c> for</c><00:06:15.440><c> certain</c> 00:06:15.790 --> 00:06:15.800 align:start position:0% by adding our own Logic for certain 00:06:15.800 --> 00:06:18.029 align:start position:0% by adding our own Logic for certain things<00:06:16.160><c> like</c><00:06:16.360><c> card</c><00:06:16.639><c> validation</c><00:06:17.520><c> say</c><00:06:17.840><c> to</c> 00:06:18.029 --> 00:06:18.039 align:start position:0% things like card validation say to 00:06:18.039 --> 00:06:20.309 align:start position:0% things like card validation say to prevent<00:06:18.680><c> the</c><00:06:18.880><c> customer</c><00:06:19.360><c> from</c><00:06:19.599><c> ordering</c><00:06:20.080><c> more</c> 00:06:20.309 --> 00:06:20.319 align:start position:0% prevent the customer from ordering more 00:06:20.319 --> 00:06:23.189 align:start position:0% prevent the customer from ordering more than<00:06:20.599><c> any</c><00:06:21.000><c> of</c><00:06:21.160><c> a</c><00:06:21.360><c> certain</c><00:06:21.680><c> type</c><00:06:21.880><c> of</c><00:06:22.120><c> item</c><00:06:22.960><c> or</c> 00:06:23.189 --> 00:06:23.199 align:start position:0% than any of a certain type of item or 00:06:23.199 --> 00:06:25.350 align:start position:0% than any of a certain type of item or perhaps<00:06:23.680><c> adding</c><00:06:24.000><c> custom</c><00:06:24.400><c> types</c><00:06:24.639><c> of</c><00:06:24.800><c> discounts</c> 00:06:25.350 --> 00:06:25.360 align:start position:0% perhaps adding custom types of discounts 00:06:25.360 --> 00:06:27.070 align:start position:0% perhaps adding custom types of discounts in<00:06:25.479><c> our</c><00:06:25.720><c> store</c><00:06:26.039><c> that</c><00:06:26.160><c> are</c><00:06:26.280><c> not</c><00:06:26.479><c> available</c><00:06:26.919><c> out</c> 00:06:27.070 --> 00:06:27.080 align:start position:0% in our store that are not available out 00:06:27.080 --> 00:06:30.350 align:start position:0% in our store that are not available out of<00:06:27.199><c> the</c><00:06:27.319><c> box</c><00:06:27.520><c> in</c><00:06:28.000><c> Shopify</c><00:06:29.000><c> as</c><00:06:29.160><c> you</c><00:06:29.280><c> can</c><00:06:29.520><c> can</c><00:06:29.680><c> see</c> 00:06:30.350 --> 00:06:30.360 align:start position:0% of the box in Shopify as you can can see 00:06:30.360 --> 00:06:33.189 align:start position:0% of the box in Shopify as you can can see here<00:06:30.919><c> these</c><00:06:31.039><c> are</c><00:06:31.240><c> all</c><00:06:31.440><c> the</c><00:06:31.599><c> apis</c><00:06:32.479><c> for</c><00:06:32.720><c> Shopify</c> 00:06:33.189 --> 00:06:33.199 align:start position:0% here these are all the apis for Shopify 00:06:33.199 --> 00:06:34.629 align:start position:0% here these are all the apis for Shopify functions<00:06:33.560><c> that</c><00:06:33.680><c> are</c><00:06:33.840><c> available</c><00:06:34.360><c> at</c><00:06:34.479><c> the</c> 00:06:34.629 --> 00:06:34.639 align:start position:0% functions that are available at the 00:06:34.639 --> 00:06:36.870 align:start position:0% functions that are available at the moment<00:06:35.160><c> and</c><00:06:35.280><c> Shopify</c><00:06:36.000><c> keeps</c><00:06:36.240><c> adding</c><00:06:36.560><c> more</c> 00:06:36.870 --> 00:06:36.880 align:start position:0% moment and Shopify keeps adding more 00:06:36.880 --> 00:06:39.830 align:start position:0% moment and Shopify keeps adding more over<00:06:37.199><c> time</c><00:06:38.000><c> these</c><00:06:38.160><c> two</c><00:06:38.440><c> are</c><00:06:39.160><c> in</c><00:06:39.400><c> developer</c> 00:06:39.830 --> 00:06:39.840 align:start position:0% over time these two are in developer 00:06:39.840 --> 00:06:41.830 align:start position:0% over time these two are in developer preview<00:06:40.160><c> at</c><00:06:40.240><c> the</c><00:06:40.360><c> moment</c><00:06:40.880><c> which</c><00:06:41.039><c> as</c><00:06:41.199><c> you</c><00:06:41.479><c> saw</c> 00:06:41.830 --> 00:06:41.840 align:start position:0% preview at the moment which as you saw 00:06:41.840 --> 00:06:44.070 align:start position:0% preview at the moment which as you saw earlier<00:06:42.199><c> in</c><00:06:42.319><c> the</c><00:06:42.479><c> video</c><00:06:43.280><c> what</c><00:06:43.440><c> that</c><00:06:43.560><c> means</c><00:06:43.919><c> is</c> 00:06:44.070 --> 00:06:44.080 align:start position:0% earlier in the video what that means is 00:06:44.080 --> 00:06:46.230 align:start position:0% earlier in the video what that means is that<00:06:44.280><c> we</c><00:06:44.400><c> can</c><00:06:44.639><c> access</c><00:06:44.960><c> them</c><00:06:45.280><c> in</c><00:06:45.560><c> development</c> 00:06:46.230 --> 00:06:46.240 align:start position:0% that we can access them in development 00:06:46.240 --> 00:06:49.230 align:start position:0% that we can access them in development stores<00:06:47.080><c> and</c><00:06:47.639><c> in</c><00:06:47.800><c> a</c><00:06:48.160><c> near</c><00:06:48.400><c> future</c><00:06:48.880><c> will</c><00:06:49.080><c> be</c> 00:06:49.230 --> 00:06:49.240 align:start position:0% stores and in a near future will be 00:06:49.240 --> 00:06:52.830 align:start position:0% stores and in a near future will be available<00:06:50.199><c> for</c><00:06:50.479><c> regular</c><00:06:50.880><c> stores</c><00:06:51.319><c> as</c><00:06:51.840><c> well</c> 00:06:52.830 --> 00:06:52.840 align:start position:0% available for regular stores as well 00:06:52.840 --> 00:06:54.990 align:start position:0% available for regular stores as well likewise<00:06:53.520><c> if</c><00:06:53.639><c> we</c><00:06:53.759><c> are</c><00:06:54.039><c> in</c><00:06:54.160><c> a</c><00:06:54.360><c> store</c><00:06:54.680><c> that's</c><00:06:54.840><c> on</c> 00:06:54.990 --> 00:06:55.000 align:start position:0% likewise if we are in a store that's on 00:06:55.000 --> 00:06:57.550 align:start position:0% likewise if we are in a store that's on Shopify<00:06:55.520><c> plus</c><00:06:56.160><c> we</c><00:06:56.280><c> will</c><00:06:56.560><c> also</c><00:06:56.800><c> be</c><00:06:56.960><c> able</c><00:06:57.199><c> to</c> 00:06:57.550 --> 00:06:57.560 align:start position:0% Shopify plus we will also be able to 00:06:57.560 --> 00:07:00.350 align:start position:0% Shopify plus we will also be able to check<00:06:57.759><c> out</c><00:06:58.000><c> the</c><00:06:58.400><c> extensions</c><00:06:59.560><c> which</c><00:06:59.879><c> let</c><00:07:00.160><c> us</c> 00:07:00.350 --> 00:07:00.360 align:start position:0% check out the extensions which let us 00:07:00.360 --> 00:07:02.909 align:start position:0% check out the extensions which let us add<00:07:00.599><c> custom</c><00:07:00.879><c> UI</c><00:07:01.240><c> elements</c><00:07:02.080><c> at</c><00:07:02.280><c> certain</c><00:07:02.639><c> points</c> 00:07:02.909 --> 00:07:02.919 align:start position:0% add custom UI elements at certain points 00:07:02.919 --> 00:07:04.390 align:start position:0% add custom UI elements at certain points of<00:07:03.039><c> the</c><00:07:03.160><c> checkout</c><00:07:03.479><c> flow</c><00:07:04.000><c> this</c><00:07:04.120><c> could</c><00:07:04.280><c> be</c> 00:07:04.390 --> 00:07:04.400 align:start position:0% of the checkout flow this could be 00:07:04.400 --> 00:07:06.710 align:start position:0% of the checkout flow this could be useful<00:07:04.840><c> for</c><00:07:05.639><c> of</c><00:07:05.879><c> selling</c><00:07:06.199><c> products</c><00:07:06.560><c> at</c> 00:07:06.710 --> 00:07:06.720 align:start position:0% useful for of selling products at 00:07:06.720 --> 00:07:08.869 align:start position:0% useful for of selling products at checkout<00:07:07.360><c> adding</c><00:07:07.680><c> forms</c><00:07:08.080><c> for</c><00:07:08.360><c> feedback</c> 00:07:08.869 --> 00:07:08.879 align:start position:0% checkout adding forms for feedback 00:07:08.879 --> 00:07:11.909 align:start position:0% checkout adding forms for feedback loyalty<00:07:09.319><c> points</c><00:07:09.639><c> programs</c><00:07:10.240><c> and</c><00:07:10.440><c> so</c><00:07:10.599><c> on</c><00:07:11.560><c> I</c><00:07:11.720><c> have</c> 00:07:11.909 --> 00:07:11.919 align:start position:0% loyalty points programs and so on I have 00:07:11.919 --> 00:07:13.869 align:start position:0% loyalty points programs and so on I have a<00:07:12.039><c> few</c><00:07:12.240><c> videos</c><00:07:12.479><c> showcasing</c><00:07:13.080><c> how</c><00:07:13.199><c> to</c><00:07:13.360><c> add</c><00:07:13.599><c> those</c> 00:07:13.869 --> 00:07:13.879 align:start position:0% a few videos showcasing how to add those 00:07:13.879 --> 00:07:15.710 align:start position:0% a few videos showcasing how to add those and<00:07:14.080><c> how</c><00:07:14.199><c> to</c><00:07:14.360><c> add</c><00:07:14.520><c> Shopify</c><00:07:14.960><c> functions</c><00:07:15.400><c> to</c><00:07:15.560><c> a</c> 00:07:15.710 --> 00:07:15.720 align:start position:0% and how to add Shopify functions to a 00:07:15.720 --> 00:07:17.909 align:start position:0% and how to add Shopify functions to a store<00:07:16.599><c> and</c><00:07:16.759><c> I'll</c><00:07:16.919><c> be</c><00:07:17.039><c> leaving</c><00:07:17.400><c> a</c><00:07:17.520><c> link</c><00:07:17.720><c> to</c> 00:07:17.909 --> 00:07:17.919 align:start position:0% store and I'll be leaving a link to 00:07:17.919 --> 00:07:20.110 align:start position:0% store and I'll be leaving a link to those<00:07:18.520><c> in</c><00:07:18.680><c> the</c><00:07:18.800><c> video</c><00:07:19.039><c> description</c><00:07:19.520><c> and</c><00:07:19.879><c> also</c> 00:07:20.110 --> 00:07:20.120 align:start position:0% those in the video description and also 00:07:20.120 --> 00:07:21.589 align:start position:0% those in the video description and also a<00:07:20.280><c> car</c><00:07:20.479><c> should</c><00:07:20.680><c> be</c><00:07:20.800><c> appearing</c><00:07:21.160><c> at</c><00:07:21.280><c> the</c><00:07:21.400><c> top</c> 00:07:21.589 --> 00:07:21.599 align:start position:0% a car should be appearing at the top 00:07:21.599 --> 00:07:22.909 align:start position:0% a car should be appearing at the top right 00:07:22.909 --> 00:07:22.919 align:start position:0% right 00:07:22.919 --> 00:07:25.309 align:start position:0% right now<00:07:23.919><c> now</c><00:07:24.160><c> after</c><00:07:24.360><c> seeing</c><00:07:24.599><c> the</c><00:07:24.720><c> plant</c><00:07:25.000><c> that</c><00:07:25.120><c> are</c> 00:07:25.309 --> 00:07:25.319 align:start position:0% now now after seeing the plant that are 00:07:25.319 --> 00:07:28.230 align:start position:0% now now after seeing the plant that are available<00:07:26.120><c> back</c><00:07:26.360><c> in</c><00:07:26.479><c> the</c><00:07:26.639><c> store</c><00:07:27.520><c> let's</c><00:07:27.840><c> close</c> 00:07:28.230 --> 00:07:28.240 align:start position:0% available back in the store let's close 00:07:28.240 --> 00:07:30.830 align:start position:0% available back in the store let's close this<00:07:28.440><c> over</c><00:07:28.720><c> here</c><00:07:29.479><c> and</c><00:07:29.639><c> let's</c><00:07:29.879><c> go</c><00:07:30.120><c> to</c><00:07:30.440><c> online</c> 00:07:30.830 --> 00:07:30.840 align:start position:0% this over here and let's go to online 00:07:30.840 --> 00:07:33.309 align:start position:0% this over here and let's go to online store<00:07:31.319><c> if</c><00:07:31.440><c> you</c><00:07:31.599><c> don't</c><00:07:31.960><c> have</c><00:07:32.360><c> this</c><00:07:32.879><c> menu</c> 00:07:33.309 --> 00:07:33.319 align:start position:0% store if you don't have this menu 00:07:33.319 --> 00:07:36.469 align:start position:0% store if you don't have this menu accessible<00:07:33.879><c> over</c><00:07:34.120><c> here</c><00:07:34.599><c> you</c><00:07:34.759><c> can</c><00:07:35.039><c> look</c><00:07:35.479><c> for</c> 00:07:36.469 --> 00:07:36.479 align:start position:0% accessible over here you can look for 00:07:36.479 --> 00:07:38.710 align:start position:0% accessible over here you can look for online<00:07:37.000><c> store</c><00:07:37.479><c> here</c><00:07:37.639><c> in</c><00:07:37.720><c> the</c><00:07:37.879><c> search</c><00:07:38.160><c> bar</c><00:07:38.560><c> and</c> 00:07:38.710 --> 00:07:38.720 align:start position:0% online store here in the search bar and 00:07:38.720 --> 00:07:41.990 align:start position:0% online store here in the search bar and select<00:07:39.080><c> it</c><00:07:39.240><c> from</c><00:07:39.680><c> there</c><00:07:40.680><c> now</c><00:07:41.080><c> over</c><00:07:41.400><c> here</c><00:07:41.759><c> we</c> 00:07:41.990 --> 00:07:42.000 align:start position:0% select it from there now over here we 00:07:42.000 --> 00:07:43.670 align:start position:0% select it from there now over here we have<00:07:42.360><c> the</c><00:07:42.520><c> list</c><00:07:42.759><c> of</c><00:07:42.960><c> themes</c><00:07:43.360><c> that</c><00:07:43.479><c> are</c> 00:07:43.670 --> 00:07:43.680 align:start position:0% have the list of themes that are 00:07:43.680 --> 00:07:45.510 align:start position:0% have the list of themes that are installed<00:07:44.199><c> by</c><00:07:44.400><c> default</c><00:07:44.919><c> when</c><00:07:45.039><c> you</c><00:07:45.159><c> create</c><00:07:45.440><c> a</c> 00:07:45.510 --> 00:07:45.520 align:start position:0% installed by default when you create a 00:07:45.520 --> 00:07:48.309 align:start position:0% installed by default when you create a new<00:07:45.960><c> store</c><00:07:46.960><c> and</c><00:07:47.120><c> we</c><00:07:47.240><c> are</c><00:07:47.440><c> going</c><00:07:47.680><c> to</c><00:07:47.919><c> publish</c> 00:07:48.309 --> 00:07:48.319 align:start position:0% new store and we are going to publish 00:07:48.319 --> 00:07:51.110 align:start position:0% new store and we are going to publish here<00:07:48.680><c> Dawn</c><00:07:49.400><c> which</c><00:07:49.560><c> is</c><00:07:49.800><c> the</c><00:07:50.000><c> most</c><00:07:50.240><c> recent</c><00:07:50.639><c> Theme</c> 00:07:51.110 --> 00:07:51.120 align:start position:0% here Dawn which is the most recent Theme 00:07:51.120 --> 00:07:52.149 align:start position:0% here Dawn which is the most recent Theme by 00:07:52.149 --> 00:07:52.159 align:start position:0% by 00:07:52.159 --> 00:07:54.790 align:start position:0% by Shopify<00:07:53.159><c> there</c><00:07:53.360><c> are</c><00:07:53.560><c> also</c><00:07:53.919><c> other</c><00:07:54.159><c> themes</c><00:07:54.560><c> over</c> 00:07:54.790 --> 00:07:54.800 align:start position:0% Shopify there are also other themes over 00:07:54.800 --> 00:07:57.629 align:start position:0% Shopify there are also other themes over here<00:07:55.360><c> these</c><00:07:55.520><c> are</c><00:07:55.759><c> all</c><00:07:56.000><c> by</c><00:07:56.319><c> Shopify</c><00:07:57.319><c> but</c><00:07:57.520><c> there</c> 00:07:57.629 --> 00:07:57.639 align:start position:0% here these are all by Shopify but there 00:07:57.639 --> 00:08:00.149 align:start position:0% here these are all by Shopify but there is<00:07:57.759><c> a</c><00:07:57.960><c> theme</c><00:07:58.280><c> app</c><00:07:58.479><c> store</c><00:07:59.120><c> that</c><00:07:59.440><c> that</c><00:07:59.840><c> you</c><00:07:59.960><c> can</c> 00:08:00.149 --> 00:08:00.159 align:start position:0% is a theme app store that that you can 00:08:00.159 --> 00:08:01.629 align:start position:0% is a theme app store that that you can take<00:08:00.319><c> a</c><00:08:00.440><c> look</c><00:08:00.639><c> at</c><00:08:00.960><c> where</c><00:08:01.120><c> there</c><00:08:01.240><c> are</c><00:08:01.360><c> a</c><00:08:01.440><c> few</c> 00:08:01.629 --> 00:08:01.639 align:start position:0% take a look at where there are a few 00:08:01.639 --> 00:08:04.029 align:start position:0% take a look at where there are a few them<00:08:01.960><c> that</c><00:08:02.080><c> are</c><00:08:02.400><c> paid</c><00:08:03.199><c> there</c><00:08:03.280><c> are</c><00:08:03.479><c> others</c><00:08:03.919><c> that</c> 00:08:04.029 --> 00:08:04.039 align:start position:0% them that are paid there are others that 00:08:04.039 --> 00:08:07.350 align:start position:0% them that are paid there are others that are<00:08:04.639><c> free</c><00:08:05.639><c> some</c><00:08:05.840><c> of</c><00:08:06.120><c> which</c><00:08:06.520><c> I</c><00:08:06.680><c> think</c><00:08:07.120><c> they</c> 00:08:07.350 --> 00:08:07.360 align:start position:0% are free some of which I think they 00:08:07.360 --> 00:08:09.990 align:start position:0% are free some of which I think they offer<00:08:07.720><c> some</c><00:08:07.919><c> sort</c><00:08:08.159><c> of</c><00:08:08.520><c> demo</c><00:08:08.919><c> so</c><00:08:09.120><c> if</c><00:08:09.240><c> you</c><00:08:09.759><c> click</c> 00:08:09.990 --> 00:08:10.000 align:start position:0% offer some sort of demo so if you click 00:08:10.000 --> 00:08:12.309 align:start position:0% offer some sort of demo so if you click over<00:08:10.240><c> here</c><00:08:10.440><c> you</c><00:08:10.560><c> can</c><00:08:11.280><c> click</c><00:08:11.520><c> on</c><00:08:11.720><c> try</c><00:08:12.000><c> theme</c><00:08:12.199><c> or</c> 00:08:12.309 --> 00:08:12.319 align:start position:0% over here you can click on try theme or 00:08:12.319 --> 00:08:14.510 align:start position:0% over here you can click on try theme or view<00:08:12.520><c> a</c><00:08:12.639><c> demo</c><00:08:12.879><c> store</c><00:08:13.199><c> to</c><00:08:13.360><c> see</c><00:08:14.039><c> what</c><00:08:14.199><c> the</c><00:08:14.319><c> theme</c> 00:08:14.510 --> 00:08:14.520 align:start position:0% view a demo store to see what the theme 00:08:14.520 --> 00:08:17.270 align:start position:0% view a demo store to see what the theme is<00:08:14.680><c> about</c><00:08:15.639><c> anyways</c><00:08:16.080><c> going</c><00:08:16.360><c> back</c><00:08:16.479><c> to</c><00:08:16.599><c> the</c><00:08:16.759><c> store</c> 00:08:17.270 --> 00:08:17.280 align:start position:0% is about anyways going back to the store 00:08:17.280 --> 00:08:19.790 align:start position:0% is about anyways going back to the store over<00:08:17.560><c> here</c><00:08:18.479><c> let's</c><00:08:18.800><c> preview</c> 00:08:19.790 --> 00:08:19.800 align:start position:0% over here let's preview 00:08:19.800 --> 00:08:22.710 align:start position:0% over here let's preview done<00:08:20.800><c> and</c><00:08:20.960><c> this</c><00:08:21.080><c> is</c><00:08:21.240><c> what</c><00:08:21.400><c> the</c><00:08:21.560><c> theme</c><00:08:21.960><c> looks</c> 00:08:22.710 --> 00:08:22.720 align:start position:0% done and this is what the theme looks 00:08:22.720 --> 00:08:25.869 align:start position:0% done and this is what the theme looks like<00:08:23.720><c> this</c><00:08:23.879><c> of</c><00:08:24.039><c> course</c><00:08:24.319><c> looks</c><00:08:24.759><c> very</c><00:08:25.000><c> basic</c><00:08:25.680><c> but</c> 00:08:25.869 --> 00:08:25.879 align:start position:0% like this of course looks very basic but 00:08:25.879 --> 00:08:27.670 align:start position:0% like this of course looks very basic but over<00:08:26.120><c> here</c><00:08:26.400><c> under</c> 00:08:27.670 --> 00:08:27.680 align:start position:0% over here under 00:08:27.680 --> 00:08:29.909 align:start position:0% over here under customize<00:08:28.680><c> this</c><00:08:28.840><c> is</c> 00:08:29.909 --> 00:08:29.919 align:start position:0% customize this is 00:08:29.919 --> 00:08:33.509 align:start position:0% customize this is the<00:08:30.919><c> store</c><00:08:31.319><c> editor</c><00:08:32.120><c> or</c><00:08:32.320><c> the</c><00:08:32.440><c> online</c><00:08:32.760><c> editor</c> 00:08:33.509 --> 00:08:33.519 align:start position:0% the store editor or the online editor 00:08:33.519 --> 00:08:35.469 align:start position:0% the store editor or the online editor and<00:08:33.680><c> this</c><00:08:33.800><c> is</c><00:08:33.959><c> what</c><00:08:34.080><c> I</c><00:08:34.200><c> meant</c><00:08:34.760><c> that</c><00:08:35.039><c> liquid</c> 00:08:35.469 --> 00:08:35.479 align:start position:0% and this is what I meant that liquid 00:08:35.479 --> 00:08:37.509 align:start position:0% and this is what I meant that liquid comes<00:08:35.800><c> with</c><00:08:35.919><c> a</c><00:08:36.080><c> CMS</c><00:08:36.560><c> if</c><00:08:36.640><c> you</c><00:08:36.760><c> were</c><00:08:36.919><c> building</c><00:08:37.320><c> a</c> 00:08:37.509 --> 00:08:37.519 align:start position:0% comes with a CMS if you were building a 00:08:37.519 --> 00:08:39.149 align:start position:0% comes with a CMS if you were building a headless<00:08:37.919><c> store</c><00:08:38.320><c> you</c><00:08:38.440><c> wouldn't</c><00:08:38.760><c> have</c><00:08:38.959><c> access</c> 00:08:39.149 --> 00:08:39.159 align:start position:0% headless store you wouldn't have access 00:08:39.159 --> 00:08:41.550 align:start position:0% headless store you wouldn't have access to<00:08:39.360><c> this</c><00:08:39.519><c> over</c><00:08:39.760><c> here</c><00:08:40.440><c> so</c><00:08:40.599><c> if</c><00:08:40.680><c> I</c><00:08:40.839><c> wanted</c><00:08:41.120><c> to</c><00:08:41.320><c> edit</c> 00:08:41.550 --> 00:08:41.560 align:start position:0% to this over here so if I wanted to edit 00:08:41.560 --> 00:08:43.509 align:start position:0% to this over here so if I wanted to edit the<00:08:41.680><c> content</c><00:08:42.000><c> for</c><00:08:42.240><c> this</c><00:08:42.760><c> I</c><00:08:42.839><c> would</c><00:08:43.039><c> just</c><00:08:43.240><c> type</c> 00:08:43.509 --> 00:08:43.519 align:start position:0% the content for this I would just type 00:08:43.519 --> 00:08:47.110 align:start position:0% the content for this I would just type something<00:08:44.000><c> here</c><00:08:45.000><c> click</c><00:08:45.519><c> save</c><00:08:46.519><c> and</c><00:08:46.680><c> now</c><00:08:46.920><c> my</c> 00:08:47.110 --> 00:08:47.120 align:start position:0% something here click save and now my 00:08:47.120 --> 00:08:49.590 align:start position:0% something here click save and now my store<00:08:47.640><c> if</c><00:08:47.800><c> I</c><00:08:48.000><c> come</c><00:08:48.160><c> over</c><00:08:48.399><c> here</c><00:08:48.680><c> and</c><00:08:48.839><c> refresh</c> 00:08:49.590 --> 00:08:49.600 align:start position:0% store if I come over here and refresh 00:08:49.600 --> 00:08:53.829 align:start position:0% store if I come over here and refresh this<00:08:50.600><c> the</c><00:08:50.800><c> content</c><00:08:51.160><c> got</c><00:08:51.560><c> updated</c><00:08:52.560><c> I</c><00:08:52.640><c> can</c><00:08:52.880><c> also</c> 00:08:53.829 --> 00:08:53.839 align:start position:0% this the content got updated I can also 00:08:53.839 --> 00:08:55.870 align:start position:0% this the content got updated I can also start<00:08:54.160><c> adding</c><00:08:54.560><c> different</c><00:08:54.920><c> sections</c><00:08:55.519><c> which</c><00:08:55.760><c> we</c> 00:08:55.870 --> 00:08:55.880 align:start position:0% start adding different sections which we 00:08:55.880 --> 00:08:58.509 align:start position:0% start adding different sections which we will<00:08:56.080><c> learn</c><00:08:56.560><c> how</c><00:08:56.680><c> to</c><00:08:56.880><c> create</c><00:08:57.839><c> in</c><00:08:58.079><c> this</c><00:08:58.240><c> video</c> 00:08:58.509 --> 00:08:58.519 align:start position:0% will learn how to create in this video 00:08:58.519 --> 00:09:01.790 align:start position:0% will learn how to create in this video series<00:08:58.920><c> all</c><00:08:59.279><c> of</c><00:08:59.440><c> these</c><00:09:00.079><c> are</c><00:09:00.480><c> done</c><00:09:01.040><c> with</c><00:09:01.240><c> liquid</c> 00:09:01.790 --> 00:09:01.800 align:start position:0% series all of these are done with liquid 00:09:01.800 --> 00:09:03.870 align:start position:0% series all of these are done with liquid HTML<00:09:02.519><c> CSS</c><00:09:02.920><c> and</c> 00:09:03.870 --> 00:09:03.880 align:start position:0% HTML CSS and 00:09:03.880 --> 00:09:07.310 align:start position:0% HTML CSS and JavaScript<00:09:04.920><c> anyways</c><00:09:05.920><c> going</c><00:09:06.399><c> back</c><00:09:06.800><c> over</c><00:09:07.160><c> here</c> 00:09:07.310 --> 00:09:07.320 align:start position:0% JavaScript anyways going back over here 00:09:07.320 --> 00:09:08.389 align:start position:0% JavaScript anyways going back over here to<00:09:07.519><c> this</c> 00:09:08.389 --> 00:09:08.399 align:start position:0% to this 00:09:08.399 --> 00:09:12.110 align:start position:0% to this menu<00:09:09.399><c> let's</c><00:09:09.839><c> see</c><00:09:10.720><c> let's</c><00:09:10.920><c> see</c><00:09:11.279><c> what</c><00:09:11.480><c> makes</c><00:09:11.800><c> them</c> 00:09:12.110 --> 00:09:12.120 align:start position:0% menu let's see let's see what makes them 00:09:12.120 --> 00:09:14.790 align:start position:0% menu let's see let's see what makes them different<00:09:12.560><c> from</c><00:09:13.240><c> the</c><00:09:13.959><c> other</c><00:09:14.240><c> themes</c><00:09:14.560><c> that</c><00:09:14.680><c> are</c> 00:09:14.790 --> 00:09:14.800 align:start position:0% different from the other themes that are 00:09:14.800 --> 00:09:17.509 align:start position:0% different from the other themes that are available<00:09:15.200><c> at</c><00:09:15.320><c> the</c><00:09:15.880><c> moment</c><00:09:16.880><c> and</c><00:09:17.000><c> the</c><00:09:17.120><c> reason</c><00:09:17.399><c> I</c> 00:09:17.509 --> 00:09:17.519 align:start position:0% available at the moment and the reason I 00:09:17.519 --> 00:09:19.829 align:start position:0% available at the moment and the reason I think<00:09:17.800><c> why</c><00:09:18.040><c> Don</c><00:09:18.519><c> is</c><00:09:18.720><c> a</c><00:09:18.920><c> good</c><00:09:19.079><c> starting</c><00:09:19.480><c> point</c> 00:09:19.829 --> 00:09:19.839 align:start position:0% think why Don is a good starting point 00:09:19.839 --> 00:09:21.550 align:start position:0% think why Don is a good starting point especially<00:09:20.399><c> if</c><00:09:20.519><c> you're</c><00:09:20.800><c> just</c><00:09:20.959><c> learning</c><00:09:21.440><c> how</c> 00:09:21.550 --> 00:09:21.560 align:start position:0% especially if you're just learning how 00:09:21.560 --> 00:09:24.350 align:start position:0% especially if you're just learning how to<00:09:21.720><c> use</c><00:09:21.920><c> Shopify</c><00:09:22.800><c> is</c><00:09:22.959><c> because</c><00:09:23.399><c> Don</c><00:09:23.720><c> is</c><00:09:24.000><c> open</c> 00:09:24.350 --> 00:09:24.360 align:start position:0% to use Shopify is because Don is open 00:09:24.360 --> 00:09:27.430 align:start position:0% to use Shopify is because Don is open source<00:09:25.360><c> and</c><00:09:25.519><c> the</c><00:09:25.640><c> advantage</c><00:09:26.040><c> of</c><00:09:26.279><c> that</c><00:09:26.720><c> is</c><00:09:27.000><c> that</c> 00:09:27.430 --> 00:09:27.440 align:start position:0% source and the advantage of that is that 00:09:27.440 --> 00:09:30.269 align:start position:0% source and the advantage of that is that over<00:09:27.720><c> here</c><00:09:28.000><c> in</c><00:09:28.200><c> this</c><00:09:28.360><c> Ripple</c><00:09:28.800><c> you</c><00:09:28.920><c> can</c><00:09:29.320><c> see</c><00:09:30.079><c> the</c> 00:09:30.269 --> 00:09:30.279 align:start position:0% over here in this Ripple you can see the 00:09:30.279 --> 00:09:32.509 align:start position:0% over here in this Ripple you can see the code<00:09:30.480><c> for</c><00:09:30.720><c> Don</c><00:09:31.680><c> you</c><00:09:31.800><c> can</c><00:09:31.959><c> see</c><00:09:32.160><c> previous</c> 00:09:32.509 --> 00:09:32.519 align:start position:0% code for Don you can see previous 00:09:32.519 --> 00:09:34.990 align:start position:0% code for Don you can see previous versions<00:09:32.800><c> of</c><00:09:32.959><c> done</c><00:09:33.360><c> you</c><00:09:33.440><c> can</c><00:09:33.640><c> see</c><00:09:34.240><c> a</c><00:09:34.519><c> detailed</c> 00:09:34.990 --> 00:09:35.000 align:start position:0% versions of done you can see a detailed 00:09:35.000 --> 00:09:37.590 align:start position:0% versions of done you can see a detailed change<00:09:35.360><c> L</c><00:09:35.760><c> of</c><00:09:36.240><c> all</c><00:09:36.519><c> the</c><00:09:36.959><c> things</c><00:09:37.240><c> that</c><00:09:37.440><c> have</c> 00:09:37.590 --> 00:09:37.600 align:start position:0% change L of all the things that have 00:09:37.600 --> 00:09:41.350 align:start position:0% change L of all the things that have been<00:09:37.800><c> added</c><00:09:38.560><c> over</c><00:09:39.200><c> time</c><00:09:40.200><c> and</c><00:09:40.560><c> for</c><00:09:40.760><c> example</c><00:09:41.279><c> if</c> 00:09:41.350 --> 00:09:41.360 align:start position:0% been added over time and for example if 00:09:41.360 --> 00:09:42.949 align:start position:0% been added over time and for example if you<00:09:41.480><c> wanted</c><00:09:41.760><c> to</c><00:09:41.839><c> see</c><00:09:42.040><c> more</c><00:09:42.279><c> context</c><00:09:42.680><c> on</c><00:09:42.839><c> this</c> 00:09:42.949 --> 00:09:42.959 align:start position:0% you wanted to see more context on this 00:09:42.959 --> 00:09:44.670 align:start position:0% you wanted to see more context on this change<00:09:43.279><c> add</c><00:09:43.480><c> visuals</c><00:09:43.959><c> representation</c><00:09:44.480><c> for</c> 00:09:44.670 --> 00:09:44.680 align:start position:0% change add visuals representation for 00:09:44.680 --> 00:09:47.269 align:start position:0% change add visuals representation for filters<00:09:45.399><c> what</c><00:09:45.560><c> does</c><00:09:45.920><c> this</c><00:09:46.079><c> mean</c><00:09:46.920><c> you</c><00:09:47.040><c> can</c> 00:09:47.269 --> 00:09:47.279 align:start position:0% filters what does this mean you can 00:09:47.279 --> 00:09:49.949 align:start position:0% filters what does this mean you can click<00:09:47.640><c> on</c><00:09:47.880><c> this</c><00:09:48.040><c> P</c><00:09:48.320><c> request</c><00:09:48.680><c> over</c> 00:09:49.949 --> 00:09:49.959 align:start position:0% click on this P request over 00:09:49.959 --> 00:09:53.910 align:start position:0% click on this P request over here 00:09:53.910 --> 00:09:53.920 align:start position:0% 00:09:53.920 --> 00:09:58.350 align:start position:0% and<00:09:54.920><c> yep</c><00:09:55.360><c> here</c><00:09:56.279><c> you</c><00:09:56.440><c> can</c><00:09:56.640><c> see</c><00:09:57.640><c> all</c><00:09:57.800><c> the</c><00:09:57.959><c> context</c> 00:09:58.350 --> 00:09:58.360 align:start position:0% and yep here you can see all the context 00:09:58.360 --> 00:09:59.670 align:start position:0% and yep here you can see all the context behind<00:09:58.600><c> it</c> 00:09:59.670 --> 00:09:59.680 align:start position:0% behind it 00:09:59.680 --> 00:10:01.430 align:start position:0% behind it why<00:09:59.839><c> are</c><00:10:00.040><c> these</c><00:10:00.200><c> changes</c><00:10:00.519><c> introduced</c><00:10:01.240><c> what</c> 00:10:01.430 --> 00:10:01.440 align:start position:0% why are these changes introduced what 00:10:01.440 --> 00:10:05.509 align:start position:0% why are these changes introduced what approach<00:10:02.160><c> did</c><00:10:03.160><c> the</c><00:10:03.680><c> programmer</c><00:10:04.200><c> take</c><00:10:05.200><c> what</c> 00:10:05.509 --> 00:10:05.519 align:start position:0% approach did the programmer take what 00:10:05.519 --> 00:10:08.630 align:start position:0% approach did the programmer take what other<00:10:06.240><c> considerations</c><00:10:07.240><c> had</c><00:10:07.399><c> to</c><00:10:07.560><c> be</c><00:10:08.120><c> taken</c> 00:10:08.630 --> 00:10:08.640 align:start position:0% other considerations had to be taken 00:10:08.640 --> 00:10:11.630 align:start position:0% other considerations had to be taken before<00:10:08.959><c> adding</c><00:10:09.600><c> this</c><00:10:10.600><c> what</c><00:10:11.040><c> does</c><00:10:11.240><c> it</c><00:10:11.440><c> look</c> 00:10:11.630 --> 00:10:11.640 align:start position:0% before adding this what does it look 00:10:11.640 --> 00:10:14.230 align:start position:0% before adding this what does it look like<00:10:11.839><c> when</c><00:10:12.000><c> it</c><00:10:12.160><c> gets</c><00:10:12.399><c> added</c><00:10:12.920><c> so</c><00:10:13.760><c> in</c><00:10:14.079><c> this</c> 00:10:14.230 --> 00:10:14.240 align:start position:0% like when it gets added so in this 00:10:14.240 --> 00:10:15.790 align:start position:0% like when it gets added so in this change<00:10:14.519><c> in</c><00:10:14.680><c> particular</c><00:10:15.160><c> is</c><00:10:15.279><c> about</c><00:10:15.519><c> adding</c> 00:10:15.790 --> 00:10:15.800 align:start position:0% change in particular is about adding 00:10:15.800 --> 00:10:17.509 align:start position:0% change in particular is about adding swatches<00:10:16.320><c> for</c><00:10:16.480><c> the</c><00:10:16.560><c> filters</c><00:10:17.000><c> in</c><00:10:17.120><c> the</c><00:10:17.240><c> store</c> 00:10:17.509 --> 00:10:17.519 align:start position:0% swatches for the filters in the store 00:10:17.519 --> 00:10:20.829 align:start position:0% swatches for the filters in the store which<00:10:17.640><c> is</c><00:10:17.720><c> a</c><00:10:17.839><c> feature</c><00:10:18.160><c> that</c><00:10:18.399><c> Shopify</c><00:10:19.839><c> released</c> 00:10:20.829 --> 00:10:20.839 align:start position:0% which is a feature that Shopify released 00:10:20.839 --> 00:10:24.150 align:start position:0% which is a feature that Shopify released not<00:10:21.279><c> not</c><00:10:21.440><c> that</c><00:10:21.640><c> much</c><00:10:21.839><c> time</c><00:10:22.480><c> ago</c><00:10:23.480><c> and</c><00:10:23.680><c> over</c><00:10:23.920><c> here</c> 00:10:24.150 --> 00:10:24.160 align:start position:0% not not that much time ago and over here 00:10:24.160 --> 00:10:26.470 align:start position:0% not not that much time ago and over here you<00:10:24.279><c> can</c><00:10:24.440><c> see</c><00:10:25.200><c> all</c><00:10:25.360><c> the</c><00:10:25.519><c> comments</c><00:10:25.959><c> that</c><00:10:26.200><c> were</c> 00:10:26.470 --> 00:10:26.480 align:start position:0% you can see all the comments that were 00:10:26.480 --> 00:10:30.389 align:start position:0% you can see all the comments that were given<00:10:27.160><c> by</c><00:10:27.440><c> different</c><00:10:28.040><c> contributors</c><00:10:29.320><c> of</c><00:10:30.240><c> of</c> 00:10:30.389 --> 00:10:30.399 align:start position:0% given by different contributors of of 00:10:30.399 --> 00:10:31.190 align:start position:0% given by different contributors of of the 00:10:31.190 --> 00:10:31.200 align:start position:0% the 00:10:31.200 --> 00:10:33.949 align:start position:0% the theme<00:10:32.200><c> and</c><00:10:32.560><c> that's</c><00:10:32.760><c> really</c><00:10:33.000><c> helpful</c><00:10:33.440><c> context</c> 00:10:33.949 --> 00:10:33.959 align:start position:0% theme and that's really helpful context 00:10:33.959 --> 00:10:36.030 align:start position:0% theme and that's really helpful context especially<00:10:34.320><c> if</c><00:10:34.399><c> you</c><00:10:34.519><c> don't</c><00:10:34.720><c> know</c><00:10:35.440><c> what</c><00:10:35.680><c> is</c><00:10:35.880><c> the</c> 00:10:36.030 --> 00:10:36.040 align:start position:0% especially if you don't know what is the 00:10:36.040 --> 00:10:37.389 align:start position:0% especially if you don't know what is the best<00:10:36.279><c> way</c><00:10:36.440><c> to</c><00:10:36.600><c> implement</c><00:10:37.079><c> something</c><00:10:37.320><c> in</c> 00:10:37.389 --> 00:10:37.399 align:start position:0% best way to implement something in 00:10:37.399 --> 00:10:40.829 align:start position:0% best way to implement something in Shopify<00:10:38.079><c> it</c><00:10:38.160><c> is</c><00:10:38.399><c> most</c><00:10:39.079><c> likely</c><00:10:40.079><c> that</c><00:10:40.320><c> it</c><00:10:40.560><c> had</c> 00:10:40.829 --> 00:10:40.839 align:start position:0% Shopify it is most likely that it had 00:10:40.839 --> 00:10:43.910 align:start position:0% Shopify it is most likely that it had been<00:10:41.839><c> implemented</c><00:10:42.480><c> in</c><00:10:42.720><c> D</c><00:10:43.160><c> and</c><00:10:43.279><c> you</c><00:10:43.440><c> could</c><00:10:43.720><c> get</c> 00:10:43.910 --> 00:10:43.920 align:start position:0% been implemented in D and you could get 00:10:43.920 --> 00:10:46.829 align:start position:0% been implemented in D and you could get some<00:10:44.200><c> extra</c><00:10:44.560><c> context</c><00:10:45.160><c> on</c><00:10:45.440><c> how</c><00:10:45.560><c> to</c><00:10:45.760><c> do</c><00:10:46.000><c> that</c> 00:10:46.829 --> 00:10:46.839 align:start position:0% some extra context on how to do that 00:10:46.839 --> 00:10:49.269 align:start position:0% some extra context on how to do that also<00:10:47.440><c> Don</c><00:10:47.800><c> is</c><00:10:48.240><c> pretty</c> 00:10:49.269 --> 00:10:49.279 align:start position:0% also Don is pretty 00:10:49.279 --> 00:10:52.790 align:start position:0% also Don is pretty extendable<00:10:50.279><c> and</c><00:10:50.639><c> over</c><00:10:51.240><c> here</c><00:10:52.240><c> you</c><00:10:52.399><c> can</c><00:10:52.600><c> also</c> 00:10:52.790 --> 00:10:52.800 align:start position:0% extendable and over here you can also 00:10:52.800 --> 00:10:56.230 align:start position:0% extendable and over here you can also see<00:10:53.800><c> the</c><00:10:54.440><c> approach</c><00:10:55.079><c> that</c><00:10:55.279><c> is</c><00:10:55.600><c> that</c><00:10:55.880><c> has</c><00:10:56.000><c> been</c> 00:10:56.230 --> 00:10:56.240 align:start position:0% see the approach that is that has been 00:10:56.240 --> 00:11:00.629 align:start position:0% see the approach that is that has been taken<00:10:56.760><c> while</c><00:10:57.320><c> developing</c><00:10:58.040><c> done</c><00:10:59.360><c> and</c><00:11:00.160><c> it</c><00:11:00.399><c> has</c> 00:11:00.629 --> 00:11:00.639 align:start position:0% taken while developing done and it has 00:11:00.639 --> 00:11:04.030 align:start position:0% taken while developing done and it has 2.2k<00:11:01.519><c> stars</c><00:11:02.120><c> which</c><00:11:02.399><c> for</c><00:11:02.720><c> a</c><00:11:03.000><c> Shopify</c><00:11:03.519><c> theme</c> 00:11:04.030 --> 00:11:04.040 align:start position:0% 2.2k stars which for a Shopify theme 00:11:04.040 --> 00:11:06.590 align:start position:0% 2.2k stars which for a Shopify theme which<00:11:04.200><c> is</c><00:11:04.360><c> a</c><00:11:04.639><c> very</c><00:11:04.839><c> Niche</c><00:11:05.320><c> technology</c><00:11:06.320><c> that's</c> 00:11:06.590 --> 00:11:06.600 align:start position:0% which is a very Niche technology that's 00:11:06.600 --> 00:11:09.230 align:start position:0% which is a very Niche technology that's quite<00:11:06.760><c> a</c><00:11:06.839><c> lot</c><00:11:07.519><c> so</c><00:11:07.680><c> you</c><00:11:07.839><c> are</c><00:11:08.000><c> likely</c><00:11:08.360><c> to</c><00:11:08.600><c> find</c> 00:11:09.230 --> 00:11:09.240 align:start position:0% quite a lot so you are likely to find 00:11:09.240 --> 00:11:10.949 align:start position:0% quite a lot so you are likely to find support<00:11:09.639><c> in</c><00:11:09.760><c> the</c><00:11:09.880><c> Shopify</c><00:11:10.360><c> Community</c><00:11:10.760><c> if</c><00:11:10.880><c> you</c> 00:11:10.949 --> 00:11:10.959 align:start position:0% support in the Shopify Community if you 00:11:10.959 --> 00:11:14.110 align:start position:0% support in the Shopify Community if you don't<00:11:11.160><c> know</c><00:11:11.440><c> how</c><00:11:11.639><c> something</c><00:11:11.959><c> is</c><00:11:12.120><c> done</c><00:11:12.920><c> in</c><00:11:13.120><c> this</c> 00:11:14.110 --> 00:11:14.120 align:start position:0% don't know how something is done in this 00:11:14.120 --> 00:11:16.629 align:start position:0% don't know how something is done in this team<00:11:15.120><c> now</c><00:11:15.399><c> even</c><00:11:15.600><c> though</c><00:11:15.800><c> we</c><00:11:15.880><c> are</c><00:11:16.040><c> using</c><00:11:16.279><c> Don</c><00:11:16.560><c> as</c> 00:11:16.629 --> 00:11:16.639 align:start position:0% team now even though we are using Don as 00:11:16.639 --> 00:11:18.430 align:start position:0% team now even though we are using Don as a<00:11:16.760><c> starting</c><00:11:17.120><c> point</c><00:11:17.320><c> in</c><00:11:17.480><c> this</c><00:11:17.639><c> video</c><00:11:17.880><c> series</c> 00:11:18.430 --> 00:11:18.440 align:start position:0% a starting point in this video series 00:11:18.440 --> 00:11:20.550 align:start position:0% a starting point in this video series the<00:11:18.560><c> things</c><00:11:18.800><c> we</c><00:11:19.079><c> learn</c><00:11:19.480><c> here</c><00:11:19.800><c> are</c><00:11:19.959><c> not</c><00:11:20.160><c> Don</c> 00:11:20.550 --> 00:11:20.560 align:start position:0% the things we learn here are not Don 00:11:20.560 --> 00:11:22.430 align:start position:0% the things we learn here are not Don specific<00:11:21.000><c> but</c><00:11:21.240><c> instead</c><00:11:21.600><c> are</c><00:11:21.839><c> Shopify</c><00:11:22.279><c> and</c> 00:11:22.430 --> 00:11:22.440 align:start position:0% specific but instead are Shopify and 00:11:22.440 --> 00:11:24.790 align:start position:0% specific but instead are Shopify and liquid<00:11:22.800><c> apis</c><00:11:23.760><c> that</c><00:11:23.959><c> apply</c><00:11:24.200><c> to</c><00:11:24.360><c> pretty</c><00:11:24.560><c> much</c> 00:11:24.790 --> 00:11:24.800 align:start position:0% liquid apis that apply to pretty much 00:11:24.800 --> 00:11:26.990 align:start position:0% liquid apis that apply to pretty much any<00:11:24.959><c> theme</c><00:11:25.200><c> you're</c><00:11:25.399><c> working</c><00:11:25.760><c> with</c><00:11:26.360><c> so</c><00:11:26.680><c> even</c><00:11:26.880><c> if</c> 00:11:26.990 --> 00:11:27.000 align:start position:0% any theme you're working with so even if 00:11:27.000 --> 00:11:28.350 align:start position:0% any theme you're working with so even if you're<00:11:27.200><c> working</c><00:11:27.480><c> with</c><00:11:27.639><c> a</c><00:11:27.800><c> different</c><00:11:28.120><c> theme</c> 00:11:28.350 --> 00:11:28.360 align:start position:0% you're working with a different theme 00:11:28.360 --> 00:11:30.030 align:start position:0% you're working with a different theme from<00:11:28.519><c> Shopify</c><00:11:29.200><c> App</c><00:11:29.399><c> Store</c><00:11:29.760><c> giving</c> 00:11:30.030 --> 00:11:30.040 align:start position:0% from Shopify App Store giving 00:11:30.040 --> 00:11:32.430 align:start position:0% from Shopify App Store giving maintenance<00:11:30.600><c> to</c><00:11:30.760><c> an</c><00:11:30.959><c> existing</c><00:11:31.360><c> theme</c><00:11:32.240><c> or</c> 00:11:32.430 --> 00:11:32.440 align:start position:0% maintenance to an existing theme or 00:11:32.440 --> 00:11:34.350 align:start position:0% maintenance to an existing theme or building<00:11:32.800><c> one</c><00:11:33.040><c> from</c><00:11:33.279><c> scratch</c><00:11:33.880><c> I</c><00:11:34.000><c> think</c><00:11:34.200><c> what</c> 00:11:34.350 --> 00:11:34.360 align:start position:0% building one from scratch I think what 00:11:34.360 --> 00:11:36.389 align:start position:0% building one from scratch I think what we'll<00:11:34.519><c> learn</c><00:11:34.839><c> here</c><00:11:35.040><c> will</c><00:11:35.160><c> be</c><00:11:35.360><c> valuable</c> 00:11:36.389 --> 00:11:36.399 align:start position:0% we'll learn here will be valuable 00:11:36.399 --> 00:11:39.110 align:start position:0% we'll learn here will be valuable regardless<00:11:37.399><c> next</c><00:11:37.680><c> let's</c><00:11:37.920><c> see</c><00:11:38.200><c> how</c><00:11:38.519><c> to</c><00:11:38.720><c> set</c><00:11:38.920><c> up</c> 00:11:39.110 --> 00:11:39.120 align:start position:0% regardless next let's see how to set up 00:11:39.120 --> 00:11:41.110 align:start position:0% regardless next let's see how to set up a<00:11:39.440><c> local</c><00:11:39.800><c> development</c><00:11:40.240><c> environment</c><00:11:40.720><c> to</c><00:11:40.880><c> start</c> 00:11:41.110 --> 00:11:41.120 align:start position:0% a local development environment to start 00:11:41.120 --> 00:11:42.310 align:start position:0% a local development environment to start working<00:11:41.399><c> with</c> 00:11:42.310 --> 00:11:42.320 align:start position:0% working with 00:11:42.320 --> 00:11:44.389 align:start position:0% working with Shopify<00:11:43.320><c> okay</c><00:11:43.480><c> so</c><00:11:43.680><c> the</c><00:11:43.839><c> next</c><00:11:44.040><c> thing</c><00:11:44.279><c> that</c> 00:11:44.389 --> 00:11:44.399 align:start position:0% Shopify okay so the next thing that 00:11:44.399 --> 00:11:46.750 align:start position:0% Shopify okay so the next thing that we'll<00:11:44.600><c> do</c><00:11:44.800><c> is</c><00:11:45.000><c> to</c><00:11:45.120><c> install</c><00:11:45.399><c> Shopify</c><00:11:45.880><c> CLI</c><00:11:46.600><c> this</c> 00:11:46.750 --> 00:11:46.760 align:start position:0% we'll do is to install Shopify CLI this 00:11:46.760 --> 00:11:48.550 align:start position:0% we'll do is to install Shopify CLI this is<00:11:46.839><c> a</c><00:11:47.040><c> command</c><00:11:47.360><c> line</c><00:11:47.600><c> tool</c><00:11:48.000><c> that</c><00:11:48.200><c> will</c><00:11:48.360><c> be</c> 00:11:48.550 --> 00:11:48.560 align:start position:0% is a command line tool that will be 00:11:48.560 --> 00:11:51.829 align:start position:0% is a command line tool that will be useful<00:11:49.519><c> for</c><00:11:50.040><c> developing</c><00:11:50.720><c> themes</c><00:11:51.160><c> locally</c><00:11:51.720><c> we</c> 00:11:51.829 --> 00:11:51.839 align:start position:0% useful for developing themes locally we 00:11:51.839 --> 00:11:54.150 align:start position:0% useful for developing themes locally we will<00:11:51.959><c> be</c><00:11:52.120><c> able</c><00:11:52.360><c> to</c><00:11:52.839><c> clone</c><00:11:53.200><c> themes</c><00:11:53.519><c> from</c><00:11:53.720><c> our</c> 00:11:54.150 --> 00:11:54.160 align:start position:0% will be able to clone themes from our 00:11:54.160 --> 00:11:56.710 align:start position:0% will be able to clone themes from our store<00:11:55.160><c> open</c><00:11:55.519><c> them</c><00:11:55.680><c> in</c><00:11:55.800><c> a</c><00:11:55.920><c> development</c><00:11:56.320><c> server</c> 00:11:56.710 --> 00:11:56.720 align:start position:0% store open them in a development server 00:11:56.720 --> 00:11:59.230 align:start position:0% store open them in a development server locally<00:11:57.320><c> that</c><00:11:57.600><c> will</c><00:11:57.880><c> have</c><00:11:58.160><c> hot</c><00:11:58.480><c> reloading</c><00:11:59.079><c> in</c> 00:11:59.230 --> 00:11:59.240 align:start position:0% locally that will have hot reloading in 00:11:59.240 --> 00:12:01.670 align:start position:0% locally that will have hot reloading in there<00:11:59.880><c> and</c><00:12:00.040><c> then</c><00:12:00.200><c> we</c><00:12:00.320><c> will</c><00:12:00.480><c> be</c><00:12:00.639><c> able</c><00:12:00.920><c> to</c><00:12:01.279><c> push</c><00:12:01.480><c> a</c> 00:12:01.670 --> 00:12:01.680 align:start position:0% there and then we will be able to push a 00:12:01.680 --> 00:12:04.550 align:start position:0% there and then we will be able to push a theme<00:12:02.639><c> to</c><00:12:02.839><c> our</c><00:12:03.079><c> store</c><00:12:03.560><c> either</c><00:12:03.880><c> to</c><00:12:04.040><c> the</c><00:12:04.279><c> live</c> 00:12:04.550 --> 00:12:04.560 align:start position:0% theme to our store either to the live 00:12:04.560 --> 00:12:06.389 align:start position:0% theme to our store either to the live theme<00:12:04.920><c> or</c><00:12:05.079><c> to</c><00:12:05.240><c> a</c><00:12:05.399><c> separate</c><00:12:05.800><c> theme</c><00:12:06.120><c> that</c><00:12:06.279><c> we</c> 00:12:06.389 --> 00:12:06.399 align:start position:0% theme or to a separate theme that we 00:12:06.399 --> 00:12:09.030 align:start position:0% theme or to a separate theme that we could<00:12:06.560><c> use</c><00:12:06.959><c> as</c><00:12:07.079><c> a</c><00:12:07.240><c> staging</c><00:12:07.639><c> theme</c><00:12:08.519><c> to</c><00:12:08.680><c> share</c> 00:12:09.030 --> 00:12:09.040 align:start position:0% could use as a staging theme to share 00:12:09.040 --> 00:12:10.430 align:start position:0% could use as a staging theme to share with<00:12:09.279><c> other</c> 00:12:10.430 --> 00:12:10.440 align:start position:0% with other 00:12:10.440 --> 00:12:12.710 align:start position:0% with other stakeholders<00:12:11.440><c> so</c><00:12:11.800><c> they</c><00:12:11.920><c> can</c><00:12:12.120><c> approve</c><00:12:12.480><c> a</c><00:12:12.600><c> new</c> 00:12:12.710 --> 00:12:12.720 align:start position:0% stakeholders so they can approve a new 00:12:12.720 --> 00:12:16.670 align:start position:0% stakeholders so they can approve a new feature<00:12:13.199><c> before</c><00:12:14.199><c> pushing</c><00:12:14.560><c> it</c><00:12:15.160><c> live</c><00:12:16.160><c> now</c><00:12:16.560><c> how</c> 00:12:16.670 --> 00:12:16.680 align:start position:0% feature before pushing it live now how 00:12:16.680 --> 00:12:18.910 align:start position:0% feature before pushing it live now how do<00:12:16.839><c> we</c><00:12:16.959><c> install</c><00:12:17.320><c> it</c><00:12:18.120><c> well</c><00:12:18.279><c> from</c><00:12:18.519><c> this</c><00:12:18.680><c> page</c> 00:12:18.910 --> 00:12:18.920 align:start position:0% do we install it well from this page 00:12:18.920 --> 00:12:20.269 align:start position:0% do we install it well from this page over<00:12:19.120><c> here</c><00:12:19.399><c> which</c><00:12:19.560><c> by</c><00:12:19.680><c> the</c><00:12:19.760><c> way</c><00:12:19.880><c> I'll</c><00:12:20.000><c> leave</c><00:12:20.199><c> in</c> 00:12:20.269 --> 00:12:20.279 align:start position:0% over here which by the way I'll leave in 00:12:20.279 --> 00:12:22.389 align:start position:0% over here which by the way I'll leave in the<00:12:20.399><c> video</c><00:12:20.639><c> description</c><00:12:21.160><c> so</c><00:12:21.360><c> you</c><00:12:21.480><c> can</c><00:12:21.680><c> check</c> 00:12:22.389 --> 00:12:22.399 align:start position:0% the video description so you can check 00:12:22.399 --> 00:12:25.389 align:start position:0% the video description so you can check everything<00:12:22.959><c> that</c><00:12:23.360><c> this</c><00:12:23.519><c> tool</c><00:12:23.800><c> is</c><00:12:23.920><c> able</c><00:12:24.160><c> to</c><00:12:24.399><c> do</c> 00:12:25.389 --> 00:12:25.399 align:start position:0% everything that this tool is able to do 00:12:25.399 --> 00:12:28.350 align:start position:0% everything that this tool is able to do we'll<00:12:25.680><c> click</c><00:12:25.920><c> over</c><00:12:26.199><c> here</c><00:12:26.560><c> on</c><00:12:27.360><c> installation</c> 00:12:28.350 --> 00:12:28.360 align:start position:0% we'll click over here on installation 00:12:28.360 --> 00:12:31.150 align:start position:0% we'll click over here on installation then<00:12:28.519><c> we'll</c><00:12:28.680><c> get</c><00:12:28.959><c> to</c><00:12:29.120><c> install</c><00:12:29.480><c> Shopify</c> 00:12:31.150 --> 00:12:31.160 align:start position:0% then we'll get to install Shopify 00:12:31.160 --> 00:12:33.550 align:start position:0% then we'll get to install Shopify CLI<00:12:32.160><c> and</c><00:12:32.440><c> from</c><00:12:32.680><c> here</c><00:12:32.920><c> depending</c><00:12:33.240><c> on</c><00:12:33.399><c> the</c> 00:12:33.550 --> 00:12:33.560 align:start position:0% CLI and from here depending on the 00:12:33.560 --> 00:12:35.670 align:start position:0% CLI and from here depending on the operating<00:12:33.959><c> system</c><00:12:34.279><c> that</c><00:12:34.399><c> you</c><00:12:34.600><c> have</c><00:12:35.399><c> you'll</c> 00:12:35.670 --> 00:12:35.680 align:start position:0% operating system that you have you'll 00:12:35.680 --> 00:12:40.269 align:start position:0% operating system that you have you'll follow<00:12:36.120><c> the</c><00:12:36.880><c> steps</c><00:12:37.880><c> over</c><00:12:38.720><c> here</c><00:12:39.720><c> I</c><00:12:39.880><c> usually</c> 00:12:40.269 --> 00:12:40.279 align:start position:0% follow the steps over here I usually 00:12:40.279 --> 00:12:43.430 align:start position:0% follow the steps over here I usually install<00:12:40.680><c> it</c><00:12:41.000><c> through</c><00:12:41.240><c> mpm</c><00:12:42.000><c> even</c><00:12:42.480><c> on</c><00:12:42.760><c> Mac</c> 00:12:43.430 --> 00:12:43.440 align:start position:0% install it through mpm even on Mac 00:12:43.440 --> 00:12:46.750 align:start position:0% install it through mpm even on Mac because<00:12:43.880><c> through</c><00:12:44.480><c> Homebrew</c><00:12:45.480><c> it</c><00:12:45.639><c> is</c><00:12:46.120><c> harder</c><00:12:46.560><c> to</c> 00:12:46.750 --> 00:12:46.760 align:start position:0% because through Homebrew it is harder to 00:12:46.760 --> 00:12:48.750 align:start position:0% because through Homebrew it is harder to go<00:12:46.959><c> back</c><00:12:47.160><c> to</c><00:12:47.320><c> a</c><00:12:47.480><c> previous</c><00:12:47.880><c> version</c><00:12:48.240><c> so</c><00:12:48.440><c> if</c><00:12:48.560><c> for</c> 00:12:48.750 --> 00:12:48.760 align:start position:0% go back to a previous version so if for 00:12:48.760 --> 00:12:50.509 align:start position:0% go back to a previous version so if for instance<00:12:49.199><c> the</c><00:12:49.360><c> latest</c><00:12:49.720><c> version</c><00:12:49.959><c> of</c><00:12:50.079><c> Shopify</c> 00:12:50.509 --> 00:12:50.519 align:start position:0% instance the latest version of Shopify 00:12:50.519 --> 00:12:53.470 align:start position:0% instance the latest version of Shopify CLI<00:12:51.519><c> breaks</c><00:12:51.920><c> something</c><00:12:52.279><c> for</c><00:12:52.480><c> some</c><00:12:52.680><c> reason</c><00:12:53.360><c> it</c> 00:12:53.470 --> 00:12:53.480 align:start position:0% CLI breaks something for some reason it 00:12:53.480 --> 00:12:56.269 align:start position:0% CLI breaks something for some reason it is<00:12:53.760><c> harder</c><00:12:54.160><c> to</c><00:12:54.399><c> roll</c><00:12:54.720><c> back</c><00:12:55.399><c> to</c><00:12:55.639><c> the</c><00:12:55.880><c> previous</c> 00:12:56.269 --> 00:12:56.279 align:start position:0% is harder to roll back to the previous 00:12:56.279 --> 00:12:59.030 align:start position:0% is harder to roll back to the previous version<00:12:56.959><c> meanwhile</c><00:12:57.519><c> with</c><00:12:57.680><c> mpm</c><00:12:58.360><c> it</c><00:12:58.480><c> is</c><00:12:58.880><c> an</c> 00:12:59.030 --> 00:12:59.040 align:start position:0% version meanwhile with mpm it is an 00:12:59.040 --> 00:13:01.350 align:start position:0% version meanwhile with mpm it is an easier<00:12:59.440><c> process</c><00:13:00.279><c> but</c><00:13:00.440><c> nonetheless</c><00:13:01.040><c> you</c><00:13:01.160><c> can</c> 00:13:01.350 --> 00:13:01.360 align:start position:0% easier process but nonetheless you can 00:13:01.360 --> 00:13:03.350 align:start position:0% easier process but nonetheless you can use<00:13:01.760><c> whatever</c><00:13:02.160><c> method</c><00:13:02.560><c> you</c><00:13:02.760><c> find</c><00:13:03.120><c> most</c> 00:13:03.350 --> 00:13:03.360 align:start position:0% use whatever method you find most 00:13:03.360 --> 00:13:05.790 align:start position:0% use whatever method you find most suitable<00:13:04.120><c> just</c><00:13:04.440><c> keep</c><00:13:04.639><c> in</c><00:13:04.760><c> mind</c><00:13:05.040><c> that</c><00:13:05.279><c> if</c><00:13:05.399><c> you</c> 00:13:05.790 --> 00:13:05.800 align:start position:0% suitable just keep in mind that if you 00:13:05.800 --> 00:13:08.870 align:start position:0% suitable just keep in mind that if you use<00:13:06.800><c> mpm</c><00:13:07.160><c> to</c><00:13:07.279><c> install</c><00:13:07.560><c> it</c><00:13:07.720><c> you</c><00:13:08.199><c> also</c><00:13:08.519><c> have</c><00:13:08.680><c> to</c> 00:13:08.870 --> 00:13:08.880 align:start position:0% use mpm to install it you also have to 00:13:08.880 --> 00:13:10.829 align:start position:0% use mpm to install it you also have to make<00:13:09.000><c> sure</c><00:13:09.240><c> that</c><00:13:09.360><c> you</c><00:13:09.519><c> have</c><00:13:09.760><c> Ruby</c><00:13:10.240><c> and</c><00:13:10.480><c> G</c> 00:13:10.829 --> 00:13:10.839 align:start position:0% make sure that you have Ruby and G 00:13:10.839 --> 00:13:13.509 align:start position:0% make sure that you have Ruby and G installed<00:13:11.839><c> if</c><00:13:11.959><c> you</c><00:13:12.079><c> use</c><00:13:12.279><c> Homebrew</c><00:13:13.040><c> as</c><00:13:13.240><c> it</c><00:13:13.399><c> is</c> 00:13:13.509 --> 00:13:13.519 align:start position:0% installed if you use Homebrew as it is 00:13:13.519 --> 00:13:16.310 align:start position:0% installed if you use Homebrew as it is mentioned<00:13:14.000><c> here</c><00:13:15.000><c> home</c><00:13:15.240><c> br</c><00:13:15.519><c> will</c><00:13:15.680><c> install</c><00:13:16.079><c> no</c> 00:13:16.310 --> 00:13:16.320 align:start position:0% mentioned here home br will install no 00:13:16.320 --> 00:13:18.509 align:start position:0% mentioned here home br will install no JS<00:13:16.600><c> and</c><00:13:16.760><c> Ruby</c><00:13:17.279><c> and</c><00:13:17.560><c> git</c><00:13:17.839><c> if</c><00:13:17.959><c> you</c><00:13:18.079><c> don't</c><00:13:18.360><c> have</c> 00:13:18.509 --> 00:13:18.519 align:start position:0% JS and Ruby and git if you don't have 00:13:18.519 --> 00:13:22.030 align:start position:0% JS and Ruby and git if you don't have them 00:13:22.030 --> 00:13:22.040 align:start position:0% 00:13:22.040 --> 00:13:24.470 align:start position:0% installed<00:13:23.040><c> okay</c><00:13:23.240><c> now</c><00:13:23.480><c> here</c><00:13:23.680><c> I</c><00:13:23.800><c> have</c><00:13:23.959><c> an</c><00:13:24.160><c> empty</c> 00:13:24.470 --> 00:13:24.480 align:start position:0% installed okay now here I have an empty 00:13:24.480 --> 00:13:27.550 align:start position:0% installed okay now here I have an empty Visual<00:13:24.880><c> Studio</c><00:13:25.480><c> code</c><00:13:25.880><c> project</c><00:13:26.880><c> and</c><00:13:27.199><c> here</c><00:13:27.440><c> in</c> 00:13:27.550 --> 00:13:27.560 align:start position:0% Visual Studio code project and here in 00:13:27.560 --> 00:13:29.629 align:start position:0% Visual Studio code project and here in the<00:13:27.760><c> integrated</c><00:13:28.240><c> terminal</c><00:13:29.120><c> the</c><00:13:29.199><c> wrong</c> 00:13:29.629 --> 00:13:29.639 align:start position:0% the integrated terminal the wrong 00:13:29.639 --> 00:13:31.069 align:start position:0% the integrated terminal the wrong Shopify 00:13:31.069 --> 00:13:31.079 align:start position:0% Shopify 00:13:31.079 --> 00:13:35.430 align:start position:0% Shopify version<00:13:32.079><c> this</c><00:13:32.279><c> tells</c><00:13:32.560><c> me</c><00:13:32.720><c> that</c><00:13:32.880><c> I</c><00:13:33.040><c> have</c> 00:13:35.430 --> 00:13:35.440 align:start position:0% version this tells me that I have 00:13:35.440 --> 00:13:38.949 align:start position:0% version this tells me that I have 3.5.2<00:13:36.440><c> and</c><00:13:36.639><c> in</c><00:13:36.839><c> the</c><00:13:36.959><c> mpm</c><00:13:37.639><c> page</c><00:13:38.160><c> for</c><00:13:38.480><c> Shopify</c> 00:13:38.949 --> 00:13:38.959 align:start position:0% 3.5.2 and in the mpm page for Shopify 00:13:38.959 --> 00:13:42.389 align:start position:0% 3.5.2 and in the mpm page for Shopify theme<00:13:39.839><c> on</c><00:13:40.040><c> the</c><00:13:40.600><c> versions</c><00:13:41.600><c> I</c><00:13:41.720><c> can</c><00:13:41.880><c> see</c><00:13:42.079><c> that</c><00:13:42.199><c> I</c> 00:13:42.389 --> 00:13:42.399 align:start position:0% theme on the versions I can see that I 00:13:42.399 --> 00:13:43.990 align:start position:0% theme on the versions I can see that I have 00:13:43.990 --> 00:13:44.000 align:start position:0% have 00:13:44.000 --> 00:13:48.710 align:start position:0% have 3.15.2<00:13:45.000><c> and</c><00:13:45.519><c> over</c><00:13:45.800><c> here</c><00:13:46.760><c> I</c><00:13:46.880><c> go</c><00:13:47.040><c> to</c><00:13:47.160><c> Shopify</c><00:13:47.720><c> CLI</c> 00:13:48.710 --> 00:13:48.720 align:start position:0% 3.15.2 and over here I go to Shopify CLI 00:13:48.720 --> 00:13:51.590 align:start position:0% 3.15.2 and over here I go to Shopify CLI in<00:13:48.920><c> versions</c><00:13:49.639><c> I</c><00:13:49.839><c> see</c><00:13:50.160><c> that</c><00:13:50.360><c> I</c><00:13:50.600><c> also</c><00:13:50.880><c> have</c> 00:13:51.590 --> 00:13:51.600 align:start position:0% in versions I see that I also have 00:13:51.600 --> 00:13:56.030 align:start position:0% in versions I see that I also have 3.15.2<00:13:52.600><c> so</c><00:13:53.079><c> I'm</c><00:13:53.199><c> most</c><00:13:53.600><c> dat</c><00:13:53.880><c> with</c><00:13:54.079><c> that</c><00:13:55.079><c> and</c><00:13:55.279><c> now</c> 00:13:56.030 --> 00:13:56.040 align:start position:0% 3.15.2 so I'm most dat with that and now 00:13:56.040 --> 00:13:59.710 align:start position:0% 3.15.2 so I'm most dat with that and now I'm<00:13:56.199><c> going</c><00:13:56.440><c> to</c><00:13:56.639><c> create</c><00:13:57.160><c> over</c><00:13:57.440><c> here</c><00:13:57.959><c> a</c><00:13:58.160><c> file</c> 00:13:59.710 --> 00:13:59.720 align:start position:0% I'm going to create over here a file 00:13:59.720 --> 00:14:00.949 align:start position:0% I'm going to create over here a file code 00:14:00.949 --> 00:14:00.959 align:start position:0% code 00:14:00.959 --> 00:14:03.949 align:start position:0% code Shopify<00:14:01.959><c> the</c> 00:14:03.949 --> 00:14:03.959 align:start position:0% Shopify the 00:14:03.959 --> 00:14:07.670 align:start position:0% Shopify the theme<00:14:04.959><c> the</c> 00:14:07.670 --> 00:14:07.680 align:start position:0% 00:14:07.680 --> 00:14:10.310 align:start position:0% tunel<00:14:08.680><c> and</c><00:14:08.880><c> then</c><00:14:09.279><c> over</c> 00:14:10.310 --> 00:14:10.320 align:start position:0% tunel and then over 00:14:10.320 --> 00:14:13.910 align:start position:0% tunel and then over here<00:14:11.320><c> I'm</c><00:14:11.519><c> going</c><00:14:11.759><c> to</c><00:14:12.000><c> create</c> 00:14:13.910 --> 00:14:13.920 align:start position:0% here I'm going to create 00:14:13.920 --> 00:14:16.269 align:start position:0% here I'm going to create environments<00:14:14.920><c> for</c> 00:14:16.269 --> 00:14:16.279 align:start position:0% environments for 00:14:16.279 --> 00:14:20.069 align:start position:0% environments for development<00:14:17.279><c> and</c><00:14:17.519><c> in</c><00:14:17.680><c> a</c><00:14:17.920><c> store</c> 00:14:20.069 --> 00:14:20.079 align:start position:0% development and in a store 00:14:20.079 --> 00:14:25.350 align:start position:0% development and in a store here<00:14:21.079><c> I'm</c><00:14:21.320><c> going</c><00:14:22.120><c> to</c><00:14:22.440><c> go</c><00:14:23.440><c> here</c><00:14:24.360><c> and</c><00:14:24.560><c> grab</c><00:14:25.000><c> my</c> 00:14:25.350 --> 00:14:25.360 align:start position:0% here I'm going to go here and grab my 00:14:25.360 --> 00:14:27.350 align:start position:0% here I'm going to go here and grab my stores 00:14:27.350 --> 00:14:27.360 align:start position:0% stores 00:14:27.360 --> 00:14:29.189 align:start position:0% stores URL<00:14:28.360><c> and</c> 00:14:29.189 --> 00:14:29.199 align:start position:0% URL and 00:14:29.199 --> 00:14:30.670 align:start position:0% URL and paste<00:14:29.480><c> it</c> 00:14:30.670 --> 00:14:30.680 align:start position:0% paste it 00:14:30.680 --> 00:14:35.749 align:start position:0% paste it here<00:14:31.680><c> now</c><00:14:32.399><c> I'm</c><00:14:32.600><c> going</c><00:14:32.759><c> to</c><00:14:32.959><c> run</c><00:14:34.279><c> Shopify</c><00:14:35.279><c> in</c> 00:14:35.749 --> 00:14:35.759 align:start position:0% here now I'm going to run Shopify in 00:14:35.759 --> 00:14:38.590 align:start position:0% here now I'm going to run Shopify in pool<00:14:36.759><c> minus</c><00:14:37.120><c> C</c> 00:14:38.590 --> 00:14:38.600 align:start position:0% pool minus C 00:14:38.600 --> 00:14:41.150 align:start position:0% pool minus C development<00:14:39.600><c> what</c><00:14:39.839><c> this</c><00:14:40.279><c> command</c><00:14:40.639><c> is</c><00:14:40.759><c> doing</c> 00:14:41.150 --> 00:14:41.160 align:start position:0% development what this command is doing 00:14:41.160 --> 00:14:43.949 align:start position:0% development what this command is doing is<00:14:41.360><c> that</c><00:14:41.639><c> it</c><00:14:41.759><c> will</c><00:14:42.079><c> take</c><00:14:42.600><c> this</c><00:14:42.800><c> Shopify</c> 00:14:43.949 --> 00:14:43.959 align:start position:0% is that it will take this Shopify 00:14:43.959 --> 00:14:46.910 align:start position:0% is that it will take this Shopify theme.<00:14:44.959><c> as</c><00:14:45.120><c> if</c><00:14:45.279><c> it</c><00:14:45.480><c> was</c><00:14:45.759><c> an</c><00:14:45.959><c> environment</c><00:14:46.759><c> an</c> 00:14:46.910 --> 00:14:46.920 align:start position:0% theme. as if it was an environment an 00:14:46.920 --> 00:14:50.590 align:start position:0% theme. as if it was an environment an environment<00:14:47.440><c> file</c><00:14:48.440><c> and</c><00:14:48.560><c> it</c><00:14:48.720><c> will</c><00:14:49.120><c> use</c><00:14:50.120><c> this</c> 00:14:50.590 --> 00:14:50.600 align:start position:0% environment file and it will use this 00:14:50.600 --> 00:14:53.870 align:start position:0% environment file and it will use this store<00:14:51.399><c> as</c><00:14:51.560><c> if</c><00:14:51.759><c> it</c><00:14:52.240><c> as</c><00:14:52.440><c> if</c><00:14:52.600><c> I</c><00:14:52.800><c> was</c><00:14:53.079><c> passing</c><00:14:53.519><c> the</c> 00:14:53.870 --> 00:14:53.880 align:start position:0% store as if it as if I was passing the 00:14:53.880 --> 00:14:58.389 align:start position:0% store as if it as if I was passing the store<00:14:54.199><c> flag</c><00:14:54.600><c> so</c><00:14:54.800><c> if</c><00:14:54.959><c> I</c><00:14:55.920><c> run</c><00:14:56.320><c> Shopify</c><00:14:56.800><c> them</c><00:14:57.399><c> pool</c> 00:14:58.389 --> 00:14:58.399 align:start position:0% store flag so if I run Shopify them pool 00:14:58.399 --> 00:15:01.629 align:start position:0% store flag so if I run Shopify them pool my<00:14:58.959><c> s</c><00:14:59.959><c> here</c><00:15:00.160><c> I</c><00:15:00.279><c> can</c><00:15:00.399><c> see</c><00:15:00.680><c> all</c><00:15:00.839><c> the</c><00:15:00.959><c> flags</c><00:15:01.480><c> that</c> 00:15:01.629 --> 00:15:01.639 align:start position:0% my s here I can see all the flags that 00:15:01.639 --> 00:15:05.870 align:start position:0% my s here I can see all the flags that can<00:15:01.800><c> be</c><00:15:02.000><c> passed</c><00:15:02.519><c> to</c><00:15:03.040><c> this</c><00:15:04.040><c> and</c><00:15:04.240><c> the</c><00:15:04.519><c> store</c><00:15:04.880><c> flag</c> 00:15:05.870 --> 00:15:05.880 align:start position:0% can be passed to this and the store flag 00:15:05.880 --> 00:15:06.990 align:start position:0% can be passed to this and the store flag is<00:15:06.160><c> over</c> 00:15:06.990 --> 00:15:07.000 align:start position:0% is over 00:15:07.000 --> 00:15:09.829 align:start position:0% is over here<00:15:08.000><c> what</c><00:15:08.160><c> I'm</c><00:15:08.320><c> doing</c><00:15:08.639><c> by</c><00:15:08.920><c> running</c><00:15:09.279><c> it</c><00:15:09.560><c> from</c> 00:15:09.829 --> 00:15:09.839 align:start position:0% here what I'm doing by running it from 00:15:09.839 --> 00:15:11.949 align:start position:0% here what I'm doing by running it from here<00:15:10.160><c> is</c><00:15:10.320><c> that</c><00:15:10.480><c> I'm</c><00:15:10.680><c> saying</c><00:15:11.240><c> that</c><00:15:11.560><c> the</c><00:15:11.759><c> store</c> 00:15:11.949 --> 00:15:11.959 align:start position:0% here is that I'm saying that the store 00:15:11.959 --> 00:15:14.430 align:start position:0% here is that I'm saying that the store flag<00:15:12.279><c> will</c><00:15:12.519><c> always</c><00:15:12.839><c> be</c><00:15:13.480><c> this</c><00:15:13.720><c> value</c><00:15:14.160><c> when</c><00:15:14.320><c> I</c> 00:15:14.430 --> 00:15:14.440 align:start position:0% flag will always be this value when I 00:15:14.440 --> 00:15:16.710 align:start position:0% flag will always be this value when I run<00:15:14.720><c> it</c><00:15:14.839><c> for</c><00:15:15.079><c> development</c><00:15:16.079><c> the</c><00:15:16.240><c> reason</c><00:15:16.480><c> for</c> 00:15:16.710 --> 00:15:16.720 align:start position:0% run it for development the reason for 00:15:16.720 --> 00:15:18.910 align:start position:0% run it for development the reason for this<00:15:17.000><c> is</c><00:15:17.199><c> because</c><00:15:17.560><c> otherwise</c><00:15:18.120><c> it</c><00:15:18.279><c> will</c><00:15:18.560><c> always</c> 00:15:18.910 --> 00:15:18.920 align:start position:0% this is because otherwise it will always 00:15:18.920 --> 00:15:20.670 align:start position:0% this is because otherwise it will always pick<00:15:19.199><c> the</c><00:15:19.360><c> last</c><00:15:19.600><c> store</c><00:15:19.959><c> that</c><00:15:20.079><c> you</c><00:15:20.279><c> run</c><00:15:20.480><c> a</c> 00:15:20.670 --> 00:15:20.680 align:start position:0% pick the last store that you run a 00:15:20.680 --> 00:15:22.670 align:start position:0% pick the last store that you run a command<00:15:21.079><c> for</c><00:15:21.759><c> and</c><00:15:21.920><c> if</c><00:15:22.040><c> you're</c><00:15:22.199><c> working</c><00:15:22.480><c> on</c> 00:15:22.670 --> 00:15:22.680 align:start position:0% command for and if you're working on 00:15:22.680 --> 00:15:25.710 align:start position:0% command for and if you're working on multiple<00:15:23.240><c> stores</c><00:15:24.240><c> you</c><00:15:24.360><c> will</c><00:15:24.639><c> have</c><00:15:24.800><c> to</c> 00:15:25.710 --> 00:15:25.720 align:start position:0% multiple stores you will have to 00:15:25.720 --> 00:15:28.189 align:start position:0% multiple stores you will have to constantly<00:15:26.199><c> be</c><00:15:26.399><c> a</c><00:15:26.600><c> specifying</c><00:15:27.600><c> which</c><00:15:27.880><c> store</c> 00:15:28.189 --> 00:15:28.199 align:start position:0% constantly be a specifying which store 00:15:28.199 --> 00:15:31.269 align:start position:0% constantly be a specifying which store to<00:15:28.319><c> use</c><00:15:28.720><c> through</c><00:15:28.920><c> this</c><00:15:29.399><c> flag</c><00:15:29.800><c> by</c><00:15:30.000><c> having</c><00:15:30.319><c> this</c> 00:15:31.269 --> 00:15:31.279 align:start position:0% to use through this flag by having this 00:15:31.279 --> 00:15:35.870 align:start position:0% to use through this flag by having this shy.<00:15:32.000><c> them.</c><00:15:32.800><c> file</c><00:15:33.240><c> here</c><00:15:33.880><c> you</c><00:15:34.040><c> can</c><00:15:34.279><c> just</c><00:15:34.880><c> run</c> 00:15:35.870 --> 00:15:35.880 align:start position:0% shy. them. file here you can just run 00:15:35.880 --> 00:15:39.069 align:start position:0% shy. them. file here you can just run whatever<00:15:36.279><c> command</c><00:15:36.839><c> you</c><00:15:36.959><c> want</c><00:15:37.160><c> to</c><00:15:37.519><c> run</c><00:15:38.519><c> and</c><00:15:38.800><c> add</c> 00:15:39.069 --> 00:15:39.079 align:start position:0% whatever command you want to run and add 00:15:39.079 --> 00:15:41.990 align:start position:0% whatever command you want to run and add the<00:15:39.279><c> minus</c><00:15:39.959><c> E</c><00:15:40.959><c> the</c><00:15:41.120><c> name</c><00:15:41.279><c> of</c><00:15:41.399><c> the</c><00:15:41.519><c> environment</c> 00:15:41.990 --> 00:15:42.000 align:start position:0% the minus E the name of the environment 00:15:42.000 --> 00:15:45.069 align:start position:0% the minus E the name of the environment at<00:15:42.120><c> the</c><00:15:42.720><c> end</c><00:15:43.720><c> and</c><00:15:43.880><c> it</c><00:15:44.000><c> will</c><00:15:44.199><c> use</c><00:15:44.639><c> the</c><00:15:44.759><c> correct</c> 00:15:45.069 --> 00:15:45.079 align:start position:0% at the end and it will use the correct 00:15:45.079 --> 00:15:49.030 align:start position:0% at the end and it will use the correct store<00:15:45.680><c> so</c><00:15:46.000><c> here</c><00:15:46.639><c> now</c><00:15:47.639><c> let's</c><00:15:47.959><c> connect</c><00:15:48.360><c> to</c><00:15:48.800><c> this</c> 00:15:49.030 --> 00:15:49.040 align:start position:0% store so here now let's connect to this 00:15:49.040 --> 00:15:51.230 align:start position:0% store so here now let's connect to this store<00:15:49.959><c> it</c><00:15:50.079><c> will</c><00:15:50.240><c> tell</c><00:15:50.440><c> me</c><00:15:50.560><c> that</c><00:15:50.680><c> I'm</c><00:15:50.800><c> running</c> 00:15:51.230 --> 00:15:51.240 align:start position:0% store it will tell me that I'm running 00:15:51.240 --> 00:15:53.550 align:start position:0% store it will tell me that I'm running it<00:15:51.560><c> in</c><00:15:51.720><c> an</c><00:15:52.079><c> empty</c><00:15:52.440><c> directory</c><00:15:53.120><c> that</c><00:15:53.279><c> doesn't</c> 00:15:53.550 --> 00:15:53.560 align:start position:0% it in an empty directory that doesn't 00:15:53.560 --> 00:15:56.110 align:start position:0% it in an empty directory that doesn't look<00:15:53.759><c> like</c><00:15:53.839><c> a</c><00:15:53.959><c> theme</c><00:15:54.560><c> directory</c><00:15:55.560><c> I</c><00:15:55.639><c> will</c><00:15:55.839><c> say</c> 00:15:56.110 --> 00:15:56.120 align:start position:0% look like a theme directory I will say 00:15:56.120 --> 00:15:58.150 align:start position:0% look like a theme directory I will say to<00:15:56.319><c> proceed</c><00:15:56.720><c> anyways</c><00:15:57.519><c> by</c><00:15:57.680><c> the</c><00:15:57.759><c> way</c><00:15:57.959><c> if</c><00:15:58.040><c> you</c> 00:15:58.150 --> 00:15:58.160 align:start position:0% to proceed anyways by the way if you 00:15:58.160 --> 00:16:00.110 align:start position:0% to proceed anyways by the way if you have<00:15:58.600><c> lock</c><00:15:58.759><c> in</c><00:15:58.920><c> it</c><00:15:59.000><c> will</c><00:15:59.160><c> ask</c><00:15:59.279><c> you</c><00:15:59.399><c> to</c><00:15:59.519><c> lock</c><00:15:59.720><c> in</c> 00:16:00.110 --> 00:16:00.120 align:start position:0% have lock in it will ask you to lock in 00:16:00.120 --> 00:16:02.790 align:start position:0% have lock in it will ask you to lock in first<00:16:01.120><c> because</c><00:16:01.759><c> otherwise</c><00:16:02.160><c> it</c><00:16:02.319><c> doesn't</c><00:16:02.680><c> have</c> 00:16:02.790 --> 00:16:02.800 align:start position:0% first because otherwise it doesn't have 00:16:02.800 --> 00:16:04.710 align:start position:0% first because otherwise it doesn't have a<00:16:02.959><c> way</c><00:16:03.279><c> of</c><00:16:03.440><c> telling</c><00:16:03.959><c> whether</c><00:16:04.160><c> you</c><00:16:04.319><c> have</c><00:16:04.519><c> access</c> 00:16:04.710 --> 00:16:04.720 align:start position:0% a way of telling whether you have access 00:16:04.720 --> 00:16:06.590 align:start position:0% a way of telling whether you have access to<00:16:04.839><c> this</c><00:16:05.160><c> store</c><00:16:05.360><c> or</c><00:16:05.480><c> not</c><00:16:05.800><c> so</c><00:16:06.000><c> it</c><00:16:06.120><c> needs</c><00:16:06.360><c> you</c><00:16:06.480><c> to</c> 00:16:06.590 --> 00:16:06.600 align:start position:0% to this store or not so it needs you to 00:16:06.600 --> 00:16:08.110 align:start position:0% to this store or not so it needs you to be<00:16:06.720><c> logged</c><00:16:07.000><c> into</c> 00:16:08.110 --> 00:16:08.120 align:start position:0% be logged into 00:16:08.120 --> 00:16:10.670 align:start position:0% be logged into Shopify<00:16:09.120><c> and</c><00:16:09.360><c> over</c><00:16:09.560><c> here</c><00:16:09.759><c> you</c><00:16:09.880><c> can</c><00:16:10.000><c> see</c><00:16:10.399><c> that</c> 00:16:10.670 --> 00:16:10.680 align:start position:0% Shopify and over here you can see that 00:16:10.680 --> 00:16:13.749 align:start position:0% Shopify and over here you can see that these<00:16:10.839><c> three</c><00:16:11.519><c> themes</c><00:16:12.519><c> are</c><00:16:12.720><c> the</c><00:16:12.880><c> three</c><00:16:13.120><c> themes</c> 00:16:13.749 --> 00:16:13.759 align:start position:0% these three themes are the three themes 00:16:13.759 --> 00:16:16.389 align:start position:0% these three themes are the three themes that<00:16:13.920><c> I</c><00:16:14.079><c> have</c><00:16:14.279><c> over</c><00:16:14.560><c> here</c><00:16:15.480><c> and</c><00:16:15.639><c> it</c><00:16:15.759><c> will</c><00:16:15.959><c> ask</c><00:16:16.160><c> me</c> 00:16:16.389 --> 00:16:16.399 align:start position:0% that I have over here and it will ask me 00:16:16.399 --> 00:16:18.389 align:start position:0% that I have over here and it will ask me which<00:16:16.519><c> one</c><00:16:16.720><c> to</c><00:16:16.880><c> pull</c><00:16:17.480><c> I</c><00:16:17.600><c> want</c><00:16:17.759><c> to</c><00:16:17.920><c> pull</c><00:16:18.120><c> down</c> 00:16:18.389 --> 00:16:18.399 align:start position:0% which one to pull I want to pull down 00:16:18.399 --> 00:16:20.790 align:start position:0% which one to pull I want to pull down which<00:16:18.519><c> is</c><00:16:18.639><c> the</c><00:16:18.759><c> light</c><00:16:19.240><c> them</c><00:16:20.240><c> and</c><00:16:20.440><c> this</c><00:16:20.600><c> will</c> 00:16:20.790 --> 00:16:20.800 align:start position:0% which is the light them and this will 00:16:20.800 --> 00:16:22.389 align:start position:0% which is the light them and this will take<00:16:21.040><c> a</c><00:16:21.199><c> second</c><00:16:21.519><c> to</c><00:16:21.639><c> pull</c><00:16:21.920><c> because</c><00:16:22.120><c> it</c><00:16:22.240><c> will</c> 00:16:22.389 --> 00:16:22.399 align:start position:0% take a second to pull because it will 00:16:22.399 --> 00:16:24.309 align:start position:0% take a second to pull because it will pull<00:16:22.680><c> all</c><00:16:22.839><c> the</c><00:16:23.000><c> files</c><00:16:23.519><c> which</c><00:16:23.839><c> you</c><00:16:23.959><c> will</c><00:16:24.079><c> see</c><00:16:24.240><c> in</c> 00:16:24.309 --> 00:16:24.319 align:start position:0% pull all the files which you will see in 00:16:24.319 --> 00:16:26.629 align:start position:0% pull all the files which you will see in a<00:16:24.480><c> moment</c><00:16:24.800><c> are</c><00:16:25.160><c> quite</c><00:16:25.319><c> a</c><00:16:25.440><c> few</c><00:16:25.880><c> so</c><00:16:26.040><c> I'll</c><00:16:26.199><c> be</c><00:16:26.399><c> back</c> 00:16:26.629 --> 00:16:26.639 align:start position:0% a moment are quite a few so I'll be back 00:16:26.639 --> 00:16:29.990 align:start position:0% a moment are quite a few so I'll be back once<00:16:26.880><c> this</c><00:16:27.000><c> is</c><00:16:27.519><c> done</c><00:16:28.680><c> now</c><00:16:28.920><c> that</c><00:16:29.120><c> this</c><00:16:29.360><c> finished</c> 00:16:29.990 --> 00:16:30.000 align:start position:0% once this is done now that this finished 00:16:30.000 --> 00:16:32.550 align:start position:0% once this is done now that this finished installing<00:16:31.000><c> the</c><00:16:31.160><c> next</c><00:16:31.319><c> thing</c><00:16:31.440><c> we'll</c><00:16:31.639><c> do</c><00:16:32.120><c> is</c><00:16:32.319><c> go</c> 00:16:32.550 --> 00:16:32.560 align:start position:0% installing the next thing we'll do is go 00:16:32.560 --> 00:16:34.590 align:start position:0% installing the next thing we'll do is go to<00:16:32.759><c> the</c><00:16:32.920><c> extensions</c><00:16:33.560><c> here</c><00:16:33.920><c> and</c><00:16:34.079><c> we</c><00:16:34.199><c> are</c><00:16:34.360><c> going</c> 00:16:34.590 --> 00:16:34.600 align:start position:0% to the extensions here and we are going 00:16:34.600 --> 00:16:38.389 align:start position:0% to the extensions here and we are going to<00:16:34.800><c> look</c><00:16:35.079><c> for</c><00:16:36.079><c> Shopify</c> 00:16:38.389 --> 00:16:38.399 align:start position:0% to look for Shopify 00:16:38.399 --> 00:16:40.910 align:start position:0% to look for Shopify liquid<00:16:39.399><c> this</c><00:16:39.519><c> will</c><00:16:39.759><c> bring</c><00:16:40.040><c> up</c><00:16:40.319><c> this</c><00:16:40.519><c> extension</c> 00:16:40.910 --> 00:16:40.920 align:start position:0% liquid this will bring up this extension 00:16:40.920 --> 00:16:42.710 align:start position:0% liquid this will bring up this extension over<00:16:41.199><c> here</c><00:16:41.639><c> we</c><00:16:41.800><c> want</c><00:16:42.040><c> to</c><00:16:42.199><c> install</c><00:16:42.560><c> the</c> 00:16:42.710 --> 00:16:42.720 align:start position:0% over here we want to install the 00:16:42.720 --> 00:16:43.990 align:start position:0% over here we want to install the official<00:16:43.079><c> one</c><00:16:43.279><c> from</c> 00:16:43.990 --> 00:16:44.000 align:start position:0% official one from 00:16:44.000 --> 00:16:46.389 align:start position:0% official one from Shopify<00:16:45.000><c> and</c><00:16:45.199><c> this</c><00:16:45.319><c> will</c><00:16:45.560><c> add</c><00:16:45.959><c> syntax</c> 00:16:46.389 --> 00:16:46.399 align:start position:0% Shopify and this will add syntax 00:16:46.399 --> 00:16:49.110 align:start position:0% Shopify and this will add syntax lighting<00:16:47.279><c> liquid</c><00:16:47.720><c> language</c><00:16:48.079><c> server</c><00:16:48.560><c> features</c> 00:16:49.110 --> 00:16:49.120 align:start position:0% lighting liquid language server features 00:16:49.120 --> 00:16:51.629 align:start position:0% lighting liquid language server features for<00:16:49.519><c> completions</c><00:16:50.120><c> linking</c><00:16:50.639><c> go</c><00:16:50.800><c> to</c><00:16:50.959><c> Source</c> 00:16:51.629 --> 00:16:51.639 align:start position:0% for completions linking go to Source 00:16:51.639 --> 00:16:54.829 align:start position:0% for completions linking go to Source formatting<00:16:52.519><c> alation</c><00:16:53.440><c> and</c><00:16:54.079><c> other</c><00:16:54.440><c> nice</c><00:16:54.680><c> to</c> 00:16:54.829 --> 00:16:54.839 align:start position:0% formatting alation and other nice to 00:16:54.839 --> 00:16:57.470 align:start position:0% formatting alation and other nice to have<00:16:55.000><c> features</c><00:16:55.720><c> so</c><00:16:55.959><c> once</c><00:16:56.120><c> you</c><00:16:56.279><c> have</c><00:16:56.440><c> that</c> 00:16:57.470 --> 00:16:57.480 align:start position:0% have features so once you have that 00:16:57.480 --> 00:16:59.990 align:start position:0% have features so once you have that installed<00:16:58.560><c> you</c><00:16:58.680><c> can</c><00:16:58.839><c> go</c><00:16:59.120><c> over</c><00:16:59.440><c> here</c><00:16:59.759><c> and</c><00:16:59.880><c> you</c> 00:16:59.990 --> 00:17:00.000 align:start position:0% installed you can go over here and you 00:17:00.000 --> 00:17:02.550 align:start position:0% installed you can go over here and you can<00:17:00.519><c> start</c><00:17:00.959><c> taking</c><00:17:01.240><c> a</c><00:17:01.399><c> look</c><00:17:01.720><c> at</c><00:17:02.040><c> all</c><00:17:02.199><c> of</c><00:17:02.360><c> these</c> 00:17:02.550 --> 00:17:02.560 align:start position:0% can start taking a look at all of these 00:17:02.560 --> 00:17:03.750 align:start position:0% can start taking a look at all of these liquid 00:17:03.750 --> 00:17:03.760 align:start position:0% liquid 00:17:03.760 --> 00:17:06.270 align:start position:0% liquid files<00:17:04.760><c> uh</c><00:17:05.039><c> you</c><00:17:05.160><c> are</c><00:17:05.280><c> not</c><00:17:05.520><c> expected</c><00:17:05.880><c> to</c> 00:17:06.270 --> 00:17:06.280 align:start position:0% files uh you are not expected to 00:17:06.280 --> 00:17:08.710 align:start position:0% files uh you are not expected to understand<00:17:06.600><c> what</c><00:17:06.760><c> any</c><00:17:06.919><c> of</c><00:17:07.039><c> this</c><00:17:07.160><c> is</c><00:17:07.280><c> doing</c><00:17:08.280><c> for</c> 00:17:08.710 --> 00:17:08.720 align:start position:0% understand what any of this is doing for 00:17:08.720 --> 00:17:11.870 align:start position:0% understand what any of this is doing for now<00:17:09.720><c> but</c><00:17:10.439><c> uh</c><00:17:10.559><c> you</c><00:17:10.679><c> should</c><00:17:10.959><c> be</c><00:17:11.439><c> you</c><00:17:11.520><c> should</c><00:17:11.720><c> be</c> 00:17:11.870 --> 00:17:11.880 align:start position:0% now but uh you should be you should be 00:17:11.880 --> 00:17:17.750 align:start position:0% now but uh you should be you should be seeing<00:17:12.640><c> all</c><00:17:12.799><c> of</c><00:17:13.000><c> this</c><00:17:13.799><c> being</c><00:17:14.799><c> um</c><00:17:15.360><c> syntax</c> 00:17:17.750 --> 00:17:17.760 align:start position:0% seeing all of this being um syntax 00:17:17.760 --> 00:17:21.350 align:start position:0% seeing all of this being um syntax highlighted<00:17:18.760><c> now</c><00:17:19.480><c> let's</c><00:17:19.760><c> run</c><00:17:20.640><c> this</c><00:17:20.959><c> theme</c> 00:17:21.350 --> 00:17:21.360 align:start position:0% highlighted now let's run this theme 00:17:21.360 --> 00:17:24.789 align:start position:0% highlighted now let's run this theme locally<00:17:22.079><c> let's</c><00:17:22.240><c> see</c><00:17:22.439><c> how</c><00:17:22.640><c> this</c><00:17:22.760><c> looks</c><00:17:23.079><c> like</c><00:17:23.600><c> so</c> 00:17:24.789 --> 00:17:24.799 align:start position:0% locally let's see how this looks like so 00:17:24.799 --> 00:17:26.829 align:start position:0% locally let's see how this looks like so Shopify<00:17:25.799><c> team</c> 00:17:26.829 --> 00:17:26.839 align:start position:0% Shopify team 00:17:26.839 --> 00:17:30.270 align:start position:0% Shopify team Dev<00:17:27.839><c> let's</c><00:17:28.199><c> pass</c><00:17:28.760><c> the</c><00:17:28.919><c> E</c><00:17:29.160><c> flag</c><00:17:29.520><c> again</c><00:17:30.080><c> let's</c> 00:17:30.270 --> 00:17:30.280 align:start position:0% Dev let's pass the E flag again let's 00:17:30.280 --> 00:17:35.230 align:start position:0% Dev let's pass the E flag again let's say 00:17:35.230 --> 00:17:35.240 align:start position:0% 00:17:35.240 --> 00:17:37.710 align:start position:0% development<00:17:36.240><c> and</c><00:17:36.480><c> this</c><00:17:36.600><c> will</c><00:17:36.799><c> open</c><00:17:37.480><c> a</c> 00:17:37.710 --> 00:17:37.720 align:start position:0% development and this will open a 00:17:37.720 --> 00:17:40.270 align:start position:0% development and this will open a development<00:17:38.200><c> server</c><00:17:38.720><c> locally</c><00:17:39.720><c> where</c><00:17:40.000><c> our</c> 00:17:40.270 --> 00:17:40.280 align:start position:0% development server locally where our 00:17:40.280 --> 00:17:43.909 align:start position:0% development server locally where our theme<00:17:40.960><c> will</c><00:17:41.160><c> be</c> 00:17:43.909 --> 00:17:43.919 align:start position:0% 00:17:43.919 --> 00:17:49.350 align:start position:0% running<00:17:44.919><c> so</c><00:17:45.200><c> it</c><00:17:45.320><c> is</c><00:17:45.440><c> running</c><00:17:45.880><c> in</c><00:17:46.160><c> Local</c><00:17:46.480><c> Host</c> 00:17:49.350 --> 00:17:49.360 align:start position:0% 00:17:49.360 --> 00:17:52.070 align:start position:0% 9292<00:17:50.360><c> and</c><00:17:50.520><c> now</c><00:17:50.840><c> it</c><00:17:50.960><c> will</c><00:17:51.240><c> start</c><00:17:51.520><c> syncing</c><00:17:51.960><c> all</c> 00:17:52.070 --> 00:17:52.080 align:start position:0% 9292 and now it will start syncing all 00:17:52.080 --> 00:17:54.710 align:start position:0% 9292 and now it will start syncing all of<00:17:52.160><c> his</c><00:17:52.440><c> files</c><00:17:53.160><c> to</c><00:17:53.360><c> the</c><00:17:53.520><c> theme</c><00:17:54.160><c> although</c><00:17:54.559><c> when</c> 00:17:54.710 --> 00:17:54.720 align:start position:0% of his files to the theme although when 00:17:54.720 --> 00:17:57.909 align:start position:0% of his files to the theme although when you're<00:17:54.960><c> working</c><00:17:55.720><c> locally</c><00:17:56.720><c> this</c><00:17:57.159><c> this</c><00:17:57.320><c> works</c> 00:17:57.909 --> 00:17:57.919 align:start position:0% you're working locally this this works 00:17:57.919 --> 00:17:59.230 align:start position:0% you're working locally this this works much<00:17:58.159><c> faster</c><00:17:58.400><c> faster</c><00:17:58.799><c> than</c><00:17:58.919><c> when</c><00:17:59.039><c> you're</c><00:17:59.120><c> are</c> 00:17:59.230 --> 00:17:59.240 align:start position:0% much faster faster than when you're are 00:17:59.240 --> 00:18:01.230 align:start position:0% much faster faster than when you're are pulling<00:17:59.720><c> the</c><00:17:59.880><c> files</c><00:18:00.200><c> from</c><00:18:00.400><c> Shopify</c><00:18:01.039><c> by</c><00:18:01.159><c> the</c> 00:18:01.230 --> 00:18:01.240 align:start position:0% pulling the files from Shopify by the 00:18:01.240 --> 00:18:02.909 align:start position:0% pulling the files from Shopify by the way<00:18:01.360><c> it</c><00:18:01.440><c> took</c><00:18:01.720><c> that</c><00:18:01.880><c> long</c><00:18:02.120><c> because</c><00:18:02.440><c> the</c><00:18:02.600><c> assets</c> 00:18:02.909 --> 00:18:02.919 align:start position:0% way it took that long because the assets 00:18:02.919 --> 00:18:11.870 align:start position:0% way it took that long because the assets folder<00:18:03.679><c> has</c><00:18:03.840><c> a</c><00:18:03.960><c> lot</c><00:18:04.080><c> of</c><00:18:04.200><c> content</c><00:18:04.559><c> inside</c><00:18:04.799><c> of</c> 00:18:11.870 --> 00:18:11.880 align:start position:0% 00:18:11.880 --> 00:18:13.590 align:start position:0% it 00:18:13.590 --> 00:18:13.600 align:start position:0% it 00:18:13.600 --> 00:18:16.029 align:start position:0% it anyways<00:18:14.600><c> in</c><00:18:14.720><c> the</c><00:18:14.840><c> browser</c><00:18:15.240><c> over</c><00:18:15.480><c> here</c><00:18:15.720><c> we</c><00:18:15.840><c> can</c> 00:18:16.029 --> 00:18:16.039 align:start position:0% anyways in the browser over here we can 00:18:16.039 --> 00:18:20.789 align:start position:0% anyways in the browser over here we can go<00:18:16.200><c> to</c><00:18:17.159><c> Local</c><00:18:17.520><c> Host</c> 00:18:20.789 --> 00:18:20.799 align:start position:0% 00:18:20.799 --> 00:18:23.510 align:start position:0% 9292<00:18:21.799><c> it</c><00:18:21.919><c> will</c><00:18:22.120><c> ask</c><00:18:22.360><c> us</c><00:18:22.600><c> for</c><00:18:22.799><c> our</c><00:18:23.039><c> storage</c> 00:18:23.510 --> 00:18:23.520 align:start position:0% 9292 it will ask us for our storage 00:18:23.520 --> 00:18:25.390 align:start position:0% 9292 it will ask us for our storage password<00:18:24.240><c> and</c><00:18:24.400><c> this</c><00:18:24.520><c> is</c><00:18:24.720><c> because</c><00:18:25.039><c> as</c><00:18:25.200><c> this</c><00:18:25.320><c> is</c> 00:18:25.390 --> 00:18:25.400 align:start position:0% password and this is because as this is 00:18:25.400 --> 00:18:26.750 align:start position:0% password and this is because as this is a<00:18:25.559><c> development</c> 00:18:26.750 --> 00:18:26.760 align:start position:0% a development 00:18:26.760 --> 00:18:29.710 align:start position:0% a development store<00:18:27.760><c> it</c><00:18:27.919><c> mentions</c><00:18:28.440><c> it</c><00:18:28.720><c> here</c><00:18:29.320><c> to</c><00:18:29.480><c> let</c> 00:18:29.710 --> 00:18:29.720 align:start position:0% store it mentions it here to let 00:18:29.720 --> 00:18:31.750 align:start position:0% store it mentions it here to let visitors<00:18:30.440><c> access</c><00:18:30.720><c> your</c><00:18:30.880><c> store</c><00:18:31.240><c> you</c><00:18:31.400><c> have</c><00:18:31.520><c> to</c> 00:18:31.750 --> 00:18:31.760 align:start position:0% visitors access your store you have to 00:18:31.760 --> 00:18:34.310 align:start position:0% visitors access your store you have to give<00:18:32.039><c> the</c><00:18:32.240><c> password</c><00:18:32.880><c> so</c><00:18:33.200><c> over</c><00:18:33.480><c> here</c><00:18:33.919><c> under</c> 00:18:34.310 --> 00:18:34.320 align:start position:0% give the password so over here under 00:18:34.320 --> 00:18:35.990 align:start position:0% give the password so over here under preferences<00:18:34.960><c> to</c><00:18:35.120><c> find</c><00:18:35.320><c> the</c> 00:18:35.990 --> 00:18:36.000 align:start position:0% preferences to find the 00:18:36.000 --> 00:18:39.070 align:start position:0% preferences to find the password<00:18:37.000><c> you</c><00:18:37.280><c> just</c><00:18:37.480><c> go</c><00:18:37.880><c> here</c><00:18:38.520><c> scroll</c><00:18:38.880><c> to</c><00:18:39.000><c> the</c> 00:18:39.070 --> 00:18:39.080 align:start position:0% password you just go here scroll to the 00:18:39.080 --> 00:18:40.669 align:start position:0% password you just go here scroll to the bottom<00:18:39.360><c> and</c><00:18:39.520><c> copy</c><00:18:39.840><c> this</c><00:18:40.039><c> you</c><00:18:40.159><c> can</c><00:18:40.280><c> change</c><00:18:40.520><c> the</c> 00:18:40.669 --> 00:18:40.679 align:start position:0% bottom and copy this you can change the 00:18:40.679 --> 00:18:43.149 align:start position:0% bottom and copy this you can change the password<00:18:40.960><c> to</c><00:18:41.120><c> anything</c><00:18:41.400><c> you'd</c><00:18:41.559><c> like</c><00:18:41.760><c> with</c><00:18:41.880><c> the</c> 00:18:43.149 --> 00:18:43.159 align:start position:0% password to anything you'd like with the 00:18:43.159 --> 00:18:54.230 align:start position:0% password to anything you'd like with the way<00:18:44.159><c> and</c><00:18:44.360><c> I'm</c><00:18:44.520><c> just</c><00:18:44.640><c> going</c><00:18:44.840><c> to</c><00:18:45.080><c> paste</c><00:18:45.640><c> this</c> 00:18:54.230 --> 00:18:54.240 align:start position:0% 00:18:54.240 --> 00:18:57.789 align:start position:0% here<00:18:55.240><c> let's</c><00:18:55.799><c> see</c><00:18:56.799><c> okay</c><00:18:57.039><c> here</c><00:18:57.240><c> it</c><00:18:57.400><c> is</c><00:18:57.600><c> still</c> 00:18:57.789 --> 00:18:57.799 align:start position:0% here let's see okay here it is still 00:18:57.799 --> 00:19:04.789 align:start position:0% here let's see okay here it is still singing<00:18:58.159><c> f</c> 00:19:04.789 --> 00:19:04.799 align:start position:0% 00:19:04.799 --> 00:19:07.750 align:start position:0% files<00:19:05.799><c> so</c><00:19:06.000><c> I'll</c><00:19:06.280><c> wait</c><00:19:06.400><c> for</c><00:19:06.559><c> this</c><00:19:06.679><c> to</c><00:19:06.840><c> SN</c><00:19:07.559><c> and</c> 00:19:07.750 --> 00:19:07.760 align:start position:0% files so I'll wait for this to SN and 00:19:07.760 --> 00:19:10.430 align:start position:0% files so I'll wait for this to SN and come<00:19:07.919><c> back</c><00:19:08.039><c> in</c><00:19:08.120><c> a</c><00:19:08.720><c> moment</c><00:19:09.720><c> okay</c><00:19:09.880><c> so</c><00:19:10.120><c> now</c><00:19:10.280><c> that</c> 00:19:10.430 --> 00:19:10.440 align:start position:0% come back in a moment okay so now that 00:19:10.440 --> 00:19:12.190 align:start position:0% come back in a moment okay so now that my<00:19:10.559><c> theme</c><00:19:10.760><c> is</c><00:19:10.880><c> running</c><00:19:11.159><c> locally</c><00:19:11.600><c> I</c><00:19:11.679><c> can</c><00:19:11.919><c> start</c> 00:19:12.190 --> 00:19:12.200 align:start position:0% my theme is running locally I can start 00:19:12.200 --> 00:19:14.350 align:start position:0% my theme is running locally I can start making<00:19:12.520><c> changes</c><00:19:12.960><c> to</c><00:19:13.240><c> this</c><00:19:13.720><c> and</c><00:19:13.880><c> they</c><00:19:14.000><c> should</c> 00:19:14.350 --> 00:19:14.360 align:start position:0% making changes to this and they should 00:19:14.360 --> 00:19:17.230 align:start position:0% making changes to this and they should appear<00:19:14.720><c> over</c><00:19:14.960><c> here</c><00:19:15.480><c> this</c><00:19:16.480><c> in</c><00:19:16.640><c> this</c><00:19:16.960><c> store</c> 00:19:17.230 --> 00:19:17.240 align:start position:0% appear over here this in this store 00:19:17.240 --> 00:19:18.710 align:start position:0% appear over here this in this store because<00:19:17.520><c> this</c><00:19:17.640><c> is</c><00:19:17.799><c> the</c><00:19:17.960><c> one</c><00:19:18.120><c> that</c><00:19:18.240><c> I'm</c><00:19:18.320><c> running</c> 00:19:18.710 --> 00:19:18.720 align:start position:0% because this is the one that I'm running 00:19:18.720 --> 00:19:20.549 align:start position:0% because this is the one that I'm running local<00:19:19.000><c> host</c><00:19:19.600><c> meanwhile</c><00:19:20.039><c> this</c><00:19:20.159><c> is</c><00:19:20.280><c> the</c><00:19:20.400><c> one</c> 00:19:20.549 --> 00:19:20.559 align:start position:0% local host meanwhile this is the one 00:19:20.559 --> 00:19:22.390 align:start position:0% local host meanwhile this is the one that's<00:19:20.799><c> live</c><00:19:21.240><c> so</c><00:19:21.520><c> the</c><00:19:21.640><c> changes</c><00:19:21.960><c> that</c><00:19:22.080><c> I</c><00:19:22.200><c> made</c> 00:19:22.390 --> 00:19:22.400 align:start position:0% that's live so the changes that I made 00:19:22.400 --> 00:19:24.750 align:start position:0% that's live so the changes that I made in<00:19:22.559><c> this</c><00:19:22.720><c> one</c><00:19:22.960><c> won't</c><00:19:23.200><c> show</c><00:19:23.600><c> here</c><00:19:23.880><c> until</c><00:19:24.159><c> I</c><00:19:24.360><c> push</c> 00:19:24.750 --> 00:19:24.760 align:start position:0% in this one won't show here until I push 00:19:24.760 --> 00:19:27.950 align:start position:0% in this one won't show here until I push that<00:19:25.760><c> so</c><00:19:26.240><c> let's</c><00:19:26.559><c> go</c><00:19:26.720><c> to</c><00:19:26.919><c> theme.</c><00:19:27.400><c> liquid</c><00:19:27.840><c> which</c> 00:19:27.950 --> 00:19:27.960 align:start position:0% that so let's go to theme. liquid which 00:19:27.960 --> 00:19:30.070 align:start position:0% that so let's go to theme. liquid which is<00:19:28.120><c> like</c><00:19:28.440><c> the</c><00:19:28.520><c> main</c><00:19:28.840><c> file</c><00:19:29.200><c> in</c><00:19:29.440><c> here</c><00:19:29.760><c> I'll</c><00:19:29.919><c> do</c> 00:19:30.070 --> 00:19:30.080 align:start position:0% is like the main file in here I'll do 00:19:30.080 --> 00:19:34.149 align:start position:0% is like the main file in here I'll do for<00:19:30.640><c> body</c><00:19:31.640><c> and</c><00:19:32.039><c> I'll</c><00:19:32.520><c> add</c><00:19:32.760><c> a</c><00:19:33.200><c> ptag</c><00:19:33.799><c> here</c><00:19:34.039><c> that</c> 00:19:34.149 --> 00:19:34.159 align:start position:0% for body and I'll add a ptag here that 00:19:34.159 --> 00:19:35.549 align:start position:0% for body and I'll add a ptag here that says<00:19:34.559><c> hello</c> 00:19:35.549 --> 00:19:35.559 align:start position:0% says hello 00:19:35.559 --> 00:19:38.149 align:start position:0% says hello world<00:19:36.559><c> by</c><00:19:36.720><c> the</c><00:19:36.799><c> way</c><00:19:36.960><c> don't</c><00:19:37.159><c> worry</c><00:19:37.440><c> about</c> 00:19:38.149 --> 00:19:38.159 align:start position:0% world by the way don't worry about 00:19:38.159 --> 00:19:40.390 align:start position:0% world by the way don't worry about understanding<00:19:38.559><c> the</c><00:19:38.919><c> folder</c><00:19:39.320><c> structure</c><00:19:39.840><c> here</c> 00:19:40.390 --> 00:19:40.400 align:start position:0% understanding the folder structure here 00:19:40.400 --> 00:19:43.149 align:start position:0% understanding the folder structure here Shopify<00:19:41.200><c> expects</c><00:19:41.960><c> a</c><00:19:42.159><c> very</c><00:19:42.440><c> specific</c><00:19:42.799><c> folder</c> 00:19:43.149 --> 00:19:43.159 align:start position:0% Shopify expects a very specific folder 00:19:43.159 --> 00:19:44.710 align:start position:0% Shopify expects a very specific folder structure<00:19:43.640><c> which</c><00:19:43.760><c> is</c><00:19:43.919><c> what</c><00:19:44.039><c> you</c><00:19:44.159><c> see</c><00:19:44.440><c> over</c> 00:19:44.710 --> 00:19:44.720 align:start position:0% structure which is what you see over 00:19:44.720 --> 00:19:48.350 align:start position:0% structure which is what you see over here<00:19:44.960><c> but</c><00:19:45.159><c> we</c><00:19:45.240><c> will</c><00:19:45.520><c> go</c><00:19:46.360><c> deep</c><00:19:46.919><c> into</c><00:19:47.919><c> what</c><00:19:48.080><c> is</c> 00:19:48.350 --> 00:19:48.360 align:start position:0% here but we will go deep into what is 00:19:48.360 --> 00:19:51.669 align:start position:0% here but we will go deep into what is exact<00:19:49.039><c> what</c><00:19:49.240><c> folder</c><00:19:49.640><c> structure</c><00:19:50.520><c> is</c><00:19:50.760><c> here</c><00:19:51.240><c> what</c> 00:19:51.669 --> 00:19:51.679 align:start position:0% exact what folder structure is here what 00:19:51.679 --> 00:19:54.909 align:start position:0% exact what folder structure is here what the<00:19:52.000><c> all</c><00:19:52.159><c> of</c><00:19:52.360><c> these</c><00:19:52.559><c> directories</c><00:19:53.320><c> do</c><00:19:54.320><c> and</c><00:19:54.720><c> what</c> 00:19:54.909 --> 00:19:54.919 align:start position:0% the all of these directories do and what 00:19:54.919 --> 00:19:57.950 align:start position:0% the all of these directories do and what we<00:19:55.080><c> can</c><00:19:55.440><c> add</c><00:19:55.720><c> in</c><00:19:55.919><c> each</c><00:19:56.120><c> one</c><00:19:56.280><c> of</c><00:19:56.440><c> them</c><00:19:56.840><c> so</c><00:19:57.760><c> we'll</c> 00:19:57.950 --> 00:19:57.960 align:start position:0% we can add in each one of them so we'll 00:19:57.960 --> 00:19:59.990 align:start position:0% we can add in each one of them so we'll cover<00:19:58.320><c> that</c><00:19:58.480><c> in</c><00:19:58.679><c> a</c><00:19:59.200><c> in</c><00:19:59.320><c> one</c><00:19:59.480><c> of</c><00:19:59.600><c> the</c><00:19:59.760><c> next</c> 00:19:59.990 --> 00:20:00.000 align:start position:0% cover that in a in one of the next 00:20:00.000 --> 00:20:02.750 align:start position:0% cover that in a in one of the next videos<00:20:00.440><c> in</c><00:20:00.559><c> the</c><00:20:00.679><c> series</c><00:20:01.640><c> anyways</c><00:20:02.280><c> you</c><00:20:02.400><c> can</c><00:20:02.520><c> see</c> 00:20:02.750 --> 00:20:02.760 align:start position:0% videos in the series anyways you can see 00:20:02.760 --> 00:20:06.029 align:start position:0% videos in the series anyways you can see here<00:20:03.000><c> that</c><00:20:03.159><c> this</c><00:20:03.320><c> hello</c><00:20:03.799><c> Vex</c><00:20:04.799><c> is</c><00:20:04.919><c> showing</c> 00:20:06.029 --> 00:20:06.039 align:start position:0% here that this hello Vex is showing 00:20:06.039 --> 00:20:09.110 align:start position:0% here that this hello Vex is showing here<00:20:07.039><c> but</c><00:20:07.200><c> if</c><00:20:07.320><c> I</c><00:20:07.520><c> refresh</c><00:20:08.440><c> the</c><00:20:08.600><c> theme</c><00:20:08.840><c> that's</c> 00:20:09.110 --> 00:20:09.120 align:start position:0% here but if I refresh the theme that's 00:20:09.120 --> 00:20:11.270 align:start position:0% here but if I refresh the theme that's live<00:20:09.559><c> that's</c><00:20:09.760><c> not</c><00:20:09.880><c> showing</c><00:20:10.240><c> here</c><00:20:10.440><c> yet</c><00:20:10.919><c> now</c><00:20:11.120><c> how</c> 00:20:11.270 --> 00:20:11.280 align:start position:0% live that's not showing here yet now how 00:20:11.280 --> 00:20:14.909 align:start position:0% live that's not showing here yet now how do<00:20:11.400><c> I</c><00:20:11.559><c> push</c><00:20:12.080><c> this</c><00:20:12.679><c> text</c><00:20:13.679><c> there</c><00:20:14.000><c> well</c><00:20:14.440><c> in</c><00:20:14.600><c> a</c> 00:20:14.909 --> 00:20:14.919 align:start position:0% do I push this text there well in a 00:20:14.919 --> 00:20:16.990 align:start position:0% do I push this text there well in a separate<00:20:15.400><c> console</c><00:20:15.840><c> I'm</c><00:20:15.919><c> going</c><00:20:16.080><c> to</c><00:20:16.240><c> run</c> 00:20:16.990 --> 00:20:17.000 align:start position:0% separate console I'm going to run 00:20:17.000 --> 00:20:20.750 align:start position:0% separate console I'm going to run Shopify<00:20:18.000><c> in</c><00:20:18.679><c> push</c><00:20:19.679><c> pass</c><00:20:20.039><c> the</c><00:20:20.240><c> environment</c> 00:20:20.750 --> 00:20:20.760 align:start position:0% Shopify in push pass the environment 00:20:20.760 --> 00:20:27.149 align:start position:0% Shopify in push pass the environment flag<00:20:21.559><c> and</c><00:20:22.039><c> say</c> 00:20:27.149 --> 00:20:27.159 align:start position:0% 00:20:27.159 --> 00:20:30.310 align:start position:0% development 00:20:30.310 --> 00:20:30.320 align:start position:0% 00:20:30.320 --> 00:20:32.990 align:start position:0% this<00:20:30.480><c> will</c><00:20:30.720><c> ask</c><00:20:30.960><c> me</c><00:20:31.640><c> to</c><00:20:31.919><c> which</c><00:20:32.159><c> theme</c><00:20:32.640><c> I</c><00:20:32.760><c> want</c> 00:20:32.990 --> 00:20:33.000 align:start position:0% this will ask me to which theme I want 00:20:33.000 --> 00:20:43.230 align:start position:0% this will ask me to which theme I want to<00:20:33.240><c> push</c><00:20:33.840><c> this</c><00:20:34.039><c> changes</c> 00:20:43.230 --> 00:20:43.240 align:start position:0% 00:20:43.240 --> 00:20:47.669 align:start position:0% to<00:20:44.240><c> and</c><00:20:44.400><c> over</c><00:20:44.600><c> here</c><00:20:44.760><c> I'm</c><00:20:44.880><c> going</c><00:20:45.039><c> to</c><00:20:45.120><c> select</c> 00:20:47.669 --> 00:20:47.679 align:start position:0% 00:20:47.679 --> 00:20:49.990 align:start position:0% done<00:20:48.679><c> it</c><00:20:48.840><c> will</c><00:20:49.000><c> ask</c><00:20:49.159><c> me</c><00:20:49.280><c> if</c><00:20:49.360><c> I</c><00:20:49.480><c> want</c><00:20:49.559><c> to</c><00:20:49.679><c> push</c><00:20:49.880><c> it</c> 00:20:49.990 --> 00:20:50.000 align:start position:0% done it will ask me if I want to push it 00:20:50.000 --> 00:20:53.470 align:start position:0% done it will ask me if I want to push it to<00:20:50.080><c> the</c><00:20:50.200><c> live</c><00:20:50.440><c> theme</c><00:20:50.919><c> I'll</c><00:20:51.080><c> say</c> 00:20:53.470 --> 00:20:53.480 align:start position:0% 00:20:53.480 --> 00:20:56.310 align:start position:0% yes<00:20:54.480><c> and</c> 00:20:56.310 --> 00:20:56.320 align:start position:0% yes and 00:20:56.320 --> 00:20:59.230 align:start position:0% yes and now<00:20:57.320><c> if</c><00:20:57.440><c> I</c><00:20:57.640><c> refresh</c><00:20:58.000><c> this</c> 00:20:59.230 --> 00:20:59.240 align:start position:0% now if I refresh this 00:20:59.240 --> 00:21:02.390 align:start position:0% now if I refresh this is<00:21:00.240><c> the</c><00:21:00.400><c> hello</c><00:21:00.679><c> world</c><00:21:01.039><c> text</c><00:21:01.559><c> is</c><00:21:01.679><c> showing</c><00:21:02.280><c> in</c> 00:21:02.390 --> 00:21:02.400 align:start position:0% is the hello world text is showing in 00:21:02.400 --> 00:21:04.510 align:start position:0% is the hello world text is showing in the<00:21:02.559><c> live</c><00:21:02.799><c> store</c><00:21:03.120><c> as</c> 00:21:04.510 --> 00:21:04.520 align:start position:0% the live store as 00:21:04.520 --> 00:21:08.110 align:start position:0% the live store as well<00:21:05.520><c> okay</c><00:21:05.679><c> so</c><00:21:05.919><c> I've</c><00:21:06.200><c> initialized</c><00:21:07.080><c> uh</c><00:21:07.280><c> repo</c><00:21:07.880><c> in</c> 00:21:08.110 --> 00:21:08.120 align:start position:0% well okay so I've initialized uh repo in 00:21:08.120 --> 00:21:09.870 align:start position:0% well okay so I've initialized uh repo in this<00:21:08.320><c> directory</c><00:21:09.039><c> because</c><00:21:09.280><c> we</c><00:21:09.400><c> want</c><00:21:09.559><c> to</c><00:21:09.720><c> do</c> 00:21:09.870 --> 00:21:09.880 align:start position:0% this directory because we want to do 00:21:09.880 --> 00:21:11.430 align:start position:0% this directory because we want to do some<00:21:10.080><c> Version</c><00:21:10.360><c> Control</c><00:21:10.760><c> that</c><00:21:10.919><c> integrates</c> 00:21:11.430 --> 00:21:11.440 align:start position:0% some Version Control that integrates 00:21:11.440 --> 00:21:13.310 align:start position:0% some Version Control that integrates with<00:21:11.600><c> Shopify</c><00:21:12.120><c> and</c><00:21:12.240><c> you</c><00:21:12.360><c> will</c><00:21:12.520><c> see</c><00:21:12.760><c> why</c><00:21:12.960><c> in</c><00:21:13.080><c> a</c> 00:21:13.310 --> 00:21:13.320 align:start position:0% with Shopify and you will see why in a 00:21:13.320 --> 00:21:18.029 align:start position:0% with Shopify and you will see why in a moment<00:21:14.320><c> so</c><00:21:14.840><c> here</c><00:21:15.840><c> let's</c><00:21:16.520><c> first</c><00:21:17.520><c> check</c><00:21:17.799><c> our</c> 00:21:18.029 --> 00:21:18.039 align:start position:0% moment so here let's first check our 00:21:18.039 --> 00:21:19.630 align:start position:0% moment so here let's first check our store<00:21:18.320><c> and</c><00:21:18.480><c> let's</c><00:21:18.640><c> say</c><00:21:18.840><c> that</c><00:21:18.960><c> we</c><00:21:19.120><c> wanted</c><00:21:19.440><c> to</c> 00:21:19.630 --> 00:21:19.640 align:start position:0% store and let's say that we wanted to 00:21:19.640 --> 00:21:21.269 align:start position:0% store and let's say that we wanted to edit<00:21:19.960><c> this</c><00:21:20.159><c> text</c> 00:21:21.269 --> 00:21:21.279 align:start position:0% edit this text 00:21:21.279 --> 00:21:24.269 align:start position:0% edit this text locally<00:21:22.279><c> so</c><00:21:23.159><c> over</c> 00:21:24.269 --> 00:21:24.279 align:start position:0% locally so over 00:21:24.279 --> 00:21:27.669 align:start position:0% locally so over here<00:21:25.279><c> I'm</c><00:21:25.480><c> going</c><00:21:25.840><c> to</c><00:21:26.600><c> in</c><00:21:26.760><c> the</c><00:21:26.919><c> console</c><00:21:27.520><c> I'm</c> 00:21:27.669 --> 00:21:27.679 align:start position:0% here I'm going to in the console I'm 00:21:27.679 --> 00:21:29.590 align:start position:0% here I'm going to in the console I'm going<00:21:27.840><c> to</c><00:21:28.320><c> look</c><00:21:28.480><c> for</c><00:21:28.679><c> this</c><00:21:28.960><c> customize</c><00:21:29.400><c> your</c> 00:21:29.590 --> 00:21:29.600 align:start position:0% going to look for this customize your 00:21:29.600 --> 00:21:31.669 align:start position:0% going to look for this customize your theme<00:21:30.279><c> at</c><00:21:30.440><c> the</c><00:21:30.559><c> theme</c> 00:21:31.669 --> 00:21:31.679 align:start position:0% theme at the theme 00:21:31.679 --> 00:21:34.590 align:start position:0% theme at the theme editor<00:21:32.679><c> and</c><00:21:32.799><c> I'm</c><00:21:32.960><c> going</c><00:21:33.200><c> to</c><00:21:33.480><c> open</c> 00:21:34.590 --> 00:21:34.600 align:start position:0% editor and I'm going to open 00:21:34.600 --> 00:21:37.750 align:start position:0% editor and I'm going to open this<00:21:35.600><c> this</c><00:21:35.760><c> will</c><00:21:35.919><c> open</c><00:21:36.279><c> the</c><00:21:36.400><c> theme</c><00:21:36.760><c> editor</c> 00:21:37.750 --> 00:21:37.760 align:start position:0% this this will open the theme editor 00:21:37.760 --> 00:21:39.990 align:start position:0% this this will open the theme editor both<00:21:38.080><c> connected</c><00:21:38.520><c> to</c><00:21:38.720><c> my</c><00:21:38.919><c> local</c><00:21:39.240><c> theme</c><00:21:39.679><c> so</c><00:21:39.880><c> the</c> 00:21:39.990 --> 00:21:40.000 align:start position:0% both connected to my local theme so the 00:21:40.000 --> 00:21:42.950 align:start position:0% both connected to my local theme so the changes<00:21:40.360><c> that</c><00:21:40.520><c> I</c><00:21:40.640><c> make</c><00:21:40.960><c> here</c><00:21:41.799><c> will</c><00:21:42.080><c> only</c><00:21:42.440><c> be</c> 00:21:42.950 --> 00:21:42.960 align:start position:0% changes that I make here will only be 00:21:42.960 --> 00:21:44.630 align:start position:0% changes that I make here will only be local<00:21:43.520><c> at</c><00:21:43.640><c> the</c> 00:21:44.630 --> 00:21:44.640 align:start position:0% local at the 00:21:44.640 --> 00:21:48.029 align:start position:0% local at the moment<00:21:45.640><c> so</c><00:21:46.279><c> here</c><00:21:46.559><c> let's</c><00:21:46.840><c> change</c><00:21:47.279><c> this</c><00:21:47.520><c> text</c> 00:21:48.029 --> 00:21:48.039 align:start position:0% moment so here let's change this text 00:21:48.039 --> 00:21:50.830 align:start position:0% moment so here let's change this text for<00:21:48.919><c> local</c> 00:21:50.830 --> 00:21:50.840 align:start position:0% for local 00:21:50.840 --> 00:21:53.350 align:start position:0% for local change<00:21:51.840><c> let's</c><00:21:52.240><c> click</c><00:21:52.440><c> on</c> 00:21:53.350 --> 00:21:53.360 align:start position:0% change let's click on 00:21:53.360 --> 00:21:56.950 align:start position:0% change let's click on Save<00:21:54.360><c> and</c><00:21:54.559><c> now</c><00:21:55.159><c> to</c><00:21:55.360><c> sync</c><00:21:55.799><c> this</c><00:21:56.240><c> because</c><00:21:56.640><c> yes</c><00:21:56.840><c> we</c> 00:21:56.950 --> 00:21:56.960 align:start position:0% Save and now to sync this because yes we 00:21:56.960 --> 00:22:00.190 align:start position:0% Save and now to sync this because yes we have<00:21:57.080><c> to</c><00:21:57.159><c> sync</c><00:21:57.559><c> this</c><00:21:58.159><c> in</c><00:21:58.320><c> Shopify</c><00:21:58.919><c> the</c><00:21:59.200><c> content</c> 00:22:00.190 --> 00:22:00.200 align:start position:0% have to sync this in Shopify the content 00:22:00.200 --> 00:22:04.110 align:start position:0% have to sync this in Shopify the content is<00:22:00.760><c> linked</c><00:22:01.200><c> to</c><00:22:01.360><c> the</c><00:22:01.520><c> theme</c><00:22:02.520><c> so</c><00:22:03.520><c> if</c><00:22:03.640><c> we</c><00:22:03.799><c> look</c><00:22:03.960><c> for</c> 00:22:04.110 --> 00:22:04.120 align:start position:0% is linked to the theme so if we look for 00:22:04.120 --> 00:22:11.029 align:start position:0% is linked to the theme so if we look for the<00:22:04.320><c> text</c><00:22:04.799><c> browse</c><00:22:05.159><c> or</c><00:22:05.400><c> latest</c><00:22:05.760><c> products</c> 00:22:11.029 --> 00:22:11.039 align:start position:0% 00:22:11.039 --> 00:22:14.390 align:start position:0% here<00:22:12.039><c> we</c><00:22:12.159><c> can</c><00:22:12.320><c> see</c><00:22:12.679><c> that</c><00:22:13.000><c> it</c><00:22:13.159><c> is</c><00:22:13.320><c> in</c><00:22:13.520><c> this</c><00:22:13.760><c> index</c> 00:22:14.390 --> 00:22:14.400 align:start position:0% here we can see that it is in this index 00:22:14.400 --> 00:22:16.590 align:start position:0% here we can see that it is in this index Json<00:22:15.080><c> and</c><00:22:15.240><c> this</c><00:22:15.360><c> is</c><00:22:15.559><c> attached</c><00:22:16.000><c> to</c><00:22:16.120><c> a</c><00:22:16.279><c> section</c> 00:22:16.590 --> 00:22:16.600 align:start position:0% Json and this is attached to a section 00:22:16.600 --> 00:22:19.789 align:start position:0% Json and this is attached to a section we<00:22:16.720><c> will</c><00:22:16.880><c> see</c><00:22:17.480><c> in</c><00:22:17.640><c> a</c><00:22:17.960><c> later</c><00:22:18.320><c> video</c><00:22:19.159><c> how</c><00:22:19.520><c> all</c><00:22:19.640><c> of</c> 00:22:19.789 --> 00:22:19.799 align:start position:0% we will see in a later video how all of 00:22:19.799 --> 00:22:21.470 align:start position:0% we will see in a later video how all of this<00:22:19.919><c> is</c><00:22:20.080><c> working</c><00:22:20.480><c> but</c><00:22:20.679><c> for</c><00:22:20.840><c> now</c><00:22:21.000><c> just</c><00:22:21.200><c> keep</c><00:22:21.360><c> in</c> 00:22:21.470 --> 00:22:21.480 align:start position:0% this is working but for now just keep in 00:22:21.480 --> 00:22:23.630 align:start position:0% this is working but for now just keep in mind<00:22:21.720><c> that</c><00:22:22.159><c> the</c><00:22:22.360><c> text</c><00:22:22.679><c> that</c><00:22:22.840><c> we</c><00:22:23.000><c> have</c><00:22:23.320><c> over</c> 00:22:23.630 --> 00:22:23.640 align:start position:0% mind that the text that we have over 00:22:23.640 --> 00:22:27.029 align:start position:0% mind that the text that we have over here<00:22:24.240><c> is</c><00:22:24.480><c> linked</c><00:22:24.919><c> to</c><00:22:25.080><c> this</c><00:22:25.279><c> Json</c><00:22:25.840><c> now</c><00:22:26.799><c> you</c><00:22:26.919><c> can</c> 00:22:27.029 --> 00:22:27.039 align:start position:0% here is linked to this Json now you can 00:22:27.039 --> 00:22:29.029 align:start position:0% here is linked to this Json now you can see<00:22:27.279><c> here</c><00:22:27.440><c> that</c><00:22:27.600><c> the</c><00:22:27.720><c> text</c><00:22:28.120><c> the</c><00:22:28.240><c> previous</c><00:22:28.559><c> text</c> 00:22:29.029 --> 00:22:29.039 align:start position:0% see here that the text the previous text 00:22:29.039 --> 00:22:32.070 align:start position:0% see here that the text the previous text because<00:22:29.400><c> I</c><00:22:29.600><c> haven't</c><00:22:30.400><c> se</c><00:22:30.799><c> the</c><00:22:30.919><c> changes</c><00:22:31.360><c> yet</c><00:22:31.880><c> so</c> 00:22:32.070 --> 00:22:32.080 align:start position:0% because I haven't se the changes yet so 00:22:32.080 --> 00:22:34.710 align:start position:0% because I haven't se the changes yet so to<00:22:32.200><c> sync</c><00:22:32.600><c> this</c><00:22:33.360><c> I'm</c><00:22:33.520><c> going</c><00:22:33.679><c> to</c><00:22:33.840><c> run</c> 00:22:34.710 --> 00:22:34.720 align:start position:0% to sync this I'm going to run 00:22:34.720 --> 00:22:38.950 align:start position:0% to sync this I'm going to run Shopify<00:22:35.840><c> inol</c><00:22:36.840><c> once</c><00:22:37.120><c> again</c><00:22:38.039><c> but</c><00:22:38.360><c> I'm</c><00:22:38.520><c> going</c><00:22:38.720><c> to</c> 00:22:38.950 --> 00:22:38.960 align:start position:0% Shopify inol once again but I'm going to 00:22:38.960 --> 00:22:39.950 align:start position:0% Shopify inol once again but I'm going to pass 00:22:39.950 --> 00:22:39.960 align:start position:0% pass 00:22:39.960 --> 00:22:43.430 align:start position:0% pass the<00:22:40.960><c> D</c><00:22:41.320><c> flag</c><00:22:41.840><c> which</c><00:22:42.000><c> is</c><00:22:42.400><c> to</c><00:22:42.600><c> pull</c><00:22:42.919><c> from</c> 00:22:43.430 --> 00:22:43.440 align:start position:0% the D flag which is to pull from 00:22:43.440 --> 00:22:45.510 align:start position:0% the D flag which is to pull from development<00:22:44.320><c> from</c><00:22:44.520><c> the</c><00:22:44.679><c> development</c><00:22:45.159><c> theme</c> 00:22:45.510 --> 00:22:45.520 align:start position:0% development from the development theme 00:22:45.520 --> 00:22:47.230 align:start position:0% development from the development theme whatever<00:22:46.080><c> theme</c><00:22:46.400><c> that</c> 00:22:47.230 --> 00:22:47.240 align:start position:0% whatever theme that 00:22:47.240 --> 00:22:49.350 align:start position:0% whatever theme that is<00:22:48.240><c> and</c><00:22:48.440><c> over</c> 00:22:49.350 --> 00:22:49.360 align:start position:0% is and over 00:22:49.360 --> 00:22:52.789 align:start position:0% is and over here<00:22:50.360><c> we</c><00:22:50.919><c> have</c><00:22:51.080><c> the</c><00:22:51.240><c> changes</c><00:22:51.880><c> that</c><00:22:52.039><c> I</c><00:22:52.200><c> just</c> 00:22:52.789 --> 00:22:52.799 align:start position:0% here we have the changes that I just 00:22:52.799 --> 00:22:57.710 align:start position:0% here we have the changes that I just pushed<00:22:53.320><c> here</c><00:22:54.320><c> and</c><00:22:54.600><c> now</c><00:22:55.600><c> in</c><00:22:55.760><c> the</c><00:22:55.960><c> live</c><00:22:56.720><c> team</c> 00:22:57.710 --> 00:22:57.720 align:start position:0% pushed here and now in the live team 00:22:57.720 --> 00:22:59.269 align:start position:0% pushed here and now in the live team let's<00:22:57.960><c> let's</c><00:22:58.120><c> make</c><00:22:58.240><c> a</c><00:22:58.360><c> change</c><00:22:58.679><c> as</c><00:22:58.799><c> well</c><00:22:59.080><c> let's</c> 00:22:59.269 --> 00:22:59.279 align:start position:0% let's let's make a change as well let's 00:22:59.279 --> 00:23:01.710 align:start position:0% let's let's make a change as well let's go<00:22:59.440><c> to</c><00:22:59.559><c> the</c><00:22:59.720><c> theme</c><00:22:59.960><c> editor</c> 00:23:01.710 --> 00:23:01.720 align:start position:0% go to the theme editor 00:23:01.720 --> 00:23:06.110 align:start position:0% go to the theme editor here<00:23:02.720><c> and</c><00:23:02.880><c> let</c><00:23:03.039><c> me</c><00:23:03.200><c> change</c><00:23:03.640><c> this</c><00:23:04.360><c> for</c><00:23:05.360><c> live</c> 00:23:06.110 --> 00:23:06.120 align:start position:0% here and let me change this for live 00:23:06.120 --> 00:23:11.510 align:start position:0% here and let me change this for live theme 00:23:11.510 --> 00:23:11.520 align:start position:0% 00:23:11.520 --> 00:23:16.149 align:start position:0% changes<00:23:12.520><c> now</c><00:23:12.760><c> if</c><00:23:12.960><c> I</c><00:23:13.520><c> refresh</c><00:23:14.360><c> the</c><00:23:14.520><c> live</c><00:23:15.039><c> site</c><00:23:16.039><c> I</c> 00:23:16.149 --> 00:23:16.159 align:start position:0% changes now if I refresh the live site I 00:23:16.159 --> 00:23:19.310 align:start position:0% changes now if I refresh the live site I have<00:23:16.360><c> live</c><00:23:16.640><c> thing</c><00:23:16.840><c> changes</c><00:23:17.640><c> and</c><00:23:17.840><c> if</c><00:23:18.000><c> I</c><00:23:18.320><c> refresh</c> 00:23:19.310 --> 00:23:19.320 align:start position:0% have live thing changes and if I refresh 00:23:19.320 --> 00:23:20.590 align:start position:0% have live thing changes and if I refresh the<00:23:19.440><c> local</c> 00:23:20.590 --> 00:23:20.600 align:start position:0% the local 00:23:20.600 --> 00:23:23.029 align:start position:0% the local site<00:23:21.600><c> I</c><00:23:21.720><c> have</c><00:23:22.039><c> local</c> 00:23:23.029 --> 00:23:23.039 align:start position:0% site I have local 00:23:23.039 --> 00:23:25.990 align:start position:0% site I have local change<00:23:24.039><c> now</c><00:23:24.440><c> what</c><00:23:24.600><c> will</c><00:23:24.880><c> happen</c><00:23:25.679><c> at</c><00:23:25.840><c> the</c> 00:23:25.990 --> 00:23:26.000 align:start position:0% change now what will happen at the 00:23:26.000 --> 00:23:28.909 align:start position:0% change now what will happen at the moment<00:23:26.480><c> I</c><00:23:26.640><c> try</c><00:23:27.120><c> sinking</c><00:23:27.960><c> my</c><00:23:28.120><c> local</c><00:23:28.400><c> changes</c> 00:23:28.909 --> 00:23:28.919 align:start position:0% moment I try sinking my local changes 00:23:28.919 --> 00:23:31.390 align:start position:0% moment I try sinking my local changes with<00:23:29.120><c> the</c><00:23:29.240><c> changes</c><00:23:29.799><c> that</c><00:23:30.360><c> are</c> 00:23:31.390 --> 00:23:31.400 align:start position:0% with the changes that are 00:23:31.400 --> 00:23:35.390 align:start position:0% with the changes that are Live<00:23:32.400><c> Well</c><00:23:33.080><c> you</c><00:23:33.240><c> will</c><00:23:33.480><c> probably</c><00:23:33.840><c> guess</c><00:23:34.400><c> that</c> 00:23:35.390 --> 00:23:35.400 align:start position:0% Live Well you will probably guess that 00:23:35.400 --> 00:23:38.669 align:start position:0% Live Well you will probably guess that the<00:23:35.559><c> changes</c><00:23:36.000><c> in</c><00:23:36.159><c> this</c><00:23:36.360><c> file</c><00:23:37.000><c> will</c><00:23:37.679><c> override</c> 00:23:38.669 --> 00:23:38.679 align:start position:0% the changes in this file will override 00:23:38.679 --> 00:23:42.190 align:start position:0% the changes in this file will override what<00:23:38.840><c> is</c><00:23:39.080><c> here</c><00:23:39.600><c> so</c><00:23:40.000><c> let</c><00:23:40.159><c> me</c><00:23:40.400><c> L</c><00:23:40.679><c> out</c><00:23:41.200><c> Shopify</c> 00:23:42.190 --> 00:23:42.200 align:start position:0% what is here so let me L out Shopify 00:23:42.200 --> 00:23:45.830 align:start position:0% what is here so let me L out Shopify team 00:23:45.830 --> 00:23:45.840 align:start position:0% 00:23:45.840 --> 00:23:51.909 align:start position:0% push<00:23:46.840><c> I'm</c><00:23:47.200><c> pass</c><00:23:47.400><c> the</c><00:23:47.520><c> development</c><00:23:47.919><c> flag</c><00:23:48.279><c> once</c> 00:23:51.909 --> 00:23:51.919 align:start position:0% 00:23:51.919 --> 00:23:55.070 align:start position:0% again<00:23:52.919><c> let</c><00:23:53.039><c> me</c><00:23:53.240><c> push</c><00:23:53.440><c> it</c><00:23:53.919><c> to</c><00:23:54.400><c> the</c><00:23:54.559><c> live</c><00:23:54.799><c> them</c> 00:23:55.070 --> 00:23:55.080 align:start position:0% again let me push it to the live them 00:23:55.080 --> 00:23:58.549 align:start position:0% again let me push it to the live them window<00:23:55.360><c> down</c><00:23:56.000><c> done</c><00:23:56.880><c> and</c><00:23:57.600><c> if</c><00:23:57.880><c> if</c><00:23:57.960><c> I</c><00:23:58.120><c> refresh</c> 00:23:58.549 --> 00:23:58.559 align:start position:0% window down done and if if I refresh 00:23:58.559 --> 00:24:01.870 align:start position:0% window down done and if if I refresh this<00:23:59.400><c> I</c><00:23:59.559><c> have</c><00:23:59.799><c> local</c><00:24:00.080><c> change</c><00:24:00.640><c> so</c><00:24:00.919><c> even</c><00:24:01.279><c> though</c> 00:24:01.870 --> 00:24:01.880 align:start position:0% this I have local change so even though 00:24:01.880 --> 00:24:04.029 align:start position:0% this I have local change so even though the<00:24:02.039><c> life</c><00:24:02.279><c> changes</c><00:24:02.720><c> were</c><00:24:03.039><c> added</c><00:24:03.600><c> after</c><00:24:03.919><c> the</c> 00:24:04.029 --> 00:24:04.039 align:start position:0% the life changes were added after the 00:24:04.039 --> 00:24:05.470 align:start position:0% the life changes were added after the local 00:24:05.470 --> 00:24:05.480 align:start position:0% local 00:24:05.480 --> 00:24:08.430 align:start position:0% local changes<00:24:06.480><c> they</c><00:24:06.640><c> were</c><00:24:06.919><c> just</c><00:24:07.200><c> overr</c><00:24:08.080><c> at</c><00:24:08.279><c> the</c> 00:24:08.430 --> 00:24:08.440 align:start position:0% changes they were just overr at the 00:24:08.440 --> 00:24:11.870 align:start position:0% changes they were just overr at the moment<00:24:09.120><c> that</c><00:24:09.240><c> I</c><00:24:09.440><c> pushed</c><00:24:09.880><c> my</c><00:24:10.080><c> local</c><00:24:10.400><c> changes</c> 00:24:11.870 --> 00:24:11.880 align:start position:0% moment that I pushed my local changes 00:24:11.880 --> 00:24:15.549 align:start position:0% moment that I pushed my local changes here<00:24:12.880><c> and</c><00:24:13.640><c> the</c><00:24:14.440><c> this</c><00:24:14.600><c> becomes</c><00:24:14.919><c> an</c><00:24:15.080><c> issue</c><00:24:15.400><c> when</c> 00:24:15.549 --> 00:24:15.559 align:start position:0% here and the this becomes an issue when 00:24:15.559 --> 00:24:17.310 align:start position:0% here and the this becomes an issue when there<00:24:15.679><c> are</c><00:24:15.840><c> multiple</c><00:24:16.360><c> people</c><00:24:16.679><c> working</c><00:24:17.039><c> in</c><00:24:17.200><c> the</c> 00:24:17.310 --> 00:24:17.320 align:start position:0% there are multiple people working in the 00:24:17.320 --> 00:24:19.909 align:start position:0% there are multiple people working in the same<00:24:17.520><c> store</c><00:24:18.120><c> so</c><00:24:18.480><c> you</c><00:24:18.600><c> can</c><00:24:18.919><c> imagine</c><00:24:19.360><c> that</c><00:24:19.720><c> if</c> 00:24:19.909 --> 00:24:19.919 align:start position:0% same store so you can imagine that if 00:24:19.919 --> 00:24:22.070 align:start position:0% same store so you can imagine that if there<00:24:20.039><c> is</c><00:24:20.200><c> a</c><00:24:20.520><c> person</c><00:24:21.240><c> in</c><00:24:21.440><c> charge</c><00:24:21.760><c> of</c><00:24:21.919><c> the</c> 00:24:22.070 --> 00:24:22.080 align:start position:0% there is a person in charge of the 00:24:22.080 --> 00:24:23.870 align:start position:0% there is a person in charge of the content<00:24:22.400><c> in</c><00:24:22.520><c> the</c><00:24:22.640><c> store</c><00:24:22.880><c> or</c><00:24:23.159><c> perhaps</c><00:24:23.480><c> multiple</c> 00:24:23.870 --> 00:24:23.880 align:start position:0% content in the store or perhaps multiple 00:24:23.880 --> 00:24:25.230 align:start position:0% content in the store or perhaps multiple person<00:24:24.159><c> in</c><00:24:24.279><c> charge</c><00:24:24.520><c> of</c><00:24:24.640><c> the</c><00:24:24.720><c> content</c><00:24:25.000><c> in</c><00:24:25.120><c> the</c> 00:24:25.230 --> 00:24:25.240 align:start position:0% person in charge of the content in the 00:24:25.240 --> 00:24:27.510 align:start position:0% person in charge of the content in the store<00:24:26.039><c> but</c><00:24:26.240><c> then</c><00:24:26.360><c> you</c><00:24:26.480><c> are</c><00:24:26.679><c> also</c><00:24:26.960><c> developing</c> 00:24:27.510 --> 00:24:27.520 align:start position:0% store but then you are also developing 00:24:27.520 --> 00:24:29.630 align:start position:0% store but then you are also developing feat<00:24:27.799><c> features</c><00:24:28.240><c> for</c><00:24:28.440><c> this</c><00:24:28.640><c> store</c><00:24:28.880><c> and</c><00:24:29.039><c> you</c><00:24:29.200><c> may</c> 00:24:29.630 --> 00:24:29.640 align:start position:0% feat features for this store and you may 00:24:29.640 --> 00:24:31.750 align:start position:0% feat features for this store and you may change<00:24:30.039><c> content</c><00:24:30.360><c> every</c><00:24:30.559><c> now</c><00:24:30.720><c> and</c><00:24:30.880><c> then</c><00:24:31.360><c> for</c> 00:24:31.750 --> 00:24:31.760 align:start position:0% change content every now and then for 00:24:31.760 --> 00:24:33.470 align:start position:0% change content every now and then for working<00:24:32.039><c> on</c><00:24:32.200><c> the</c><00:24:32.320><c> features</c><00:24:32.760><c> that</c><00:24:32.880><c> you're</c><00:24:32.960><c> are</c> 00:24:33.470 --> 00:24:33.480 align:start position:0% working on the features that you're are 00:24:33.480 --> 00:24:35.990 align:start position:0% working on the features that you're are working<00:24:34.480><c> then</c><00:24:34.720><c> when</c><00:24:34.880><c> you</c><00:24:35.039><c> push</c><00:24:35.360><c> this</c><00:24:35.559><c> you</c><00:24:35.799><c> may</c> 00:24:35.990 --> 00:24:36.000 align:start position:0% working then when you push this you may 00:24:36.000 --> 00:24:38.669 align:start position:0% working then when you push this you may accidentally<00:24:36.840><c> override</c><00:24:37.679><c> the</c><00:24:37.880><c> things</c><00:24:38.399><c> that</c> 00:24:38.669 --> 00:24:38.679 align:start position:0% accidentally override the things that 00:24:38.679 --> 00:24:41.430 align:start position:0% accidentally override the things that the<00:24:38.799><c> content</c><00:24:39.200><c> editors</c><00:24:40.200><c> have</c><00:24:40.919><c> changed</c> 00:24:41.430 --> 00:24:41.440 align:start position:0% the content editors have changed 00:24:41.440 --> 00:24:42.990 align:start position:0% the content editors have changed recently<00:24:41.919><c> and</c><00:24:42.080><c> that</c><00:24:42.200><c> you</c><00:24:42.320><c> haven't</c><00:24:42.520><c> seen</c><00:24:42.840><c> with</c> 00:24:42.990 --> 00:24:43.000 align:start position:0% recently and that you haven't seen with 00:24:43.000 --> 00:24:45.870 align:start position:0% recently and that you haven't seen with your<00:24:43.120><c> local</c><00:24:43.399><c> theme</c><00:24:43.679><c> yet</c><00:24:44.679><c> and</c><00:24:44.919><c> this</c><00:24:45.120><c> is</c><00:24:45.600><c> where</c> 00:24:45.870 --> 00:24:45.880 align:start position:0% your local theme yet and this is where 00:24:45.880 --> 00:24:49.669 align:start position:0% your local theme yet and this is where Version<00:24:46.279><c> Control</c><00:24:46.919><c> comes</c><00:24:47.159><c> into</c><00:24:47.440><c> place</c><00:24:48.679><c> because</c> 00:24:49.669 --> 00:24:49.679 align:start position:0% Version Control comes into place because 00:24:49.679 --> 00:24:52.870 align:start position:0% Version Control comes into place because if<00:24:49.840><c> we</c><00:24:50.039><c> connect</c><00:24:50.919><c> our</c><00:24:51.200><c> theme</c><00:24:51.480><c> to</c><00:24:51.799><c> get</c><00:24:52.440><c> then</c> 00:24:52.870 --> 00:24:52.880 align:start position:0% if we connect our theme to get then 00:24:52.880 --> 00:24:54.669 align:start position:0% if we connect our theme to get then Shopify 00:24:54.669 --> 00:24:54.679 align:start position:0% Shopify 00:24:54.679 --> 00:24:59.190 align:start position:0% Shopify Shopify<00:24:55.840><c> will</c><00:24:56.840><c> make</c><00:24:57.159><c> that</c><00:24:57.320><c> s</c><00:24:57.919><c> work</c><00:24:58.640><c> out</c><00:24:58.799><c> of</c><00:24:58.960><c> the</c> 00:24:59.190 --> 00:24:59.200 align:start position:0% Shopify will make that s work out of the 00:24:59.200 --> 00:25:04.149 align:start position:0% Shopify will make that s work out of the box<00:25:00.200><c> so</c><00:25:00.840><c> let's</c><00:25:01.840><c> do</c><00:25:02.039><c> a</c><00:25:02.240><c> comit</c><00:25:02.679><c> here</c><00:25:03.120><c> with</c><00:25:03.360><c> hold</c> 00:25:04.149 --> 00:25:04.159 align:start position:0% box so let's do a comit here with hold 00:25:04.159 --> 00:25:06.830 align:start position:0% box so let's do a comit here with hold this<00:25:05.159><c> let's</c><00:25:05.360><c> say</c><00:25:05.559><c> first</c> 00:25:06.830 --> 00:25:06.840 align:start position:0% this let's say first 00:25:06.840 --> 00:25:10.470 align:start position:0% this let's say first comit<00:25:07.840><c> and</c><00:25:07.960><c> I'm</c><00:25:08.080><c> just</c><00:25:08.240><c> going</c><00:25:08.440><c> to</c><00:25:08.720><c> push</c> 00:25:10.470 --> 00:25:10.480 align:start position:0% comit and I'm just going to push 00:25:10.480 --> 00:25:12.430 align:start position:0% comit and I'm just going to push this<00:25:11.480><c> to</c> 00:25:12.430 --> 00:25:12.440 align:start position:0% this to 00:25:12.440 --> 00:25:16.430 align:start position:0% this to Main<00:25:13.440><c> and</c><00:25:13.720><c> now</c><00:25:14.720><c> from</c><00:25:15.000><c> the</c><00:25:15.120><c> Shopify</c><00:25:15.679><c> dashboard</c> 00:25:16.430 --> 00:25:16.440 align:start position:0% Main and now from the Shopify dashboard 00:25:16.440 --> 00:25:19.029 align:start position:0% Main and now from the Shopify dashboard over<00:25:16.760><c> here</c><00:25:17.159><c> I'm</c><00:25:17.320><c> going</c><00:25:17.480><c> to</c><00:25:17.679><c> add</c><00:25:17.840><c> a</c><00:25:17.960><c> theme</c><00:25:18.880><c> and</c> 00:25:19.029 --> 00:25:19.039 align:start position:0% over here I'm going to add a theme and 00:25:19.039 --> 00:25:21.310 align:start position:0% over here I'm going to add a theme and I'm<00:25:19.200><c> going</c><00:25:19.360><c> to</c><00:25:19.559><c> connect</c><00:25:20.000><c> from</c><00:25:20.240><c> GitHub</c><00:25:21.200><c> I'm</c> 00:25:21.310 --> 00:25:21.320 align:start position:0% I'm going to connect from GitHub I'm 00:25:21.320 --> 00:25:24.070 align:start position:0% I'm going to connect from GitHub I'm going<00:25:21.480><c> to</c><00:25:21.720><c> loging</c><00:25:21.960><c> into</c> 00:25:24.070 --> 00:25:24.080 align:start position:0% going to loging into 00:25:24.080 --> 00:25:26.269 align:start position:0% going to loging into GitHub<00:25:25.080><c> going</c><00:25:25.279><c> to</c><00:25:25.440><c> give</c><00:25:25.559><c> it</c> 00:25:26.269 --> 00:25:26.279 align:start position:0% GitHub going to give it 00:25:26.279 --> 00:25:29.590 align:start position:0% GitHub going to give it access<00:25:27.279><c> and</c><00:25:27.399><c> I'm</c><00:25:27.799><c> going</c><00:25:27.960><c> to</c><00:25:28.279><c> say</c><00:25:28.720><c> only</c><00:25:29.000><c> to</c><00:25:29.200><c> a</c> 00:25:29.590 --> 00:25:29.600 align:start position:0% access and I'm going to say only to a 00:25:29.600 --> 00:25:31.430 align:start position:0% access and I'm going to say only to a select<00:25:30.159><c> repository</c><00:25:30.880><c> and</c><00:25:31.000><c> I'm</c><00:25:31.120><c> going</c><00:25:31.279><c> to</c> 00:25:31.430 --> 00:25:31.440 align:start position:0% select repository and I'm going to 00:25:31.440 --> 00:25:34.070 align:start position:0% select repository and I'm going to select<00:25:31.799><c> this</c><00:25:31.919><c> one</c><00:25:32.320><c> which</c><00:25:32.480><c> is</c><00:25:32.679><c> where</c><00:25:32.840><c> my</c><00:25:33.080><c> theme</c> 00:25:34.070 --> 00:25:34.080 align:start position:0% select this one which is where my theme 00:25:34.080 --> 00:25:35.950 align:start position:0% select this one which is where my theme was<00:25:34.279><c> pushed</c> 00:25:35.950 --> 00:25:35.960 align:start position:0% was pushed 00:25:35.960 --> 00:25:40.750 align:start position:0% was pushed to<00:25:36.960><c> now</c><00:25:37.720><c> it</c><00:25:37.840><c> will</c><00:25:38.080><c> ask</c><00:25:38.720><c> me</c><00:25:39.720><c> which</c><00:25:40.000><c> theme</c><00:25:40.480><c> I</c><00:25:40.600><c> want</c> 00:25:40.750 --> 00:25:40.760 align:start position:0% to now it will ask me which theme I want 00:25:40.760 --> 00:25:43.110 align:start position:0% to now it will ask me which theme I want to<00:25:40.919><c> sync</c><00:25:41.799><c> which</c><00:25:42.039><c> branch</c><00:25:42.360><c> I</c><00:25:42.480><c> want</c><00:25:42.640><c> to</c><00:25:42.799><c> connect</c> 00:25:43.110 --> 00:25:43.120 align:start position:0% to sync which branch I want to connect 00:25:43.120 --> 00:25:51.950 align:start position:0% to sync which branch I want to connect it<00:25:43.279><c> to</c><00:25:44.120><c> and</c><00:25:44.240><c> I'll</c><00:25:44.399><c> say</c> 00:25:51.950 --> 00:25:51.960 align:start position:0% 00:25:51.960 --> 00:25:55.149 align:start position:0% Main<00:25:52.960><c> and</c><00:25:53.120><c> now</c><00:25:53.360><c> it</c><00:25:53.480><c> is</c><00:25:53.640><c> cloning</c><00:25:54.120><c> this</c><00:25:54.320><c> team</c><00:25:54.919><c> and</c> 00:25:55.149 --> 00:25:55.159 align:start position:0% Main and now it is cloning this team and 00:25:55.159 --> 00:25:57.990 align:start position:0% Main and now it is cloning this team and this<00:25:55.320><c> team</c><00:25:55.679><c> is</c><00:25:55.840><c> connected</c><00:25:56.240><c> to</c><00:25:56.440><c> GitHub</c><00:25:57.440><c> so</c><00:25:57.679><c> so</c> 00:25:57.990 --> 00:25:58.000 align:start position:0% this team is connected to GitHub so so 00:25:58.000 --> 00:26:01.070 align:start position:0% this team is connected to GitHub so so now<00:25:58.520><c> I</c><00:25:58.640><c> don't</c><00:25:58.960><c> have</c><00:25:59.200><c> to</c><00:26:00.159><c> run</c><00:26:00.440><c> the</c><00:26:00.559><c> Shopify</c> 00:26:01.070 --> 00:26:01.080 align:start position:0% now I don't have to run the Shopify 00:26:01.080 --> 00:26:04.310 align:start position:0% now I don't have to run the Shopify theme<00:26:01.360><c> push</c><00:26:01.679><c> command</c><00:26:02.200><c> anymore</c><00:26:03.080><c> instead</c><00:26:03.919><c> I</c><00:26:04.039><c> can</c> 00:26:04.310 --> 00:26:04.320 align:start position:0% theme push command anymore instead I can 00:26:04.320 --> 00:26:07.070 align:start position:0% theme push command anymore instead I can just<00:26:04.720><c> do</c><00:26:04.960><c> a</c><00:26:05.480><c> get</c><00:26:05.760><c> push</c><00:26:06.320><c> and</c><00:26:06.480><c> it</c><00:26:06.600><c> will</c><00:26:06.799><c> be</c> 00:26:07.070 --> 00:26:07.080 align:start position:0% just do a get push and it will be 00:26:07.080 --> 00:26:09.950 align:start position:0% just do a get push and it will be automatically<00:26:07.720><c> pushed</c><00:26:08.520><c> over</c><00:26:08.840><c> here</c><00:26:09.120><c> so</c><00:26:09.640><c> let</c><00:26:09.799><c> me</c> 00:26:09.950 --> 00:26:09.960 align:start position:0% automatically pushed over here so let me 00:26:09.960 --> 00:26:15.149 align:start position:0% automatically pushed over here so let me pish 00:26:15.149 --> 00:26:15.159 align:start position:0% 00:26:15.159 --> 00:26:18.430 align:start position:0% this<00:26:16.159><c> and</c><00:26:16.320><c> let's</c><00:26:16.520><c> try</c><00:26:16.840><c> that</c><00:26:17.360><c> so</c><00:26:17.840><c> here</c><00:26:18.039><c> in</c><00:26:18.200><c> theme</c> 00:26:18.430 --> 00:26:18.440 align:start position:0% this and let's try that so here in theme 00:26:18.440 --> 00:26:19.549 align:start position:0% this and let's try that so here in theme the 00:26:19.549 --> 00:26:19.559 align:start position:0% the 00:26:19.559 --> 00:26:22.470 align:start position:0% the liquid<00:26:20.559><c> let's</c><00:26:20.760><c> look</c><00:26:20.960><c> for</c><00:26:21.200><c> this</c><00:26:21.399><c> hello</c><00:26:21.760><c> world</c> 00:26:22.470 --> 00:26:22.480 align:start position:0% liquid let's look for this hello world 00:26:22.480 --> 00:26:25.830 align:start position:0% liquid let's look for this hello world let's<00:26:22.679><c> say</c><00:26:23.000><c> Hello</c><00:26:23.320><c> World</c><00:26:24.279><c> from</c> 00:26:25.830 --> 00:26:25.840 align:start position:0% let's say Hello World from 00:26:25.840 --> 00:26:33.590 align:start position:0% let's say Hello World from git<00:26:26.840><c> then</c><00:26:26.960><c> we</c><00:26:27.200><c> a</c><00:26:27.320><c> comment</c> 00:26:33.590 --> 00:26:33.600 align:start position:0% 00:26:33.600 --> 00:26:38.070 align:start position:0% let's<00:26:33.799><c> say</c><00:26:34.080><c> get</c><00:26:34.279><c> push</c><00:26:35.080><c> already</c> 00:26:38.070 --> 00:26:38.080 align:start position:0% 00:26:38.080 --> 00:26:44.070 align:start position:0% name<00:26:39.080><c> and</c><00:26:39.880><c> over</c><00:26:40.200><c> here</c><00:26:40.720><c> if</c><00:26:40.960><c> I</c><00:26:41.240><c> refresh</c> 00:26:44.070 --> 00:26:44.080 align:start position:0% 00:26:44.080 --> 00:26:47.789 align:start position:0% this<00:26:45.080><c> see</c><00:26:45.520><c> it</c><00:26:45.640><c> will</c><00:26:45.840><c> take</c><00:26:46.000><c> a</c><00:26:46.159><c> second</c> 00:26:47.789 --> 00:26:47.799 align:start position:0% this see it will take a second 00:26:47.799 --> 00:26:50.269 align:start position:0% this see it will take a second probably<00:26:48.799><c> okay</c><00:26:48.960><c> so</c><00:26:49.159><c> the</c><00:26:49.320><c> issue</c><00:26:49.640><c> was</c><00:26:49.919><c> that</c><00:26:50.080><c> I</c> 00:26:50.269 --> 00:26:50.279 align:start position:0% probably okay so the issue was that I 00:26:50.279 --> 00:26:53.990 align:start position:0% probably okay so the issue was that I had<00:26:50.960><c> this</c><00:26:51.360><c> D</c><00:26:51.840><c> preview</c><00:26:52.360><c> open</c><00:26:53.039><c> instead</c><00:26:53.440><c> of</c><00:26:53.679><c> the</c> 00:26:53.990 --> 00:26:54.000 align:start position:0% had this D preview open instead of the 00:26:54.000 --> 00:26:56.630 align:start position:0% had this D preview open instead of the preview<00:26:54.840><c> from</c><00:26:55.039><c> the</c><00:26:55.200><c> theme</c><00:26:55.520><c> that</c><00:26:55.640><c> I</c><00:26:55.799><c> have</c><00:26:55.960><c> seen</c> 00:26:56.630 --> 00:26:56.640 align:start position:0% preview from the theme that I have seen 00:26:56.640 --> 00:26:59.630 align:start position:0% preview from the theme that I have seen here<00:26:57.360><c> so</c><00:26:57.640><c> so</c><00:26:58.279><c> let</c><00:26:58.440><c> me</c><00:26:58.600><c> close</c> 00:26:59.630 --> 00:26:59.640 align:start position:0% here so so let me close 00:26:59.640 --> 00:27:02.830 align:start position:0% here so so let me close this<00:27:00.640><c> and</c><00:27:01.120><c> instead</c><00:27:02.120><c> let</c><00:27:02.279><c> me</c><00:27:02.440><c> open</c><00:27:02.679><c> this</c> 00:27:02.830 --> 00:27:02.840 align:start position:0% this and instead let me open this 00:27:02.840 --> 00:27:05.549 align:start position:0% this and instead let me open this preview<00:27:03.320><c> here</c><00:27:04.120><c> and</c><00:27:04.240><c> we</c><00:27:04.440><c> get</c><00:27:04.600><c> the</c><00:27:04.720><c> hello</c><00:27:05.039><c> from</c> 00:27:05.549 --> 00:27:05.559 align:start position:0% preview here and we get the hello from 00:27:05.559 --> 00:27:10.590 align:start position:0% preview here and we get the hello from git<00:27:06.640><c> so</c><00:27:07.640><c> now</c><00:27:08.320><c> let's</c><00:27:08.559><c> close</c><00:27:09.000><c> all</c><00:27:09.159><c> of</c><00:27:09.399><c> this</c><00:27:10.360><c> let's</c> 00:27:10.590 --> 00:27:10.600 align:start position:0% git so now let's close all of this let's 00:27:10.600 --> 00:27:13.350 align:start position:0% git so now let's close all of this let's go<00:27:10.760><c> to</c><00:27:10.919><c> the</c><00:27:11.039><c> local</c><00:27:11.360><c> theme</c><00:27:11.799><c> over</c> 00:27:13.350 --> 00:27:13.360 align:start position:0% go to the local theme over 00:27:13.360 --> 00:27:17.190 align:start position:0% go to the local theme over here<00:27:14.360><c> let's</c><00:27:14.559><c> change</c><00:27:14.960><c> this</c><00:27:15.399><c> for</c><00:27:15.760><c> two</c><00:27:16.360><c> just</c><00:27:16.559><c> to</c> 00:27:17.190 --> 00:27:17.200 align:start position:0% here let's change this for two just to 00:27:17.200 --> 00:27:26.510 align:start position:0% here let's change this for two just to check<00:27:17.480><c> how</c><00:27:17.679><c> quick</c><00:27:17.880><c> this</c> 00:27:26.510 --> 00:27:26.520 align:start position:0% 00:27:26.520 --> 00:27:29.549 align:start position:0% seems 00:27:29.549 --> 00:27:29.559 align:start position:0% 00:27:29.559 --> 00:27:33.110 align:start position:0% and<00:27:29.720><c> let's</c><00:27:30.000><c> push</c> 00:27:33.110 --> 00:27:33.120 align:start position:0% 00:27:33.120 --> 00:27:36.510 align:start position:0% it<00:27:34.120><c> and</c><00:27:34.360><c> now</c><00:27:34.919><c> let's</c> 00:27:36.510 --> 00:27:36.520 align:start position:0% it and now let's 00:27:36.520 --> 00:27:39.269 align:start position:0% it and now let's see<00:27:37.520><c> if</c><00:27:37.640><c> I</c><00:27:37.840><c> preview</c><00:27:38.320><c> this</c> 00:27:39.269 --> 00:27:39.279 align:start position:0% see if I preview this 00:27:39.279 --> 00:27:42.029 align:start position:0% see if I preview this here<00:27:40.279><c> we</c><00:27:40.480><c> have</c><00:27:40.720><c> hello</c><00:27:41.000><c> from</c><00:27:41.200><c> G2</c><00:27:41.679><c> so</c><00:27:41.799><c> you</c><00:27:41.919><c> can</c> 00:27:42.029 --> 00:27:42.039 align:start position:0% here we have hello from G2 so you can 00:27:42.039 --> 00:27:45.950 align:start position:0% here we have hello from G2 so you can see<00:27:42.240><c> that</c><00:27:42.360><c> the</c><00:27:42.480><c> sync</c><00:27:42.840><c> is</c><00:27:43.600><c> pretty</c><00:27:43.880><c> much</c> 00:27:45.950 --> 00:27:45.960 align:start position:0% see that the sync is pretty much 00:27:45.960 --> 00:27:48.990 align:start position:0% see that the sync is pretty much instantaneous<00:27:46.960><c> now</c><00:27:47.240><c> lastly</c><00:27:47.679><c> let's</c><00:27:47.960><c> try</c><00:27:48.279><c> again</c> 00:27:48.990 --> 00:27:49.000 align:start position:0% instantaneous now lastly let's try again 00:27:49.000 --> 00:27:51.630 align:start position:0% instantaneous now lastly let's try again the<00:27:49.880><c> content</c><00:27:50.320><c> conflict</c><00:27:50.760><c> issue</c><00:27:51.080><c> that</c><00:27:51.200><c> we</c><00:27:51.360><c> had</c> 00:27:51.630 --> 00:27:51.640 align:start position:0% the content conflict issue that we had 00:27:51.640 --> 00:27:53.310 align:start position:0% the content conflict issue that we had previously<00:27:52.399><c> now</c><00:27:52.640><c> that</c><00:27:52.760><c> we</c><00:27:52.880><c> have</c><00:27:53.080><c> get</c> 00:27:53.310 --> 00:27:53.320 align:start position:0% previously now that we have get 00:27:53.320 --> 00:27:55.509 align:start position:0% previously now that we have get integrated<00:27:53.919><c> here</c><00:27:54.640><c> this</c><00:27:54.760><c> should</c><00:27:55.039><c> give</c><00:27:55.200><c> us</c><00:27:55.360><c> a</c> 00:27:55.509 --> 00:27:55.519 align:start position:0% integrated here this should give us a 00:27:55.519 --> 00:27:57.950 align:start position:0% integrated here this should give us a merage<00:27:55.919><c> conflict</c><00:27:56.519><c> when</c><00:27:56.720><c> we</c><00:27:56.880><c> try</c><00:27:57.120><c> to</c><00:27:57.240><c> push</c><00:27:57.799><c> and</c> 00:27:57.950 --> 00:27:57.960 align:start position:0% merage conflict when we try to push and 00:27:57.960 --> 00:28:00.350 align:start position:0% merage conflict when we try to push and we<00:27:58.120><c> will</c><00:27:58.320><c> be</c><00:27:58.519><c> prompted</c><00:27:58.960><c> to</c><00:27:59.200><c> solve</c><00:27:59.559><c> it</c><00:27:59.760><c> locally</c> 00:28:00.350 --> 00:28:00.360 align:start position:0% we will be prompted to solve it locally 00:28:00.360 --> 00:28:02.990 align:start position:0% we will be prompted to solve it locally before<00:28:00.720><c> pushing</c><00:28:01.720><c> that</c><00:28:01.919><c> way</c><00:28:02.159><c> we</c><00:28:02.279><c> can</c><00:28:02.480><c> verify</c> 00:28:02.990 --> 00:28:03.000 align:start position:0% before pushing that way we can verify 00:28:03.000 --> 00:28:04.669 align:start position:0% before pushing that way we can verify that<00:28:03.159><c> the</c><00:28:03.279><c> content</c><00:28:03.640><c> we</c><00:28:03.720><c> are</c><00:28:03.919><c> pushing</c><00:28:04.480><c> is</c> 00:28:04.669 --> 00:28:04.679 align:start position:0% that the content we are pushing is 00:28:04.679 --> 00:28:08.070 align:start position:0% that the content we are pushing is indeed<00:28:05.000><c> the</c><00:28:05.120><c> content</c><00:28:05.640><c> we</c><00:28:05.880><c> expect</c><00:28:06.200><c> to</c><00:28:06.360><c> be</c><00:28:07.080><c> live</c> 00:28:08.070 --> 00:28:08.080 align:start position:0% indeed the content we expect to be live 00:28:08.080 --> 00:28:12.470 align:start position:0% indeed the content we expect to be live so<00:28:08.519><c> first</c><00:28:09.360><c> let's</c><00:28:09.600><c> go</c><00:28:09.799><c> over</c><00:28:10.120><c> here</c><00:28:10.600><c> and</c><00:28:10.760><c> in</c> 00:28:12.470 --> 00:28:12.480 align:start position:0% so first let's go over here and in 00:28:12.480 --> 00:28:17.870 align:start position:0% so first let's go over here and in customize<00:28:13.480><c> let</c><00:28:13.600><c> me</c><00:28:13.720><c> change</c><00:28:14.120><c> this</c><00:28:14.360><c> text</c><00:28:15.200><c> for</c> 00:28:17.870 --> 00:28:17.880 align:start position:0% customize let me change this text for 00:28:17.880 --> 00:28:22.350 align:start position:0% customize let me change this text for live<00:28:18.880><c> I'm</c><00:28:19.039><c> going</c><00:28:19.159><c> to</c><00:28:19.320><c> click</c><00:28:19.480><c> on</c><00:28:19.640><c> Save</c> 00:28:22.350 --> 00:28:22.360 align:start position:0% 00:28:22.360 --> 00:28:25.870 align:start position:0% here<00:28:23.360><c> and</c><00:28:24.200><c> meanwhile</c><00:28:24.720><c> over</c><00:28:25.000><c> here</c><00:28:25.559><c> I'm</c><00:28:25.679><c> going</c> 00:28:25.870 --> 00:28:25.880 align:start position:0% here and meanwhile over here I'm going 00:28:25.880 --> 00:28:33.549 align:start position:0% here and meanwhile over here I'm going to<00:28:26.000><c> open</c><00:28:26.200><c> the</c><00:28:26.320><c> theme</c><00:28:26.559><c> editor</c> 00:28:33.549 --> 00:28:33.559 align:start position:0% 00:28:33.559 --> 00:28:35.750 align:start position:0% and<00:28:33.799><c> this</c><00:28:34.000><c> local</c><00:28:34.360><c> text</c><00:28:34.880><c> I'm</c><00:28:35.000><c> going</c><00:28:35.159><c> to</c><00:28:35.360><c> change</c> 00:28:35.750 --> 00:28:35.760 align:start position:0% and this local text I'm going to change 00:28:35.760 --> 00:28:39.110 align:start position:0% and this local text I'm going to change I'm<00:28:35.919><c> just</c><00:28:36.159><c> going</c><00:28:36.360><c> to</c><00:28:36.519><c> add</c><00:28:36.679><c> a</c><00:28:36.799><c> two</c> 00:28:39.110 --> 00:28:39.120 align:start position:0% I'm just going to add a two 00:28:39.120 --> 00:28:44.190 align:start position:0% I'm just going to add a two here<00:28:40.120><c> now</c><00:28:40.399><c> if</c><00:28:40.519><c> I</c><00:28:40.640><c> go</c><00:28:40.799><c> to</c><00:28:41.039><c> get</c><00:28:41.480><c> and</c><00:28:41.600><c> I</c><00:28:41.760><c> refresh</c> 00:28:44.190 --> 00:28:44.200 align:start position:0% here now if I go to get and I refresh 00:28:44.200 --> 00:28:48.029 align:start position:0% here now if I go to get and I refresh this<00:28:45.200><c> I</c><00:28:45.320><c> can</c><00:28:45.480><c> see</c><00:28:45.799><c> here</c><00:28:46.600><c> that</c><00:28:47.159><c> Shopify</c><00:28:47.720><c> made</c><00:28:47.880><c> an</c> 00:28:48.029 --> 00:28:48.039 align:start position:0% this I can see here that Shopify made an 00:28:48.039 --> 00:28:51.070 align:start position:0% this I can see here that Shopify made an update<00:28:48.760><c> and</c><00:28:48.960><c> this</c><00:28:49.159><c> update</c><00:28:50.039><c> changes</c><00:28:50.519><c> local</c> 00:28:51.070 --> 00:28:51.080 align:start position:0% update and this update changes local 00:28:51.080 --> 00:28:52.549 align:start position:0% update and this update changes local with<00:28:51.279><c> life</c><00:28:51.640><c> which</c><00:28:51.760><c> is</c><00:28:51.880><c> the</c><00:28:52.039><c> change</c><00:28:52.320><c> that</c><00:28:52.440><c> I</c> 00:28:52.549 --> 00:28:52.559 align:start position:0% with life which is the change that I 00:28:52.559 --> 00:28:55.750 align:start position:0% with life which is the change that I made<00:28:52.880><c> in</c><00:28:53.000><c> the</c><00:28:53.159><c> theme</c><00:28:53.399><c> editor</c><00:28:54.399><c> so</c><00:28:55.399><c> what</c><00:28:55.600><c> this</c> 00:28:55.750 --> 00:28:55.760 align:start position:0% made in the theme editor so what this 00:28:55.760 --> 00:28:58.470 align:start position:0% made in the theme editor so what this means<00:28:56.120><c> is</c><00:28:56.320><c> that</c><00:28:56.679><c> any</c><00:28:56.960><c> change</c><00:28:57.760><c> that</c><00:28:58.000><c> a</c><00:28:58.159><c> Content</c> 00:28:58.470 --> 00:28:58.480 align:start position:0% means is that any change that a Content 00:28:58.480 --> 00:29:01.630 align:start position:0% means is that any change that a Content editor<00:28:58.880><c> makes</c><00:28:59.440><c> from</c><00:28:59.919><c> over</c><00:29:00.240><c> here</c><00:29:01.240><c> will</c><00:29:01.480><c> get</c> 00:29:01.630 --> 00:29:01.640 align:start position:0% editor makes from over here will get 00:29:01.640 --> 00:29:04.630 align:start position:0% editor makes from over here will get synced<00:29:02.159><c> in</c><00:29:02.320><c> this</c><00:29:02.559><c> git</c><00:29:03.080><c> repo</c><00:29:04.080><c> even</c><00:29:04.320><c> if</c><00:29:04.519><c> they</c> 00:29:04.630 --> 00:29:04.640 align:start position:0% synced in this git repo even if they 00:29:04.640 --> 00:29:06.549 align:start position:0% synced in this git repo even if they don't<00:29:04.840><c> know</c><00:29:05.080><c> how</c><00:29:05.240><c> to</c><00:29:05.519><c> to</c><00:29:05.720><c> accom</c><00:29:06.240><c> themselves</c> 00:29:06.549 --> 00:29:06.559 align:start position:0% don't know how to to accom themselves 00:29:06.559 --> 00:29:09.669 align:start position:0% don't know how to to accom themselves Shopify<00:29:07.080><c> will</c><00:29:07.240><c> take</c><00:29:07.440><c> care</c><00:29:07.600><c> of</c><00:29:07.799><c> that</c><00:29:08.799><c> that</c> 00:29:09.669 --> 00:29:09.679 align:start position:0% Shopify will take care of that that 00:29:09.679 --> 00:29:12.230 align:start position:0% Shopify will take care of that that way<00:29:10.679><c> when</c><00:29:10.880><c> we</c><00:29:11.000><c> are</c><00:29:11.159><c> trying</c><00:29:11.399><c> to</c><00:29:11.559><c> push</c><00:29:11.880><c> something</c> 00:29:12.230 --> 00:29:12.240 align:start position:0% way when we are trying to push something 00:29:12.240 --> 00:29:14.269 align:start position:0% way when we are trying to push something that<00:29:12.399><c> will</c><00:29:12.640><c> override</c><00:29:13.360><c> something</c><00:29:13.720><c> that</c><00:29:14.080><c> they</c> 00:29:14.269 --> 00:29:14.279 align:start position:0% that will override something that they 00:29:14.279 --> 00:29:17.669 align:start position:0% that will override something that they had<00:29:14.519><c> pushed</c><00:29:14.960><c> there</c><00:29:15.919><c> we</c><00:29:16.080><c> will</c><00:29:16.880><c> be</c><00:29:17.240><c> prevented</c> 00:29:17.669 --> 00:29:17.679 align:start position:0% had pushed there we will be prevented 00:29:17.679 --> 00:29:22.230 align:start position:0% had pushed there we will be prevented from<00:29:17.880><c> doing</c><00:29:18.159><c> that</c><00:29:18.679><c> by</c><00:29:19.120><c> G</c><00:29:19.600><c> so</c><00:29:20.159><c> let's</c><00:29:20.480><c> first</c><00:29:20.840><c> do</c> 00:29:22.230 --> 00:29:22.240 align:start position:0% from doing that by G so let's first do 00:29:22.240 --> 00:29:24.350 align:start position:0% from doing that by G so let's first do Shopify<00:29:23.240><c> can</c> 00:29:24.350 --> 00:29:24.360 align:start position:0% Shopify can 00:29:24.360 --> 00:29:27.990 align:start position:0% Shopify can pull<00:29:25.440><c> to</c><00:29:26.440><c> pull</c><00:29:26.720><c> the</c><00:29:26.840><c> development</c><00:29:27.399><c> changes</c> 00:29:27.990 --> 00:29:28.000 align:start position:0% pull to pull the development changes 00:29:28.000 --> 00:29:34.029 align:start position:0% pull to pull the development changes that<00:29:28.159><c> we</c><00:29:28.279><c> just</c><00:29:28.440><c> made</c><00:29:28.720><c> in</c><00:29:29.080><c> the</c><00:29:30.080><c> local</c><00:29:30.799><c> online</c> 00:29:34.029 --> 00:29:34.039 align:start position:0% 00:29:34.039 --> 00:29:36.190 align:start position:0% editor<00:29:35.039><c> we</c><00:29:35.200><c> have</c><00:29:35.399><c> over</c> 00:29:36.190 --> 00:29:36.200 align:start position:0% editor we have over 00:29:36.200 --> 00:29:39.509 align:start position:0% editor we have over here<00:29:37.200><c> this</c><00:29:37.440><c> local</c><00:29:37.760><c> to</c><00:29:37.960><c> change</c><00:29:38.519><c> and</c><00:29:38.679><c> now</c><00:29:39.200><c> if</c><00:29:39.320><c> I</c> 00:29:39.509 --> 00:29:39.519 align:start position:0% here this local to change and now if I 00:29:39.519 --> 00:29:40.870 align:start position:0% here this local to change and now if I do 00:29:40.870 --> 00:29:40.880 align:start position:0% do 00:29:40.880 --> 00:29:43.430 align:start position:0% do this<00:29:41.880><c> do</c><00:29:42.120><c> I</c> 00:29:43.430 --> 00:29:43.440 align:start position:0% this do I 00:29:43.440 --> 00:29:45.669 align:start position:0% this do I comit<00:29:44.440><c> local</c> 00:29:45.669 --> 00:29:45.679 align:start position:0% comit local 00:29:45.679 --> 00:29:50.190 align:start position:0% comit local two<00:29:46.679><c> and</c><00:29:46.880><c> try</c><00:29:47.120><c> to</c><00:29:47.279><c> push</c> 00:29:50.190 --> 00:29:50.200 align:start position:0% 00:29:50.200 --> 00:29:52.710 align:start position:0% this<00:29:51.200><c> I'll</c><00:29:51.440><c> say</c><00:29:51.679><c> that</c><00:29:51.840><c> there</c><00:29:51.960><c> is</c><00:29:52.080><c> a</c><00:29:52.240><c> conflict</c> 00:29:52.710 --> 00:29:52.720 align:start position:0% this I'll say that there is a conflict 00:29:52.720 --> 00:29:56.470 align:start position:0% this I'll say that there is a conflict here<00:29:53.559><c> so</c><00:29:53.760><c> what</c><00:29:53.840><c> I'll</c><00:29:54.039><c> do</c><00:29:54.600><c> that</c><00:29:54.720><c> I'll</c><00:29:54.919><c> say</c><00:29:55.480><c> a</c> 00:29:56.470 --> 00:29:56.480 align:start position:0% here so what I'll do that I'll say a 00:29:56.480 --> 00:29:58.430 align:start position:0% here so what I'll do that I'll say a oring 00:29:58.430 --> 00:29:58.440 align:start position:0% oring 00:29:58.440 --> 00:30:02.110 align:start position:0% oring Main<00:29:59.440><c> and</c><00:29:59.600><c> I'll</c><00:29:59.840><c> say</c><00:30:00.120><c> G</c> 00:30:02.110 --> 00:30:02.120 align:start position:0% Main and I'll say G 00:30:02.120 --> 00:30:05.110 align:start position:0% Main and I'll say G merch<00:30:03.120><c> and</c><00:30:03.399><c> here</c><00:30:04.000><c> I'm</c><00:30:04.200><c> prompted</c><00:30:04.679><c> to</c><00:30:04.799><c> solve</c> 00:30:05.110 --> 00:30:05.120 align:start position:0% merch and here I'm prompted to solve 00:30:05.120 --> 00:30:08.269 align:start position:0% merch and here I'm prompted to solve this<00:30:05.360><c> conflict</c><00:30:06.360><c> let's</c><00:30:06.600><c> say</c><00:30:06.919><c> that</c><00:30:07.080><c> I</c><00:30:07.240><c> want</c> 00:30:08.269 --> 00:30:08.279 align:start position:0% this conflict let's say that I want 00:30:08.279 --> 00:30:11.549 align:start position:0% this conflict let's say that I want to<00:30:09.279><c> keep</c><00:30:09.679><c> the</c><00:30:09.960><c> local</c><00:30:10.279><c> two</c><00:30:10.559><c> changes</c><00:30:11.240><c> here</c> 00:30:11.549 --> 00:30:11.559 align:start position:0% to keep the local two changes here 00:30:11.559 --> 00:30:13.950 align:start position:0% to keep the local two changes here because<00:30:12.559><c> from</c><00:30:12.760><c> my</c><00:30:13.159><c> understanding</c><00:30:13.640><c> these</c><00:30:13.760><c> are</c> 00:30:13.950 --> 00:30:13.960 align:start position:0% because from my understanding these are 00:30:13.960 --> 00:30:16.669 align:start position:0% because from my understanding these are the<00:30:14.080><c> changes</c><00:30:14.440><c> that</c><00:30:14.559><c> should</c><00:30:14.880><c> appear</c><00:30:15.760><c> in</c><00:30:16.000><c> prop</c> 00:30:16.669 --> 00:30:16.679 align:start position:0% the changes that should appear in prop 00:30:16.679 --> 00:30:20.509 align:start position:0% the changes that should appear in prop so<00:30:17.279><c> I'm</c><00:30:17.440><c> going</c><00:30:17.600><c> to</c><00:30:17.760><c> say</c><00:30:18.000><c> accept</c><00:30:18.320><c> current</c> 00:30:20.509 --> 00:30:20.519 align:start position:0% so I'm going to say accept current 00:30:20.519 --> 00:30:23.230 align:start position:0% so I'm going to say accept current changes<00:30:21.519><c> going</c> 00:30:23.230 --> 00:30:23.240 align:start position:0% changes going 00:30:23.240 --> 00:30:26.230 align:start position:0% changes going to<00:30:24.240><c> com</c> 00:30:26.230 --> 00:30:26.240 align:start position:0% to com 00:30:26.240 --> 00:30:31.950 align:start position:0% to com this<00:30:27.640><c> and</c><00:30:27.760><c> I'm</c><00:30:27.919><c> going</c><00:30:28.159><c> to</c> 00:30:31.950 --> 00:30:31.960 align:start position:0% 00:30:31.960 --> 00:30:35.909 align:start position:0% push<00:30:32.960><c> now</c><00:30:33.240><c> this</c><00:30:33.399><c> should</c><00:30:33.640><c> appear</c><00:30:33.880><c> here</c><00:30:34.039><c> in</c> 00:30:35.909 --> 00:30:35.919 align:start position:0% push now this should appear here in 00:30:35.919 --> 00:30:39.110 align:start position:0% push now this should appear here in it<00:30:36.919><c> and</c><00:30:37.120><c> if</c><00:30:37.279><c> I</c><00:30:37.480><c> go</c><00:30:37.720><c> to</c><00:30:37.919><c> my</c><00:30:38.080><c> store</c> 00:30:39.110 --> 00:30:39.120 align:start position:0% it and if I go to my store 00:30:39.120 --> 00:30:47.549 align:start position:0% it and if I go to my store here<00:30:40.120><c> and</c><00:30:40.279><c> if</c><00:30:40.399><c> I</c><00:30:40.919><c> refresh</c><00:30:41.919><c> I</c><00:30:42.080><c> still</c><00:30:42.360><c> see</c><00:30:42.640><c> live</c> 00:30:47.549 --> 00:30:47.559 align:start position:0% 00:30:47.559 --> 00:30:50.190 align:start position:0% here<00:30:48.559><c> right</c><00:30:48.760><c> then</c><00:30:48.919><c> the</c><00:30:49.080><c> issue</c><00:30:49.360><c> is</c><00:30:49.559><c> because</c> 00:30:50.190 --> 00:30:50.200 align:start position:0% here right then the issue is because 00:30:50.200 --> 00:30:53.909 align:start position:0% here right then the issue is because this<00:30:50.760><c> Json</c><00:30:51.200><c> is</c><00:30:51.440><c> malformed</c><00:30:52.440><c> so</c><00:30:52.640><c> I</c><00:30:52.799><c> have</c><00:30:52.960><c> to</c><00:30:53.440><c> S</c> 00:30:53.909 --> 00:30:53.919 align:start position:0% this Json is malformed so I have to S 00:30:53.919 --> 00:30:56.230 align:start position:0% this Json is malformed so I have to S this<00:30:54.080><c> over</c><00:30:54.360><c> here</c><00:30:55.159><c> let's</c><00:30:55.360><c> say</c> 00:30:56.230 --> 00:30:56.240 align:start position:0% this over here let's say 00:30:56.240 --> 00:31:05.310 align:start position:0% this over here let's say sanges 00:31:05.310 --> 00:31:05.320 align:start position:0% 00:31:05.320 --> 00:31:07.509 align:start position:0% if<00:31:05.440><c> a</c><00:31:05.600><c> Json</c><00:31:06.000><c> is</c><00:31:06.159><c> not</c><00:31:06.480><c> correctly</c><00:31:06.880><c> formatted</c> 00:31:07.509 --> 00:31:07.519 align:start position:0% if a Json is not correctly formatted 00:31:07.519 --> 00:31:09.750 align:start position:0% if a Json is not correctly formatted Shopify<00:31:08.080><c> will</c><00:31:08.240><c> simply</c><00:31:08.559><c> ignore</c><00:31:08.880><c> it</c><00:31:09.159><c> so</c><00:31:09.519><c> let's</c> 00:31:09.750 --> 00:31:09.760 align:start position:0% Shopify will simply ignore it so let's 00:31:09.760 --> 00:31:15.430 align:start position:0% Shopify will simply ignore it so let's push 00:31:15.430 --> 00:31:15.440 align:start position:0% 00:31:15.440 --> 00:31:19.230 align:start position:0% again<00:31:16.440><c> and</c><00:31:16.600><c> if</c><00:31:16.720><c> I</c><00:31:16.919><c> refresh</c><00:31:17.360><c> this</c><00:31:18.360><c> now</c><00:31:18.559><c> I</c><00:31:18.679><c> see</c> 00:31:19.230 --> 00:31:19.240 align:start position:0% again and if I refresh this now I see 00:31:19.240 --> 00:31:20.789 align:start position:0% again and if I refresh this now I see local<00:31:19.639><c> to</c> 00:31:20.789 --> 00:31:20.799 align:start position:0% local to 00:31:20.799 --> 00:31:22.870 align:start position:0% local to here<00:31:21.799><c> and</c><00:31:22.000><c> there</c><00:31:22.080><c> you</c><00:31:22.240><c> have</c><00:31:22.360><c> it</c><00:31:22.559><c> this</c><00:31:22.679><c> is</c><00:31:22.760><c> how</c> 00:31:22.870 --> 00:31:22.880 align:start position:0% here and there you have it this is how 00:31:22.880 --> 00:31:24.830 align:start position:0% here and there you have it this is how you<00:31:23.000><c> set</c><00:31:23.159><c> up</c><00:31:23.279><c> a</c><00:31:23.399><c> local</c><00:31:23.720><c> theme</c><00:31:24.279><c> development</c> 00:31:24.830 --> 00:31:24.840 align:start position:0% you set up a local theme development 00:31:24.840 --> 00:31:26.909 align:start position:0% you set up a local theme development environment<00:31:25.320><c> for</c><00:31:25.480><c> Shopify</c><00:31:26.480><c> remember</c><00:31:26.799><c> to</c> 00:31:26.909 --> 00:31:26.919 align:start position:0% environment for Shopify remember to 00:31:26.919 --> 00:31:29.029 align:start position:0% environment for Shopify remember to check<00:31:27.320><c> out</c><00:31:27.519><c> the</c><00:31:27.799><c> description</c><00:31:28.519><c> as</c><00:31:28.720><c> I'll</c><00:31:28.880><c> be</c> 00:31:29.029 --> 00:31:29.039 align:start position:0% check out the description as I'll be 00:31:29.039 --> 00:31:31.149 align:start position:0% check out the description as I'll be posting<00:31:29.799><c> there</c><00:31:30.120><c> the</c><00:31:30.240><c> links</c><00:31:30.480><c> to</c><00:31:30.639><c> the</c><00:31:30.799><c> relevant</c> 00:31:31.149 --> 00:31:31.159 align:start position:0% posting there the links to the relevant 00:31:31.159 --> 00:31:32.990 align:start position:0% posting there the links to the relevant documentation<00:31:31.799><c> that</c><00:31:31.919><c> we</c><00:31:32.080><c> covered</c><00:31:32.440><c> in</c><00:31:32.600><c> this</c> 00:31:32.990 --> 00:31:33.000 align:start position:0% documentation that we covered in this 00:31:33.000 --> 00:31:36.470 align:start position:0% documentation that we covered in this video<00:31:34.000><c> and</c><00:31:34.360><c> also</c><00:31:35.279><c> like</c><00:31:35.440><c> And</c><00:31:35.600><c> subscribe</c><00:31:36.200><c> if</c><00:31:36.320><c> you</c> 00:31:36.470 --> 00:31:36.480 align:start position:0% video and also like And subscribe if you 00:31:36.480 --> 00:31:38.310 align:start position:0% video and also like And subscribe if you found<00:31:36.799><c> this</c><00:31:36.960><c> video</c><00:31:37.320><c> helpful</c><00:31:37.840><c> I'll</c><00:31:38.000><c> be</c> 00:31:38.310 --> 00:31:38.320 align:start position:0% found this video helpful I'll be 00:31:38.320 --> 00:31:40.430 align:start position:0% found this video helpful I'll be uploading<00:31:38.720><c> more</c><00:31:38.880><c> Shopify</c><00:31:39.320><c> related</c><00:31:39.720><c> content</c> 00:31:40.430 --> 00:31:40.440 align:start position:0% uploading more Shopify related content 00:31:40.440 --> 00:31:42.310 align:start position:0% uploading more Shopify related content and<00:31:40.600><c> as</c><00:31:40.679><c> a</c><00:31:40.799><c> matter</c><00:31:40.960><c> of</c><00:31:41.120><c> fact</c><00:31:41.320><c> the</c><00:31:41.519><c> next</c><00:31:41.799><c> video</c> 00:31:42.310 --> 00:31:42.320 align:start position:0% and as a matter of fact the next video 00:31:42.320 --> 00:31:45.310 align:start position:0% and as a matter of fact the next video in<00:31:42.840><c> this</c><00:31:43.840><c> series</c><00:31:44.159><c> of</c><00:31:44.320><c> tutorials</c><00:31:44.840><c> will</c><00:31:45.080><c> be</c> 00:31:45.310 --> 00:31:45.320 align:start position:0% in this series of tutorials will be 00:31:45.320 --> 00:31:47.310 align:start position:0% in this series of tutorials will be about<00:31:45.720><c> how</c><00:31:45.840><c> to</c><00:31:46.000><c> use</c><00:31:46.240><c> Liquid</c><00:31:46.799><c> what</c><00:31:46.919><c> are</c><00:31:47.039><c> some</c><00:31:47.200><c> of</c> 00:31:47.310 --> 00:31:47.320 align:start position:0% about how to use Liquid what are some of 00:31:47.320 --> 00:31:49.629 align:start position:0% about how to use Liquid what are some of its<00:31:47.600><c> features</c><00:31:48.600><c> what</c><00:31:48.720><c> are</c><00:31:48.880><c> some</c><00:31:49.080><c> of</c><00:31:49.399><c> its</c> 00:31:49.629 --> 00:31:49.639 align:start position:0% its features what are some of its 00:31:49.639 --> 00:31:51.750 align:start position:0% its features what are some of its limitations<00:31:50.639><c> and</c><00:31:50.880><c> how</c><00:31:51.039><c> we</c><00:31:51.200><c> can</c><00:31:51.360><c> do</c><00:31:51.519><c> some</c><00:31:51.639><c> of</c> 00:31:51.750 --> 00:31:51.760 align:start position:0% limitations and how we can do some of 00:31:51.760 --> 00:31:54.669 align:start position:0% limitations and how we can do some of the<00:31:51.840><c> most</c><00:31:52.080><c> Comm</c><00:31:52.480><c> things</c><00:31:52.799><c> with</c><00:31:53.200><c> it</c><00:31:54.200><c> so</c><00:31:54.519><c> that's</c> 00:31:54.669 --> 00:31:54.679 align:start position:0% the most Comm things with it so that's 00:31:54.679 --> 00:31:56.070 align:start position:0% the most Comm things with it so that's it<00:31:54.799><c> for</c><00:31:54.960><c> this</c><00:31:55.120><c> video</c><00:31:55.320><c> and</c><00:31:55.440><c> I'll</c><00:31:55.559><c> see</c><00:31:55.720><c> you</c><00:31:55.880><c> all</c> 00:31:56.070 --> 00:31:56.080 align:start position:0% it for this video and I'll see you all 00:31:56.080 --> 00:31:59.159 align:start position:0% it for this video and I'll see you all in<00:31:56.159><c> the</c><00:31:56.320><c> next</c><00:31:56.480><c> one</c><00:31:56.840><c> bye</c>