hey everyone jan here codingwithyan.com,building themes in 2022 and beyond a,brand hot topic especially since the,theme store reopened for new submissions,and we've already been covering quite a,bit throughout the last few interviews,with liam we've been talking about how,to come up with a concept how to compete,with existing themes,earning potentials the theme store,requirements how to pass the review,process and so on and so forth so if you,haven't seen these episodes yet i highly,recommend you check them out because,there's like so much good information in,there,but i also know you guys,you don't want to be sitting here all,day long and just brainstorm you want to,go out there and build things right so,that's exactly what we're going to be,talking about today we will ask liam,about the specific tools we need and how,to practically get started that will,make the whole series a lot more,complete,so then let's have a look alright liam,it's great to have you back one more,time um so how are you doing today,i'm great jan thanks for having me here,today always a honor and a pleasure to,be chatting with you and your audience,uh we've actually been working,internally on a lot of,interesting tools and resources so i'm,sure,team developers will be very excited to,see what we are releasing in the next,few months but uh otherwise,uh doing good i've been using actually a,lot of the tools that we'll be talking,in this video today so i have some,first-hand experience and insights to,share,and uh yeah just excited and happy to be,talking about building themes with you,today,awesome that sounds great um yeah so,then let's just cut the chase liam what,tools do i need to get started with,building themes from scratch,sure so the main tools that you will,want when you're setting up a,development environment that is suitable,for building themes as opposed to,customizing themes,would include,firstly a,development store that is associated,with your partner account,these are free to create and they act as,really great sandboxes that you can use,for,sending information to a store or,also downloading theme information or,store data from,and uh again totally free to create so,do uh feel free to create those uh,secondly uh you will need to be working,with a text editor on your local,computer so a program like vs code or,sublime,will let you edit the theme files so you,can edit the,liquid files javascript files css files,json files you'll be able to edit all of,those on your local computer with a text,editor of your choice,thirdly,you will likely want to work with the,shopify cli which allows you to transfer,information to and from your linked,development store,as well as generate a,what we call a development theme which,runs locally on your computer,and we'll be talking a little bit more,about that in this video,and uh fourthly and finally you will,likely want to work with the shopify,github integration which essentially,allows you to create,a version control,management s
Let's move on to the first section of Apollotheme base 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 first section, I believe you have a general understanding of Apollotheme base theme shopify
Continue the next second section about Apollotheme base theme shopify
Best Free Shopify Themes: How to Choose a Theme for Your Store
Best Free Shopify Themes: How to Choose a Theme for Your Store
ik nieuwe customize your white ice baby,and introduced to use,luckily hier in de van a beautiful story,met en futures de wei shut up high tea,high wine glass ghetto bil en de,duidelijke witte consider van king's,story team,zoals een tap tap te helpen en steunen,tess en shelly en die video,ik associeer is een pre 12 help you,create your website,first things first shabai kans op de die,papier en uhd actie de customize your,package for now there's also in a,background music be faulty,in vaak where many countries and still,it easy to use,het wordt een crappy wel integrate,introduction to various features and,styling options,hier in het idool enkele koppen die,papier we werken mijn flying around they,perform jumping in join our team,jolanda woody woodpecker custom pi model,b cupim joyce ontving zij colors,opvallend als je kan customize totale,mens in de nip,oké met die mind per team in picture,member,when choosing a p first de customer,experience,hallo erg op de poli design de online,store,chant izar judith's thema although his,first may not be hebben twee artikelen,wauw wat zij is een mooi design hier in,the short het defilé en in today smaken,consumers expectit kamers websites die,perfect retailer die er niet in de fire,tiger i designed to be your personal zo,een choosing and fresh up a 15 juni,start your customers and my hollow die,wij wordt heeft een job jullie haat word,willen worden door interesse de key is,de game pc much i know it's a quick uw,targeting je niet op de sidewinder,experience you why your customers de,haven in en browsing your store show,they feel inspire relaas mode winnen,digicel apparel libië deze eerste stap,en twee werelden belgians digitaal troys,maybe you my customers te denken lang,more people lion en recell sporten komen,may be happy buddha film motivated and,energetic whoever you decide which a,building or motion is communicated to,all your entire website met leo hmk,lectures and grading drempel voor niks,een klus voor de dag rond age and match,al lang,de koffie wooden table andere laatste,organize leo of alle productief details,brave neef,met design mind hem en werd harde marco,als de barman de zei niks en sergey brin,story,langzaam imager het skateboard gary me,surfboard tumor their target market paar,online ik restore designer dringend god,is een major tiger marco telefoon piep,de focus on your product and make it,easy for your customers to buy,oké george and experience for you my,customers de h,je kunt mijn workout de features you,need on your website to create an,experience for a team of peecher,productvideo's of laat de customer,reviews,maybe you in totaal je brein storyline,x'en of maybe you want a focus on,viserys attention yolo precies en,discount familiepark toe breng de saus,zo'n team verbeterd u de to just one het,uw product word alles automatisch voor,entire carla,boeddha verhuur divided by doing to much,at once you might be tempted to showcase,al je product zal uw branche door jerry,lifestyle pads and start
After seeing the second section, I believe you have a general understanding of Apollotheme base theme shopify
Continue the next third section about Apollotheme base theme shopify
The Best Shopify Theme In 2022 (Industry experts have voted)
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
After seeing the third section, I believe you have a general understanding of Apollotheme base theme shopify
Continue the next fourth section about Apollotheme base theme shopify
Shopify Theme Development in 2022 with Shopify Dawn and Shopify Online Store 2.0 Tutorial
Shopify Theme Development in 2022 with Shopify Dawn and Shopify Online Store 2.0 Tutorial
so,so,huh,hello,what is up guys welcome to another live,stream how's it going,let me know in the chat that you guys,are here and alive,hopefully you guys can hear me if not,somebody please let me know before i,embarrass myself for another half hour,uh but,today i'm super excited because we're,actually going to be looking at,the new shopify online store 2.0,experience,so,if you guys aren't already aware,at the the end of july early august,shopify announced a new theme and a new,online store 2.0 experience,that,essentially makes a lot of really,necessary updates,to,what i would consider a kind of,antiquated way to build themes now,if you guys are watching this you may,have already seen uh another live stream,that we did where we actually went in,and we set up a,modern,development workflow uh using shopify,and using theme kit uh but apparently,they've just completely dropped,the support for themekit in their new,theme and the online store 2.0,experience,and,made it a little bit simpler actually uh,to go and,be able to use git,um for,uh version control and to be able to,push your theme up so we're gonna be,looking at all of that good stuff but,before we get into that uh if you,haven't already,do me a favor go ahead and like this,video subscribe if you haven't already,and click that little notification bell,because we're going to be making a lot,more content like this,for the rest of the year and well into,the future so if you're interested in,web design interested in web development,definitely subscribe but let's go ahead,and get started,so,this is actually in,end of june early july so i misspoke,but,they introduced the online store 2.0 uh,and there's this article that i'll go,ahead and i'll link in the chat,uh where they talk about what it means,for developers looks like we got some,people in the chat hey ray hey oscar,thanks so much for hanging out welcome,to the chat guys,if you have any questions at any point,feel free to drop them in there i'll be,reading them as we go,so,just taking a look at this and hopefully,you guys can see it let's make it nice,and big,online store 2.0 opens up massive,opportunities for developers building,themes and apps for shopify merchants,we've rebuilt the online store,experience from the ground up,and are introducing a new set of,developer tools to help you create,amazing experience for merchants and,shoppers let's talk about exactly what,that is before we go and we check it out,for ourselves,so the first is an upgraded theme,architecture essentially,the sections that we've become so used,to using on the homepage are now,available on every page so you're no,longer pigeonholed to not being able to,use those sections,on an about page or on a product page,without a developer before you used to,have to have a developer be able to add,that section over to that page so that,essentially only people who knew how to,code would be able to do this kind of,customization now sections on every page,it's just gonna come right out o
After seeing the fourth section, I believe you have a general understanding of Apollotheme base theme shopify
Continue the next fifth section about Apollotheme base 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 fifth section, I believe you have a general understanding of Apollotheme base theme shopify
Continue the next sixth section about Apollotheme base theme shopify
all right guys so in this video i'm,going to be showing you how you can go,ahead and,customize your debut theme within,shopify so debut theme,is the theme that all shopify stores,start out with,by default when you go ahead and start a,shopify store and if you haven't already,opened your shopify store yet you can,start your 14 day free trial by clicking,the first link in the description,so i figured i'd make this video because,debut theme,is one of the most commonly used themes,because it's the one that all stores,start out with and the view theme,actually looks,really good so right here we can see,that this is what debut theme looks like,when it's first installed with,absolutely nothing filled out,so we can see that we have where our,logo should be,we have a big header right here with,some text we have an image here,we have three images with text below,here we have,a uh empty collection and we have,another,um header type image right here another,wallpaper image,we have some testimonials and we have,three images down here,and then we have the footer so,right now we have a nice little template,but it's blank,so if you're looking to go ahead and,fill out,your um store using debut theme,the first thing you're going to want to,make sure you have is,a few key things so i'm going to bring,up a notepad and just make sure,because before you go ahead and start,the design process you're going to need,a couple things so the first one is,going to be a logo,so i assume you already have a logo at,this point if you're ready to start your,store design but if not,then make sure you get a logo first,because everything else is going to be,based around the logo,and then we're going to have a color,scheme selected,and normally this color scheme is going,to,be derived from colors from your logo,and typically,you're going to use one to two colors,to base your entire store around and,like i said these colors will be derived,from the logo and the next thing we're,going to need,is a couple wallpaper photos,so we can see we're going to need some,photos to go ahead and put back here in,this header,we need some photos to put back here and,this header as well,so if you have any large photos related,to your business,go ahead and upload them to your,computer or,put them all in one folder so we can go,ahead and,use them as backgrounds here and if you,don't you can use,different sites such as pixabay,to find free stock images that you can,go ahead and use,so let's just type in something like,fishing,so if you had a store related to fishing,you could go ahead and just,look for different stock photos here,or maybe you have something related to,yoga,or fitness you can type in a lot,of different niches depending on what,your store is based around,and you can use some of these wallpapers,to go ahead and put back here,now obviously i do think it's better if,you have your own,custom photos but uh you know not,everyone's gonna have that starting out,so if you don't you can go ahead and us
After seeing the sixth section, I believe you have a general understanding of Apollotheme base theme shopify
Continue the next seventh section about Apollotheme base theme shopify
Booster theme for Shopify - Product Demo
Booster theme for Shopify - Product Demo
okay guys so those of you who doesn't,know me my name is mark,uh five years ago we started that theme,called booster theme,which was a small theme having a,countdown timer and some,little other features like the sales,notification and since that day,five years ago we kept improving the,same theme,non-stop so instead of like developing a,bunch of other teams like the other team,developers,are doing so like if you compare to all,my competitors they have like 10 12,15 different theme to support we decided,that we're gonna just do,one theme which is gonna be the best,having all the features you need all the,flexibility you need,and everything uh all inside it so,basically it's,way more than a theme it's a complete,solution for marketing,and you guys are gonna see how powerful,this team is uh in this video so,let's start right now we don't have a,second two ways and thanks for being,there today with me,okay so let's go let's uh,cool uh so yeah so this is the most or,it's,it's not it's not a final design but,basically i want just to show you,uh what kind of uh mentality we have at,booster team,and when i say that it's more than a,theme it's more it's more a tool,is that because if you go to our theme,settings you're gonna see that,already you know we're not asking you to,integrate,a gdpr uh netiz bar messenger chat free,shipping bar,all those things are integrated directly,into booster so countdown timer recently,bought because,the card timer uh dynamic title like,which is,this thing that is pretty cool so we,cannot see it right now,but basically it says wait come back,those are,cool features from booster team that are,directly integrated inside our theme,coding,and one of the thing that is cool is,that we give you the control over how,your team is going to look like,and when we say that we mean it let's,say for example my product card here,i want to change my my product card,style i can just go there and decide,whether uh do i want to have a button,on it or uh i don't want it and there's,many many many styling options so like,in,less than a click i added a button here,where i can add this product to the card,or do i want to use a catalog view,instead,and make something cool that people to,see the price,they are gonna need to go to the product,page and uh that um,basically create curiosity inside your,your customer,uh or uh do i want to,also i don't know like um,do i want to adjust uh the spacing,between my card so i can just go there,and change the spacing i can put like 49,pixel here,of spacing between my cards and like,basically we've,we've put limits uh to 50 pixels but,it's because,everything is calculated so your store,is always going to look great,so you have the flexibility but we make,sure that your store is always going to,look great,so do i want to have three three cards,instead per row,uh you can do it with booster team uh,basically you have control over,everything but like,it doesn't stop there like do you want,to play with your layout as
After seeing the seventh section, I believe you have a general understanding of Apollotheme base theme shopify
Continue the next eighth section about Apollotheme base theme shopify
Shopify 2.0 Coding Tutorial: Building on Dawn Theme [Part 1: The Setup]
Shopify 2.0 Coding Tutorial: Building on Dawn Theme [Part 1: The Setup]
today as you can see from the title we,are doing a shopify 2.0 store coding,tutorial where we are where in,we are going to build on the dawn theme,which comes,as a starter theme with shopify in this,new version of 2.0 and in this part this,part one of the series we are going to,work on the setup and i'm going to,introduce you to shopify and the store,so,not a pre-warning but before we get,started while this course will delve,into,themes and customizing them and what,that means this is also a coding heavy,course so as you can see,let's look at this we are going to be,looking through,the dawn,theme code so this is the theme liquid,and we can see,these are,uh templates that's not i'm trying to,give an example of how like complicated,it can get um there are so many,different css files to kind of mull,through,we have all of these snippets,uh we're not really going to delve into,snippets so much,what we're going to really look at are,templates,sections and let's look at a section,yeah so again this is can be complex,we're kind of just gonna,go on the surface of this this is also,i'm kind of dipping my toes in and i,kind of want to show what i learned and,have us kind of learn together and so,that's the purpose of this tutorial,series and i'm actually i'm going to,keep explaining the purpose so this is,how the dawn store starts,right and i can go back to my dashboard,again i'm going i'm going kind of fast,but i'm going to go through this with,much more depth so if i go here to dawn,and click customize i just want to show,you what a theme,is all about and how we can customize it,in this store 2.0,i never actually used shopify before 2.0,so i'm not sure of all of the changes,but i do know a new change is kind of,just like how easy it is,not the making of the template but once,you have a template in place how easy it,kind of should be to just add in,like the top image banner i can just,select an image let's see let's add that,in,and boom and then i can talk about my,brand here,and we can go back from image banner,and i can write,hey there,you know and i can save all of this,and it's just there's a lot of uh,ability to,uh customize i can even add more,sections so i could have another image,banner at the bottom,yeah and then i could even in this image,banner maybe i don't want this overlay i,don't want the buttons there,yeah so i can just have the image,okay so we are going to go from this,dawn theme once again so kind of uh,the base the basic,theme that just comes pre-installed,in shopify so you're going to take this,theme and we're going to elevate it so,here as you can see i have a similar,very similar structure but i'm using a,different typography,i think i yeah the colors again you can,change within the theme,but there are other ways within the css,maybe we want to customize some of the,colors,i also added it so there is a video,section but i made sure the video,the youtube video could be auto played,as soon as you click i don't want to,blast the youtub
After seeing the eighth section, I believe you have a general understanding of Apollotheme base theme shopify
Continue the next ninth section about Apollotheme base theme shopify
Setup store - Apollo Framework 5.0
Setup store - Apollo Framework 5.0
Hello. In the last video, we have installed
the theme and uploaded demo data . Today, ,i will guide you on how to set up your store . ,1. Change format money. go to setting.
store details. store currency.,You can change the display currency on
your store by selecting these. click change ,formatting to custom your pricing format. Wrap
the currency's value by 2 span tags,click save,2. Change checkout settings to
use login and register page. ,click checkout . In here you can choose
if you want to prompt your customer to ,create an account when they check out
with 3 status,we suggest you setting the
accounts to optional. remember to click save ,3.Collection. Back to admin dashboard.
We will create your first collection. ,Click create collection. enter a title,
like Collection. adding a description is ,optional but you might want to create
one. using keywords for SEO purposes. ,select automated as the collection type,In the conditions. open the first dropdown menu
to see the different options you can select. ,In this example, i want to create a collection
that includes products which are Bench. ,product type.
This second box will be automatically ,select the corresponding tag. I want to make 1
more condition with product price is greater than 0$,and you can choose what
conditions to display . all ,conditions or any condition.This is
how your title and description display. ,In this section you can set the time to release
your collection., and this is where you can change ,your collection image .. you can also change the
place your collection displays too. Click save,This is your result collection. ,[
Next i will show you the ,way to upload your design to our template.
This is what our base template looks like,you will select every single part to
add picture and your content. I will ,do some quick example. With the collection
section, you have to choose a collection. ,here are some collection that i have
created. You need to do the same with ,every section. This is what it looks
like after i have added all the picture ,Next we will do the navigation part.
4. Navigation. ,go add menu. enter the menu's
name. then add items to it. ,i will create one more menu.,Now I will add the 2 menu for the home and pages. Go
to Header. Theme settings. This is for the home. ,And the Pages ,You can make some menu in the footer too. ,Choose your menu.,5. Language setting. Action.edit language. ,You can enter texts in your language. ,Please note that it has many
tabs here for you to select. ,You can also change the theme language.,I will
try with French. We have just finished the store ,set up. In the next video we will introduce the
setting in the theme. Thank you for watching,
Congratulation! You bave finally finished reading Apollotheme base theme shopify and believe you bave enougb understending Apollotheme base theme shopify