Transforming Shopify's FREE Theme Craft into a DARK Tech Theme
in today's video we are going to turn,shopify's free theme craft into a dark,tech theme this is a really simple,transformation that anyone can do i'm,going to walk you through each of my,settings and i have also created a free,cheat sheet for you which you can,download for free through our private,facebook group,before we get into the video if you like,videos about winning products drop,shipping shopify themes apps and,tutorials do us a favor and hit that,subscribe button and turn notifications,on now let's get into the video alright,so first things first let's take a quick,look at what craft looks like before,now let's get into transforming this,theme,alright so first things first you will,need to install craft so from your,shopify dashboard click online store,scroll to where you can see free themes,and click explore free themes,from there select craft,and add the theme to your library,i'm going to walk you through all my,settings in this video and i will be,popping up the settings on the side like,this for easy viewing and as i mentioned,i've also created a cheat sheet,containing all the settings on one page,which i've posted in our private,facebook group,okay with the theme installed click,customize and let's get started,first we're going to work on colors so,click theme settings,colors and follow along with me,once you get to accent one gradient if,you click on the circle you will be,presented with several presets to choose,from,the one i use for this design is this,one right here,by now you will have entered all of your,colors so you can now select them from,here to speed up the process,all right let's save our work and let's,move on to the next section,the next section we are working on is,the checkout which you can find at the,bottom here,from the drop down at the top select,checkout so you can see your changes,where it says form fields we are going,to switch it from light to transparent,save your work and we are going to move,on to typography,from the drop down select home page,then select typography,we are going to use the font pop-ins so,go ahead and start typing that in and,when it appears you can go ahead and,click on it,and then we're going to change this from,regular to bold,we are going to change the body text to,poppins as well,and then select medium,the last thing to do here is to change,the heading font size scale up to 125,percent,save your work and we are finished here,now it's time to move on to the home,page settings,when it comes to the sections you can,really add or remove whatever you'd like,in order to best suit your store but,there are a few settings that i've,changed on the homepage that i'm going,to show you the first thing is the logo,click on header,upload your logo,change the desktop position to middle,left,and then change the size to 160 px,as for the sections you can set these up,however you want do what works best for,your products and what you sell i filled,most of the default sections in i,removed the blog pos
Let's move on to the first section of Black theme shopify
Add Thick Black Line Under Header Shopify 2.0 Tutorial All Themes | Dawn | Best Header Design
Add Thick Black Line Under Header Shopify 2.0 Tutorial All Themes | Dawn | Best Header Design
hello guys and welcome to this very,simple Shopify Dawn theme tutorial in,this video I'm going to show you how to,add a black line under your header that,is much more clear and then also how to,add this white space,on top if that's what you want obviously,if you want to just bleed the banner,into the black line that's completely up,to you I'm just going to show you how to,do both of those things the code is very,simple I'm going to show you exactly,where to put the code and if you do like,this video please show that you like it,because I'm spending a lot of time,making Shopify videos and,I'm just trying to help people because,Dawn theme is quite complicated and a,lot of the videos are out of date,at the end of this video there's going,to be a playlist that will take you to,all the up-to-date videos about Dawn,theme that I'm currently making and,without further Ado let's get straight,into it so let me show you what it looks,like without the black line and without,the space so let me just,okay so this is what the default Dawn,theme looks like,um and personally I like a nice black,line and my header and then under that,black line just to keep things nice and,clean I prefer to have a big white space,that you can also see on mobile so let's,talk about how to actually do it,I will leave all of the code that I use,in this video in the description in some,kind of article I'm not sure what form,that will take but you'll be able to,find everything in the description first,thing you're going to do is go to themes,and go to action and go to edit code,and then we're going to open base dot,CSS this is relevant to all Dawn two,point uh sorry Shopify 2.0 themes,and then what we're going to do is we're,going to search,so you have to literally physically,click inside the code editor and then,search for header and then press enter,look for Section header like this okay,uh it's online two two one seven on Dawn,currently but this will change so what,you're looking for is this specific,piece of code right here,once you find this bit of code so where,it says hashtag hashtag Shopify section,header all you want to do is Click like,enter once so you're underneath it and,then you want to basically give it a,border bottom like this so border hyphen,bottom,colon 5px space solid space black and,then make sure that this little symbol,is here and then all you want to do is,hit save,and then you always want to have your,store open in another tab okay so I'm,going to hit refresh here and as you can,see there is the black line like I said,but I also want to add some white space,so what I'm going to look for now is,um Banner so search for Banner and then,we want the CSS of section image Banner,like this and then we're going to add,some margin,to the top of this Banner so not margin,bottom but margin top and we'll make it,um 2.4 REM,or is it Rim 2.4,okay it's the number first so 2.4 Ram,like that that will keep it so on mobile,it won't look weird,let's just refresh that again it did
After seeing the first section, I believe you have a general understanding of Black theme shopify
Continue the next second section about Black theme shopify
I Turned a FREE Shopify Theme into a BLACK FRIDAY Theme!
I Turned a FREE Shopify Theme into a BLACK FRIDAY Theme!
in today's video I'm going to show you,how to transform shopify's free themed,ride into this neon black Friday theme,I'm also going to show you how you can,convert your Black Friday traffic into,customers on autopilot using tidio,before we get into the video if you like,videos about winning products Drop,Shipping Shopify themes apps and,tutorials do us a favor and hit that,subscribe button and turn notifications,on now let's get into the video guys,Black Friday shopping is crazy deals,start and go from Midnight to midnight,these stores have employees ready Round,the Clock and the expectation is no,different for your online store this is,a massive one-day sale and if you want,to convert visitors into customers you,need to be ready to answer any questions,or objections that may prevent them from,buying imagine if you walked into a,store and there was no one there to,greet you or help you out if you're,looking for a sweater for example and,don't see the size you are looking for,and there's no one around to check the,back or offer Alternatives you will just,walk out it's the same for your visitors,now unless you plan to be up awake and,at your computer for the entire 24 hours,you need help and that's where tidio,comes in with tidio you can monitor,who's browsing your site in real time,and intercept before they leave by,offering a discount incentive or,answering their questions you can use a,chat bot to automate your responses,while you sleep or while you're out,getting some Black Friday deals of your,own or if you want to do the customer,service yourself they also have a live,chat option where you can converse with,your visitors one-on-one,tidio has a free plan no credit card is,required we're going to get that set up,on our store right now but before you,sign up make sure to click the link in,our description box because if you use,our link to sign up for the free plan,but later decide to upgrade tidio is,going to give the first 50 customers 20,off their Premium plan that discount,will only be applied when purchasing,through our link so even if you're just,trying out the free plan and don't,anticipate upgrading use the link just,in case all right let's get tidio set up,install is going to take under 10,minutes no coding is required and tidio,easily integrates with any website and,popular platforms such as Shopify we are,going to click add app then click,install app,where it says name think of it like a,badge that you see employees wear this,is how customers will address you it's,the name that's going to show up in your,chat box next what you want to do is,choose your color scheme this one here,matches the theme design or if you want,to see more options or use custom colors,click here,for the custom colors click here any one,of these colors would go really well,with the theme,next we're going to upload our Avatar,and here you can choose the chat,language,when you're happy with everything click,continue now you want to tell tidio what,your goals are so
After seeing the second section, I believe you have a general understanding of Black theme shopify
Continue the next third section about Black theme shopify
Turning Debutify 4.7 into a DARK Theme!
Turning Debutify 4.7 into a DARK Theme!
in today's video we are going to,transform the beautifies default theme,from this,to this,if you've been wanting to update your,theme and don't want to spend hours,trying to get the colors right you are,in the right place because i'm going to,show you my exact settings and give you,a cheat sheet as well so that you can,quickly and easily recreate this look,before we get into the video if you like,videos about winning products drop,shipping shopify themes apps and,tutorials do us a favor and hit that,subscribe button and turn notifications,on now let's get into the video alright,so first things first if you don't have,debutify already you will need to,download it we have a link in our,description box where you can download,it for free now before we transform the,theme i want to show you what the theme,looks like before,um,now that we know what we are working,with let's get to the fun part and start,transforming this theme,from your shopify dashboard click online,store,and then next to your debutify theme,click customize,now click on theme settings,and select colors,alright so i'm going to pop up the,colors at the side of the screen here so,that you can follow along with me if you,want the full cheat sheet it will be,posted in our private facebook group you,can find the link in our description box,all right so begin entering in the hex,codes as you see them here,this will get easier as you go on,because once you enter in the colors,once they will appear here and then you,can begin selecting them from here,instead of typing them in one by one,now this blue color that i've entered in,here is our accent color i would,recommend switching this color to match,your logo so if you have green in your,logo maybe swap this color out for green,this is going to make the theme look,more custom and look like it was made,just for you,this link slash accent color will change,the little dot at the top of the card as,well as these icons down here so if you,want a more monochrome look you could,set this as white i personally like a,little pop of color so i'm going to,leave it as blue but it's your call,okay so now we're going to adjust the,drawer section this section is for the,flyout menu when you click add to cart,i'll show you here in just a second,all right our next section is our footer,area,okay that looks pretty good now let's,save our work before we move on to the,next section,our next section is checkout so you,would go to theme settings and then,scroll all the way to the bottom until,you see the word checkout,i want to be able to see what i'm doing,so i'm going to navigate to my checkout,first,you could also do this by selecting,checkout from the drop down here,all right let's get to customizing this,area,by the way if you type in numbers here,you're going to see that the text color,is too dark to see don't worry about,this because when you preview your store,it does not appear this way i don't know,why it looks this way in the preview but,i assure you it do
After seeing the third section, I believe you have a general understanding of Black theme shopify
Continue the next fourth section about Black theme shopify
Shopify Tutorial For Beginners How To Change The Background Color Of Your Shopify Store
Shopify Tutorial For Beginners How To Change The Background Color Of Your Shopify Store
hi beautiful people welcome to my,channel my name is Georgia for those of,you who are new and - my regular,subscribers welcome back in my last,video regard regarding Shopify store I,showed you how to go ahead and and add,images like this one to your background,and on how to put in images onto your,your selection pages and I told you in,that video that I will show you how to,go ahead and change the background color,of your website so right now you see I,have my background in this beautiful,blue color some people call it a tiffany,blue some call it a robin's egg blue and,that's the color I have the background,of my website in and I'm gonna show you,how to go ahead and change yours I'm,using the Brooklyn theme for my Shopify,store and it generally comes with a,white background color so it's up to you,to go ahead and change it to fit your,preference so I'm just gonna show you,how to go ahead and change the color of,your the background color of your,website so first things you want to do,you want to login to your admin area,which I've already done and it should,take you to a page looking like this now,when you do log in you will come down,here to the left with the sales channel,and online store to the left of the,Louis's online store you're gonna see a,little store you want to click on that,click on that store that's gonna open up,or give you a drop-down,of additional options and the option you,want to select well it's gonna,automatically select it for you is our,themes then you would come you would see,up your website pop up over here you'll,show you your desktop view and your your,mobile view what you would do now in,order to go in and change the background,color is click on customize once you,click on customize it's going to open up,a new page for you,once that page is open if you come again,over here to the left just below it says,the theme of the store if you use in,Brooklyn you know there's a ton of,different free themes depending on which,one you're doing you're using you would,come to theme settings just click on,theme setting and then right below you,click on colors now if you notice it,gives you a list of colors like the,instance that tell you my background is,a pretty blue and there you see has a,picture of the blue color and then next,to it it says background my headings are,in black my body texts are in black like,color black label buttons white do you,get the idea so to change your,background color click on background you,have the option right now to either find,the color that you work with in this,space you see this big block of color,you have different colors in here you,would just click on it move it around,and it'll change your background color,to whatever you want to so let's say,that you don't see the background color,that you want here and you need to know,the color code similar to what's right,below here what you would do now is you,would go into Google which I'm gonna,show you and let me say I'm gonna change,this outrageous colo
After seeing the fourth section, I believe you have a general understanding of Black theme shopify
Continue the next fifth section about Black theme shopify
How To Add Dark Mode in Dawn Theme Shopify [Without APP]
How To Add Dark Mode in Dawn Theme Shopify [Without APP]
Hi guys welcome to WebSensePro I'm your host
Bilal Naseer with another Shopify how-to video ,and in this video I'll teach you guys how you
can add dark and light mode to your Shopify ,Dawn theme 7.0.0 so user will be able to switch
from dark to light mode you will have a floating ,button like this and when someone click on that
they'll be able to switch from light to dark mode ,so that's the default color scheme which is
light mode and when someone click on it it ,will show us the dark mode with the darker
backgrounds and white font color now let's ,take a look at the inner page of how it looks
in the dark mode Let's go to our collection page ,that's how the collection page will
look like was it our product page ,that's how our product page will look like
and now last but not least the card page ,that's how Arc art page will look like so if
you want to learn stick to the video don't ,forget to subscribe the channel also let
me know in the comments below if you want ,me to create this tutorial for you for
any other team like debut theme or any ,other theme which you're using so without
further Ado let's get into the tutorial,of my Shopify store current theme
is activated is Dawn 7.00 and I ,have already added all of the codes for
dark and light mode which is activated ,now I have also installed the latest and
fresh version of dawn 7.0 where I have I ,haven't touched any of the files of the
code so we'll first publish this theme,let's publish this one ,and start adding the code so I can teach you
guys how you can add the dark and light mode ,functionality to your Dawn theme okay now our
theme is published now let's go to the store and,here we are so that's the default color scheme
and that's how the default on 7.0.0 looks like ,now we will edit our code and before adding
the code make sure to duplicate your theme ,because if you add up any wrong code it
will be a complete mess so make sure to ,have a backup before doing so Okay
now click on actions then edit code ,now our first step is to add the jQuery to
our theme so I'll go to my theme.liquid file ,and in there I'll add jQuery so let's search for
jQuery CDN that's the first language I'll go to,and here we have jqd 3.611 latest version
click on minified and then copy this script tag ,after copying this paste it to your team
dot liquid on the head Okay now click save,okay now our next step is to find for the
file called announcement bar announcement ,dashboard dot liquid and in this file on line
number 10 after this div I'll add my button ,so here's the code for the button don't worry
about the codes I'll put the link of a blog ,post in YouTube video description where you will
find all of the codes you will just need to copy ,and paste the chords so in announcement
bar line number 10 I'll add this code,and then the next step is to go
to your head Edward liquid file ,I'll search for header dot liquid file,and in here I'll go to line numbe
After seeing the fifth section, I believe you have a general understanding of Black theme shopify
Continue the next sixth section about Black theme shopify
This is Why This Shopify Theme is Installed by 50,000+ eCommerce websites | The Best in 2023
This is Why This Shopify Theme is Installed by 50,000+ eCommerce websites | The Best in 2023
you have a Shopify store but you don't,have traffic and you don't have sales,this may not be your product this might,not be your marketing this might be your,Shopify team there are hundreds of,Premium Shopify themes on Shopify but,the problem is most of them are just,crap,they are not optimized for conversions,they are not optimized for Speed they,are not optimized for SEO in today's,video I'm gonna show you the best,Shopify theme the only one made by an,entrepreneur and the Shopify developer,watch,thank you hey guys Marwan roughly Here I,Am the developer of the first fastest,Shopify theme Black Flag was developed,in 2019 whereas all the Shopify teams,were slow I developed this theme because,Google introduced the site speed as one,of the ranking Factor on Google and this,is why I developed black team in 2019,and it was the first fastest Shopify,theme,I created thousands of Shopify stores,for my clients and all of them has seen,a lot of success from this Shopify scene,why because it was a digital winning,product at that time,and in today's video I'm gonna show you,the best Shopify theme as I sold Black,theme LLC in 2022 and I created the last,version of this theme which is called,screw so screw is the new generation of,Black theme it is the fastest Shopify,theme as you can see from my Drop,Shipping Store I hadris.com,which contains some uh Shopify apps but,the speed is 100 the speed is at the top,so this will allow you to gain a lot of,free organic and high quality traffic,directly from search engines like Google,the second reason why this Shopify theme,is the best on the market is because it,has,been developed to uh drive a lot of,traffic organically look at the blog,page if you compare this blog page to,any other Shopify theme you're gonna see,that scrub has the best develop and,optimized blog page as you can see,the blog page has a great design and,it's optimized for SEO it has a good,looking sidebar where you can optimize,it directly from your Shopify admin,panel and it's great and the featured,image is shown as an extra height,definition,in my Drop Shipping Store I headrest.com,the blog articles are what driving me a,lot of traffic and a lot of sales,organically and for free without,spending any Dollar in paid ads and this,is what you're gonna do also if you got,this theme because as soon as you,publish an article it's gonna be,included directly in Google and you're,gonna drive a lot of traffic as the,Shopify theme is optimized for SEO for,all the blog page homepage collection,page cart page product page all pages,are optimized for SEO,the third reason why scrub is the best,Shopify team the product page is,optimized for both desktop and Mobile on,other Shopify themes it may be just,optimized for mobile because they think,that people are buying from mobile only,but no there are 40 percent of people,buying from desktop and the wealthy,people are buying from desktop so if you,are selling High ticket sales the other,Shopify themes may not work fo
After seeing the sixth section, I believe you have a general understanding of Black theme shopify
Continue the next seventh section about Black theme shopify
How To Design A CUSTOM Shopify Store THAT SELLS!
How To Design A CUSTOM Shopify Store THAT SELLS!
Hey friends, Andrew here hope you're well.
In today's video, I'm going to show you ,one of my favorite Shopify apps to completely
customize and transform your store in only about ,10 to 15 minutes from scratch so without wasting
time let's jump straight onto my laptop here and ,i'll show you step by step how to build a
beautifully custom shopify store with this ,no code page builder app incredibly important
considering that your store represents your brand ,and your vision and by the way i'll be giving
away this exact store i've built in this video ,to a subscriber more details at the end of
this video so to build out a custom shopify ,store today the very first thing you want to
do is go on to the shopify app store actual ,first step is to get shopify if you haven't yet
already and if you haven't yet already i'll drop ,a link to an extended free trial down below if
you want to follow along with this video now ,once you have your shopify store go on to the app
store and then this is where we're going to get a ,crucial tool and this app is going to allow us
to build and design a shopify store without all ,the custom coding and it's called gem pages right
here so gem pages they're known as this no code ,page builder on shopify and it's really useful
in building a high converting store without code ,it's essentially a drag and drop builder that
myself and the team have used to design custom ,shopify sales pages and the plan of attack today
is to create a custom one product store simply by ,using the gem pages drag and drop tools right
here i've spent some time before this video ,creating the brand and all the assets like product
renders brand name and whatnot i'm calling it to ,charge because we all need to charge our devices
that's terrible i know i have all the assets to ,go in my folder right here as you can see and so
what we're going to do now is build out our page ,with gem pages using all the files that i've
created here so head on to the dashboard and then ,click create new from here is click more types and
you can see that you're able to create a bunch of ,different pages based on what you want to go for
so a landing page a home page a product page etc ,and so let's just click for example home page so
there's a whole bunch of home page templates here ,there's also a whole bunch of landing pages the
theory here is i'm going to build a one product ,store so i'm going to use a landing page
only and i found the one that i want to use ,and it's bluetooth headphones you can click
preview to preview the template first or ,you can just click start editing so i'm going
to click start editing i'm going to give the ,the page name a name and then click header and
footer i want this off only because we're creating ,a one product store and we don't want a header and
footer at the bottom really quickly though you can ,use a completely blank canvas but if you want to
get up and running really fas
After seeing the seventh section, I believe you have a general understanding of Black theme shopify
Continue the next eighth section about Black theme shopify
I turned a FREE Shopify Theme into a One Product Store for Dropshippers!
I turned a FREE Shopify Theme into a One Product Store for Dropshippers!
in today's video we are going to turn,shopify's newest free theme refresh into,a simple easy to set up one product,Dropship store,before we get into the video if you like,videos about winning products Drop,Shipping Shopify themes apps and,tutorials do us a favor and hit that,subscribe button and turn notifications,on now let's get into the video alright,first things first we need to install,refresh to do that click online store,themes,and then scroll down to the bottom where,it says explore free themes,chocolate,select refresh,and click add to theme Library,once it's finished installing click,customize,the first thing we're going to do is,adjust the colors so click on theme,settings,colors,and follow along with me,just a quick note with these gradients,I'm choosing colors that match my,product I chose the orangey gradient,because of the color on the sleeves and,the purple because of the product photos,but feel free to choose a different,gradient that better matches your,product,oh,thank you,foreign,go ahead and save your work I know this,looks a little strange right now but we,will adjust everything when we work on,the sections by the way if you guys want,a cheat sheet with screenshots of my,settings colors the text I used as well,as the AliExpress link to the product I,feature in this theme join our private,Facebook group I'll be posting it there,you can find the link in our description,box,all right up next we are going to adjust,the checkout colors so from the drop,down select checkout,click theme settings,checkout,the first thing I'm going to do is,Select my logo you can't see it right,now because it's white but as soon as we,change the background color you will,next I'm going to change the background,color,change the form fields from white to,transparent,change this background color,the accent color,and the button color,save your work and head back to the home,page,for the home page I won't add any text,here yet all we're going to do right now,is set up the sections starting at the,top with the announcement bar I decided,to go with the other greeting I set up,so I'm going to select accent 2.,next I'm going to click on header,I'm going to change the color scheme to,background one,select my logo,and increase the width to 250 PX,then Under menu I'm going to remove the,menu this is a one product store so we,don't need any Links at the top,last but not least deselect enable,sticky header no need to have the Top,Bar following us around since we don't,have any menu links,moving on to the slideshow I'm going to,remove the third slideshow block because,I only need two,next change the desktop content position,to Middle right I won't be uploading the,slideshow image just yet but the image,size I used was 1920x620,by default I have a featured collection,section here which I'm going to delete,your sections might look a little,different than mine but not to worry,keep following along and I'll show you,which ones to keep,what I want here instead is a featu
After seeing the eighth section, I believe you have a general understanding of Black theme shopify
Continue the next ninth section about Black theme shopify
How To Design A Shopify Store In 10 Minutes (Step-By-Step)
How To Design A Shopify Store In 10 Minutes (Step-By-Step)
having a bad website will kill your,chances of success on shopify even if,you have the best products and ads it's,so much harder to see results with a low,quality store so in this video i'll be,sharing the exact store template that,i'm using right now to generate over a,hundred thousand dollars a month and,i'll be showing you step by step exactly,how to easily build one for yourself if,you're new here my name is jordan and,i'm currently documenting the entire,process of growing my ecommerce brand,with as much transparency as possible so,if you're interested in starting your,own online business make sure to,subscribe for new videos every single,friday also just want to say thank you,guys so much for 50 000 subscribers so,to give back to you guys i'm gonna do,something that i usually don't do i'm,gonna give away a free one-on-one,coaching call to one of you to enter the,giveaway just drop a comment down below,follow me on instagram and dm me when,you're done i'll be announcing the,winner for this next friday anyways,let's get started with the video,first things first here are some live,results that i'm getting with this exact,template so as you can see halfway,through the day i've already done over,2500 in sales and if we look at,yesterday's stats you can see that this,store is averaging around five thousand,dollars a day everybody is always asking,about profit so let's take a look,yesterday i did around fifteen hundred,dollars in profit and today so far,halfway through the day i'm at around,in profit which is close to 30 daily,margin i'm not showing this to brag but,just to prove that this layout is,working today i figured the best way to,explain this would be to make a sample,store that follows this exact template,so that's what i did let's have a look,at that sample store so this is a store,that i created in the home and garden,niche the type of stores that i like to,build to test products look just like,this basically we're building a nice,clean branded store with good logo good,images,multiple collections inside of that,niche high quality products and images,and overall a trustworthy and legitimate,feel i get dms every single day of,people asking me why am i struggling to,see results and then i look at their,store and it looks like this,if you take the time to make a nice,clean branded website seeing success,with ecommerce is going to be so much,easier this kind of store is perfect for,testing products because it is branded,it has a trustworthy feel but it's also,broad enough that you can test a variety,of products without being too,constrained i like to call this kind of,store a hybrid store it basically,bridges the gap between a general and,niche store building a store like this,is really not that difficult so i'm,gonna break down how to do it right now,the first thing that you're gonna need,to come up with is a clean name and logo,to come up with names i highly recommend,you guys check out this tool called lean,domain search basically you c
Congratulation! You bave finally finished reading Black theme shopify and believe you bave enougb understending Black theme shopify