The Best Shopify Theme In 2022 (Industry experts have voted)
which one is the best shopify theme in,2022,together with our good friends at,storetasker we wanted to find out,exactly that so over the last week we,interviewed various experts developers,agency owners from our network and from,storetasker's awesome freelancing,platform link in the description,and to our surprise we actually found,out way more than we expected so if you,listen to this you will not only,discover which one was the most upvoted,theme but you will also learn what makes,a theme great from a merchant's,perspective like what to pay attention,to when picking a good theme and you,will also learn what makes other,developers want to use your theme which,is a very interesting angle if you want,to build themes yourself and then,potentially sell them on the theme store,so here's what we discovered,all right patrick i'm super excited that,you're here today and yeah i actually,can't believe that we didn't do this,earlier um so would you like to,introduce yourself really quick,thank you jan for the invite um yeah my,name is patrick i'm the founder of the,agency eshop guide we are the fastest,growing agency in germany uh 2 million,in revenue 35 people,it's crazy people and we love shopify,and i'm happy to talk about the themes,that's awesome um okay maybe before we,get there would you also like to share,one or two sentences about the clients,that you typically work with this is,like smaller businesses larger,businesses yeah just,uh yes so we usually work with,existing businesses that,migrate to shopify,on woocommerce shopper or whatever,or with businesses who come,traditionally from a b2b space um and,who are dipping their toes into the d2c,world and just need their first job,rarely we work with real real startups,because that's usually,for them it doesn't make sense to work,with a with an established agency,because of the pricing,okay that's great and yeah as you know,today we wanted to talk about themes um,so you also do quite a few store setups,per month um so the question would be do,you guys have a favorite theme,yes um,so there are trends uh it's it's,actually quite quite funny uh from turbo,to prestige but now our favorite theme,is impulse um from archetype,um,the the story behind archetype is that,uh people who used to work for shopify,actually and um they really built the,themes,that you want them to build they they're,just awesome and they have good support,they've um they're,rather um fast in terms of performance,the themes they have a lot of um,features and they're usually,like right on top of the technological,curve what's possible with the themes,however at the moment because you you're,probably aware of that uh shopify 2.0,came out and with that um,shopify released a new standard theme,don,which really breaks records in terms of,performance and speed,and we don't see those numbers yet with,the um,paid themes,also not with imports,okay so yeah let me just wrap this up so,okay so you basically have,two favorite themes let's say impul
Let's move on to the first section of Lucid Framework theme shopify
How to update your Shopify theme without losing customizations
How to update your Shopify theme without losing customizations
Hey everyone.,Thomas here from Archetype Themes, here
to talk to you today about upgrading,your theme to the latest version.,Now, there comes a time in every
merchant's journey after they've,bought our, one of our themes after
they've set it up, it's running, it's,making sales and you let it run for
three months, six months a year and,eventually you'll need to upgrade.,That reason for upgrading
could be one of many.,Maybe there's a new feature that's in
one of our latest versions that you,wanna take advantage of; a new section.,Maybe there is an app that you're
trying to integrate with that works,best with the latest version of our
theme, or maybe there's a bug that,was introduced for one of many reasons
that is fixed in the latest version.,One of the things that you get when
you purchase one of our themes is,access to the latest versions for
the entire life of that product.,Actually getting that theme installed
is another process in itself.,And it will vary depending on the number
of customizations that you've made and,how complex those customizations are.,We recommend that you upgrade
your theme at least once a year,,especially before any big sales season
like black Friday, summer Monday.,Now, when it comes to upgrading,
you have three options available to,you: manually updating, the theme
updater app, or hiring a professional.,So without further ado, let's get
started exploring our first option,,manually updating your theme.,The process of manually updating
your theme involves copying and,pasting configuration files from
the old version to the new version.,In addition to these configuration
files, you might also need to be copying,customizations that were done to the
previous version, such as styling tweaks,done by a developer or modifications made
by an app when it was installed, so that,it integrates properly with your theme.,It's really dependent on your particular
situation and the setup that you have,achieved with your previous theme.,Let's take a look at how we
go about copying configuration,files from one theme to another.,So here we have our store, as you
can see, we, our published theme,has expands version 2.4 installed.,And below here we have expands 3.1
installed as an unpublished theme.,Now you can see if we were to
preview this new version of expands.,It doesn't look at all
like our published theme.,These are the default styles
that are provided with expand.,So to get started, let's go to
our online code editor, edit code,,and let's start with the global
configuration file settings.data.,So, what we're gonna do first is
select all which is command or control,a and then copy command C control C.,Next you're gonna go back to the
previous screen, where we saw both of,our themes and go to the code editor
for the new version of the theme.,Scroll down to the same
file settings.data.,Select all command a control, a and
pace command V control control B,,and finally, we're gonna hit safe.,So let's take a look at how things
look so far by h
After seeing the first section, I believe you have a general understanding of Lucid Framework theme shopify
Continue the next second section about Lucid Framework theme shopify
An Overview of Liquid: Shopify's Templating Language
An Overview of Liquid: Shopify's Templating Language
hi this is clear from Shopify in this,presentation we're going to focus on,liquid if you're new to the Shopify,platform you might be wondering what,exactly liquid is well in actual fact,it's the template language that is used,to create Shopify themes it has a lot of,similarities to traditional web centric,programming languages such as PHP and,Ruby and in this presentation we will,have a look at the main features of it,and how they relate to the Shopify,platform,let's begin by actually asking what is,liquid well in its simplest form it's a,template language used in Shopify themes,I like to call it a language other,people might call it a syntax or an,engine there's various terms but to me I,think language is probably the most,applicable in as much as it has common,constructs that you'll be familiar with,if you have done any sort of programming,things such as if-then-else statements,or logic or filters and loops and things,like that so if you've done PHP or Ruby,as I said earlier then you will probably,familiar with a lot of the concepts and,find the syntax very very easy to pick,up what liquid actually does for us it,creates a bridge between our template,files and a datastore now in our case,the datastore is actually a Shopify,store and it allows us to have,constructs within our files that will,then when compiled on the Shopify,platform will be replaced with data from,a particular store and the search this,allows our themes to be agnostic and,reusable whether that's the whole theme,or a chunk of code as the templates,themselves and liquid in effect doesn't,have any concept of the actual data that,it's pulling in for example it doesn't,need to know the name of your store it,doesn't need to know what products are,in your store all it needs to know is,that if a product has been requested it,will go off and grab that data relevant,to the store that that particular theme,has been applied to this also means that,when you come up with a really,functional piece of liquid code you can,use that over and over again in all,future projects so let's have a quick,look at how liquid at,works let's say that someone is,requesting the URL of your Shopify store,Shopify platform then needs to work out,which store is being requested from that,URL and once it's done that it will go,off and hunt out the actual theme now it,will hunt out the active theme directory,obviously if you have a Shopify store,you can have multiple themes within that,store but you can only have one active,one so it will go and grab the,particular theme directory and then also,work out which template file is being,requested so for example is it a,collection page is it the home page is,it a product page once it's done that it,will work through the template it will,find out if there are any liquid,placeholders in there with a baby output,and logic both of which we'll look at,shortly and they will go off and grab,the data that's being requested for the,particular store from the Shopify,platform now wha
After seeing the second section, I believe you have a general understanding of Lucid Framework theme shopify
Continue the next third section about Lucid Framework theme shopify
The State of Shopify Theme Development
The State of Shopify Theme Development
and the this session for the next uh 25,minutes or so we'll be talking about the,state of Shopify theme development so,looking at different workflows which are,available for theme developers uh recent,features which have been released for,themes and our vision as well for the,future,so just just a quick introduction on,myself my name is Liam I'm a developer,Advocate at Shopify I've been with,Shopify for about seven years now so in,that time I've been creating a lot of,content for developers looking to learn,how to build on top of Shopify I've been,creating a lot of YouTube videos blog,posts and of course being able to be,here this is my first time visiting,Australia so it's extremely exciting for,me and yeah,it's yeah amazing connecting with our,developer community so yeah over the,next two days please do grab me for a,chat would love to to connect,so for this session this is going to be,the plan for our journey first we're,going to look at where we are right now,then we're going to look at where we are,going and finally we're going to look at,how we will get there and then we should,have some time for a q a towards the end,so to answer the question where are we,right now we need to take a slight step,back into the past back to Summer of,2021 and Shopify unite which was a,milestone event for team developers we,had the launch of online store 2.0 which,enabled sections on all pages we had,meta Fields natively launched for,themes which allowed us to have much,more flexibility and personalization on,different pages we saw the relationship,of apps and themes become much more,closely combined with Team app,extensions we had of course our vision,for custom storefronts for hydrogen and,last but not least we also had the,reopening of the theme store after the,Hiatus for a while,and in the months since then we've been,able to progressively enhance many of,these features so we've,improved with the limitations that we,had on sections and blocks by making,more sections more blocks available on,pages we have more Dynamic sections,available on more pages for enhancing,meta fields we also made the developer,experience of working with Team app,extensions much much better as well so,all this to say is themes are much more,powerful more adaptable and more,valuable to Merchants than ever before,so just to look more generally at the,ecosystem in general we see you know,quite strong and steady growth we're,seeing millions of merchants are looking,to improve their store looking to,customize their online experience and,their buying experience for their,customers we firmly believe there's a,great opportunity here for developers,looking to enter this space,if we look across to the App Store in,particular last year we saw that 400,million was paid out to our app,developers just increase of over 80,percent from the previous year and of,course we reduced our Revenue share so,Merchants who earn up to their first,million dollars don't need to pay,Shopify any Revenue share and
After seeing the third section, I believe you have a general understanding of Lucid Framework theme shopify
Continue the next fourth section about Lucid Framework theme shopify
okay so welcome back to alpha web design,in this video i want to talk about theme,app extensions and why it's very useful,for you to use them and why shopify,actually requires you to use,theme app extensions if you want to get,your app installed and if your app uses,script tags so without further ado let's,jump right in alright so the first thing,that i want to show you is this email,that i got from,shopify,that i received once i submitted my app,to their app store and once you submit,an app you your app will get reviewed,and then,you will get this email from them with,all of those steps that you have to,improve within your app so it's a very,long list that i got here and i will,show the app to you just in a second but,i want to point your attention to,this point right here,um where they say my app is currently,using script tag api and that i will,have to update my app to theme app,extensions um to ensure compatibility,with the online store 2.0 themes and,so this means that if your app uses,script tags,then,if your app only uses script tags then,your app will not get submitted right it,will not get accepted so you will have,to use those theme app extensions,and uh so this means that it's a pretty,big deal and you have to use it but it's,really not quite um easy to install,theme app extensions i definitely had a,hard time using them and but i just want,to give you an overview of what they are,um,how they how they work a little bit and,yeah so that's the,purpose that's the purpose of this video,all right so,let me just go over here that is the app,that i try to submit which is very very,easy it's just you know it's just an app,that would animate uh the byte now,button and uh you know you're gonna have,those different,animations here,so really,very very basic,all right you can have that heartbeat,whatever you can have it you could have,it in an interval or you could uh,animate it when it's hovering all right,so let me just put it to,shake horizontal let me save my changes,and if i go over here,to my product detail page you can see,that it's just you know it's just,animating and the way this works is if i,go to the developer tools if i go to,network and reload the page then you,will see all of my scripts,um,filter out,the scripts and,it should be here somewhere yeah so that,is my uh,javascript file,that,just,what it does is just it's looking for,this uh app button and then applying,that animation in an interval so really,nothing nothing fancy at all,and uh yeah you can see it here,and that's it so,i'm using the,w theme right here,and um,the problem with those script tags i,will show them to you right now because,if i go to,the home page,and i'm also looking for my scripts,right here i can see,that the animate.js,is still loading,even though i'm on the home page but the,only thing that my animate js is,actually doing is it's looking for this,buy it now button,and that's that's it so it doesn't do,anything else it's just looking for the,buy now button
After seeing the fourth section, I believe you have a general understanding of Lucid Framework theme shopify
Continue the next fifth section about Lucid Framework theme shopify
Shopify Development: color swatches to product page (variant switch explained)
Shopify Development: color swatches to product page (variant switch explained)
das ist ja nun from let's build off in,today's video ever built out some cars,which is for kate and instead of drag,drop down when you will have die skala,von buttons in monza click on one the,end is changing entsteht das was,arrested videos so konnte vor der input,zu heftig die os x disclaimer wie,costing das ist eine band tutorial and,if you seek the death simply copyright,by using a team gemeinsam basic,understanding vor javascript html dass,dominik des aim prozess will den energie,team austria und ried anyone to train,your thing we can't jump into the video,the development and created the project,on when you thought to mac die scala,switches work is very important to,understand how die setcard mechanisms,working in general and therefore not,that every product hesse unique id wird,dir kein feind in der url so lag mit,capitis texteditor suite ist jetzt matt,redman / products and product id,and the same whole truth be very end,blackberry und edita und let's say we,klicken es blue,wenn die url wayne stu,mettmann / verlagsprodukte die agenden,variance and very end and the city ist,der only thing you need to talk to go,kart wii action,do is simple kopie meister space etwas,ändern,/ karten question marx sowie parameter,idea now that simply copy of the,bavarian,mackenzie wird der shopping card ist mt,but once a god is created url,ähnlich schätzt sie der esflow t shirt,ist added to card das ist exakt what,happened on the perfect page zuletzt die,kinder litten die papiere von simply red,click and go to inspect,genau wie somewhere in between the,product form so 24,ein monster ec-karten ist klicken sie,das format post ergänzt / card services,master select oder value des master,select woody will holt in dem moment des,master select has only difference cfds,wenn wir dort options and then we have a,very nice and actually des select ist,hinten rechts sowie can make das visible,bei an checking der display non,properties in der cssr,the disasters select always holst der,combined value for the us that is blue s,green in ones are change one of the,single options sektors so let's change,this to blue men the master select will,simply be updated to win you combine,trient,jack green screens ohne zuvor in einer,clique to cut the value of his master's,select bietet zu kalt jetzt reicht s,green parrot,i have to build kallas watches der able,to update des master select in der same,way that this drop down skindred die,single option selected combined into the,master select,ok for the next step grübel grote ort,den teils sogar live wie monkey music,endet,starting with the assets fulda,tjs einlädt um eine little bezirken ried,first thing the search for the very very,inspektor slack change and exchange von,berlin change am keywords live search,query and maybe,solitude oder variance action script and,description ist in händels change events,for the very end inputs witches brew,promising,the very first interesting cars starts,here with the change event auf der,single option se
After seeing the fifth section, I believe you have a general understanding of Lucid Framework theme shopify
Continue the next sixth section about Lucid Framework theme shopify
Make money selling Shopify Themes (best chance is now)
Make money selling Shopify Themes (best chance is now)
hey everyone jan here codingwithyan.com,so today we have the first episode of,our sell your own theme series and all,of you have been asking tons of great,questions so please keep doing so this,project can only be as good as the,community is and you guys are amazing so,appreciate everyone watching and now,it's time for some answers so let's dive,right in,all right liam then thanks so much for,taking the time today as you know we're,here to answer some of the most burning,questions that people have,are you feeling good about it as well,i'm feeling great jan thanks for having,me here um,obviously a huge fan of the channel and,uh yeah any opportunity i can have to to,share the good word of the shopify theme,store um is is my absolute pleasure um,yeah then maybe as an entry point to our,conversation one of the most burning,topics or one of the most requested,topics was like what is the best way to,create a theme which kind of ties into,two subcategories the concept then the,actual development like workflows tools,and everything,so why don't we talk about the concept,first and,what is the thing or what can we give,people on the way in order to come up,with an amazing concept should we talk,about that,yeah i think that's a great place to,start,so i think the the first thing to really,think about is to really dive into how,merchants and how buyers will interact,with a theme,and and also consider how it's different,to design for a marketplace versus,designing for an individual client,so with an individual client you're very,commonly going to be requesting or being,asked for specific settings whereas in,theme store,these settings are,a little bit more generic um they're not,requested specifically by any merchants,um so merchants may be encountering uh,these features and functionality for the,first time um so i'd really you know,before even writing a line of code um,you know think about the the buyer,journey think about the merchant journey,and how,you know all of these people will,interact with the theme with the online,store editor,and you know think about know you're not,really designing just a storefront,for a buyer to,pick a product and take it to the cart,and check out you're also,essentially designing a ui that,merchants will be using to,bring their store to life,and and ideally with the the minimal,amount of friction possible,okay yeah i think that's a very good,point because as you know many merchants,don't have a strong technical background,then the settings have to be very,straightforward i mean this all ties to,usability i think that's what we are,trying to trying to get across here,um yeah so would you have any tips or,maybe how could someone approach that,would you recommend maybe using tools,like or like design tools to come up,with the visual concept first or would,you just be diving head first and,writing lines of code how would you,approach that yeah so i think there's a,few different methods um but i would,definitely advise,um investing
After seeing the sixth section, I believe you have a general understanding of Lucid Framework theme shopify
Continue the next seventh section about Lucid Framework theme shopify
Is Shopify Theme Developer a Viable Career Path in 2023?
Is Shopify Theme Developer a Viable Career Path in 2023?
hey guys in this video we're going to be,talking about should you become a,Shopify developer in 2023 is it a viable,career path for you right and who should,actually become a Shopify developer so,we're going to cover a lot of things in,here in this video all right so again,what is Shopify right so Shopify is a,Content management system right,um it's a platform where you can sell,products right you can have discounts,you can have uh secure uh user data,right you can basically have a secure,payment Gateway you also have access to,a whole bunch of different applications,so don't matter what type of business,you might have you might have something,like a I don't know a digital product or,maybe you're selling uh products online,maybe Drop Shipping right so again it,doesn't matter what type of business you,have you can use Shopify to sell your,products through uh their platform okay,now again,a lot of people use this every time that,you see like an advertisement on YouTube,Instagram Tick Tock you're gonna see uh,basically products are being promoted,through advertisement I could tell you,right now probably 95 99 of those stores,are built with Shopify okay so again,it's a platform that everybody uses now,again for you as a developer why should,you care about Shopify the fact that,there's so many people using uh Shopify,it basically allows you to say hey you,know what there's going to be a high,demand for this skill now becoming a,Shopify developer has two different,career paths that you could go on you,could say I'm gonna become a Shopify,theme developer or I can become a,Shopify app developer a Shopify app,developer is more on the back end right,basically being a full stack developer,to create applications within the,ecosystem of Shopify and a Shopify theme,developer is pretty much a front-end,developer that knows how to to create,websites create themes and connect them,through shopify's you know liquid,or using their apis right so pretty much,it's just if you ever use WordPress or,something like that it's like the,WordPress of e-commerce okay so again a,lot of people use Shopify so there's a,huge demand for it,now one thing that you're gonna see,right now,um as far as like the sales right you,could take a look at how this Black,Friday has been crazy uh for Shopify uh,I believe they had what like three,billion or something like that I can't,remember the exact number I'll tell you,right now I believe it's like 3.36,billion dollars in sales in Black Friday,just on Black Friday alone okay we're,not talking about the whole year right,so again this is huge a lot of people,have been switching to Shopify from all,other uh different type of platforms you,know you might have heard of maybe,Magento maybe big Commerce,um there's a whole bunch of other ones,that's out there even Wix Etc but again,when it comes to e-commerce Shopify is,the number one platform now,um I'm gonna talk to you guys about,becoming a Shopify theme developer and,like who should care about t
After seeing the seventh section, I believe you have a general understanding of Lucid Framework theme shopify
Continue the next eighth section about Lucid Framework theme shopify
How to Develop Embedded Apps for Shopify POS // Josh Brown
How to Develop Embedded Apps for Shopify POS // Josh Brown
hello everyone good morning thank you,for joining the webinar my name is Josh,Brown and I work at Shopify with,third-party Maps dollars chocolate and,App Store with over 15 under different,third-party solutions and their work,with developers who are using the Java,API to build products and offer the,chocolate App Store for merchants,today we're going to be talking about,one of my favorite parts of CHOP bi,platform which isn't been that for,Shopify point-of-sale if you're not,familiar with shop like us it's a,solution of that retailers use to sell,their products in person accessible as,events and also in store as well and you,can use shop by POS with an Android,smartphone with an iPhone forward my bad,and we're kind of looking at here will,be like a typical to set up this shop,you can integrate chocolate POS with a,variety to record where some of your,seat printers cash drawers and lots of,course card readers for accepting credit,card data so chocolate always had card,readers but wonder fun fact is that last,week we actually announced a new design,for a new card readers and this card,reader is going to be free to books with,a shop price description so really,stands up for books or using chocolate,for sale and that's coming out of the,summer so if you use chocolate on the,web you'll know that apps are the key to,place finish off by why'd they let,merchants do everything from accounting,for their store to run in murdered,campaigns to customizing their seat and,what we wondered was for chocolate,point-of-sale to have the same,accessibility as run on Windows so we,created a new category for the top by,App Store which hold up better,integrated right inside a shop like us,and extending this variance for the,merchants or their store staff so a,really cool thing building apps the port,of sale is that it's a lot Muslim info,box,the chocolate admin except your app will,show up inside a point of sale if you,use the shop by web island before then,you might have seen the Apps tab which,lists it like this merchants will see a,list of the active installed apps,and they can click on each one of those,apps to access it often inside an iframe,so they're still inclined to drop by,admin of the oddness invented right side,behave in so point-of-sale apps are,similar when that logins you put it,there they can access this apps tab to,the left and there will see a list of,easy active installs better integrated,with shop by point of sale and merchants,are able to tap on move out cards and,the aqua mode implants webview so if,your app is not connected to the,checkout flow then this might be the way,that looking normally actors access your,app through the app tab and click on the,app cards loading it that way,what example that might be an app to,help merchants marriage the music in,their store maybe it doesn't have to do,to check their flow or you have to sit,through the apps time and they'll click,on the curve and that tub will get you,it that works but we also wanted put a
After seeing the eighth section, I believe you have a general understanding of Lucid Framework theme shopify
Continue the next ninth section about Lucid Framework theme shopify
Backend Development explained in 2 minutes // Tech in 2
Backend Development explained in 2 minutes // Tech in 2
hey everyone how's it going my name's Mayuko and in this video we're gonna be,learning about a technology in under two
minutes. This is part of a series where I,introduce concepts, explain things in an
easy-to-understand way, and give you the,foundation that you need to dive deeper
on your own.,This is Tech in 2. The topic for today is
backend development, so let's start that,timer! So in order to talk about back in
development, let's revisit what front-end,development is: it's the practice of
creating user interfaces that are,flexible and make it easy for a user to
interact with data. Backend development,is a practice of creating those plugs
into the data, oftentimes called an,application program interface or API. I
honestly like to think of the backend as,like a panel of plugs, where each plug
returns a massaged subset of the data, and,the panel itself hides away all the
complexity of fetching from and updating to,the database.
Unlike front-end development, back-end,isn't specific to any one platform; in
fact it serves as more like a foundation,that supports whatever platforms sit on
top of it.,So to illustrate this, let's go back to
our ATM analogy. So when a user wants to,withdraw $40 from their account,
they'll tap on various buttons on the,machine (or our UI in this case) that then
communicates to the backend to actually,carry out those tasks. Now let's go back
to the panel of plugs visualization.,Imagine the front-end plugged into one
plug called "get money". That plug actually,connects to several other plugs on the
wall to do the business logic - for,instance, one to check that the user
actually has $40 in their account, and,the other to subtract that amount from
their balance. Developing each of those,plugs is back-end development to make
sure that the user interacts with the,data safely. So what's in the stack? Well
usually it involves two types of,languages: one is a server-side
programming language that helps build,the API itself - commonly used are Python
Java Ruby PHP and javascript.,And the second is a SQL
language to actually fetch the data from,the database. And what are the important
factors and skills for working in,back-end development? One is to have the
architectural skills for making,well-organized, extensible, and testable
code. A big part of back-end is,organizing logic and data ,so those
skills allow for writing code with speed,and quality. And the second is to
communicate clearly with front-end,developers - there's a myth that back-end
developers don't need to know anything,about users (which is wrong by the way).
Back-end developers are a big part of,allowing users do what they need to do
to get done, so it's a joint effort,between front-end developers and
back-end developers to write code to do,just this. And that is back-end
development. And that's it for this,episode of Tech in 2 - the next episode is
something that I know a lot about which,is mobile development and so make sure
to hit that subscribe button so you,d
Congratulation! You bave finally finished reading Lucid Framework theme shopify and believe you bave enougb understending Lucid Framework theme shopify