hello everyone in this video i am going,to show you that how you can create,product images slider on your shopify,product page so currently on my screen,you can see that i have already,implemented that and here if you will,click on these things you can see that,these are the arrows to,navigate left and right and if you will,scroll it down then you will also see,that i have different images those are,also sliding and if you drag then it,also slides and if you are selecting any,specific variant on the right hand side,for example brown,white pink gray blue so blue is not,available that's why it is showing,unavailable otherwise this is showing,all the variants which were there so,this is really an important thing to,convert your uh customers if they are,visiting on to your store so uh how i,implemented actually i did lot of,struggle and in that way i added the,code and finally i did that so,let me show you that how you can do in,your own store so first of all you need,to go to your shopify store and here we,have the dashboard and first of all you,should click on themes on the right hand,side you can see that here we have,brooklyn theme,and a click on actions then click on,edit code,actually i have already removed the code,so let me refresh this page again so if,i have refreshed then now the design is,little different i mean this is,something like this,so now i will show you that if i'm,adding my code then how it will reflect,so here you can see that i have a lot of,folders and files so you should click on,templates then scroll it down,and click on product dot liquid or maybe,you can go directly to the sections then,scroll it down and here we have product,dash template dot liquid,and here you can see that we have bunch,of code so i'm going to replace this,whole code with the new code which i,have added so here you can see that i'm,going to copy this,and then i'm going to paste it here,first of all you should delete it and,then,paste the new code let me save these,changes,and once you are done then if you are,refreshing this page,then you can see that that specific,product slider is available here so this,is quite easy if you are also thinking,that you have also needed something like,that then you can connect me i will be,adding the whatsapp number and also the,email skype id so wherever you are,comfortable you can connect me and i,will definitely help you out with,implementing this kind of thing,so uh if you are thinking that this,video was used useful for you then,please like this video and also,subscribe this video i will also cover,other themes except the brooklyn this is,uh this code is for the brooklyn theme,only so i will be showing you for other,themes also that how you can implement,the same thing for different themes,alright so thank you so much for,watching this video see you in that next,video
Let's move on to the first section of Arrow theme shopify
How to Create a Product Images Slider on Dawn Theme | No Apps or Subscription | Copy & Paste Code
How to Create a Product Images Slider on Dawn Theme | No Apps or Subscription | Copy & Paste Code
if you have installed down theme in your,shopify store and you want that in your,product page there should be a product,images slider like this on my screen you,can see that this is a simple slider,which you can also add in your,shopify store so you only need to follow,the steps which i will be showing you in,this video you should completely watch,the video and then after you will get to,know that even if you don't know how to,code but still you can copy and paste,the code by following each step you will,accomplish this specific feature into,your store so first of all i am,interested to show you that i have,written this blog post i will be adding,the link below in the description so you,should follow this blog post along with,this video so in that way you will,complete the,whole,feature,so let me refresh this page actually i,remove the code because i want that you,should follow each of the step,so you can see that i have removed that,and,let's see how we can do the code once,again,and this is the shopify,dashboard so here what you have to do is,first of all you should go to the blog,post and then you should follow these,steps so the first thing is,go to theme action,edit code layout theme dot liquid so in,the dashboard you should click on theme,then you should click on actions here,you can see that we have down theme,installed so you should click on actions,then click on edit code,you will be finding some folders and,files here so first of all you should,click on layout then you should click on,theme.liquid,and the next step is find uh this,specific tag into your,theme.liquid file and paste below code,just above this closing head tag,actually this is called as uh close head,tag so i should uh find here,ctrl f or maybe a command f once you are,pasting here that specific tag and you,will see that this,yellow color would be highlighted and,just above this i am going to paste this,code,so this is the code you should copy it,and,paste it just above,all right so this is the code then you,should save these changes,the next step is open sections man dot,man dash product.liquid and find below,code,so i am going here in sections,here you can see that this is sections,let me close this,and then after you should find here man,dash product dot liquid so this is man,dash product dot liquid open it and then,you should find this specific,code,i am going to copy this and let me,control f or maybe command f and then,you can see that this is actually,that line and i should click on this,small little arrow so this will close,the complete tag and you can see that,this is the complete tag actually slider,dash component is started from here and,slider dash component is ended here i,need to replace this whole code with,this code,disk below code but let me show you,if you are,opening this tag,and you should click on it,and,go down,and here you can see that slider dash,component so press shift and select this,whole code and then delete it,and press enter key so that you,c
After seeing the first section, I believe you have a general understanding of Arrow theme shopify
Continue the next second section about Arrow theme shopify
Shopify how to create a Featured Product Slider
Shopify how to create a Featured Product Slider
christian fromm let's build off in,today's video we're going to modify,features collection interviews sowie,content and interactive slideshow,eigentlichen die zeit herunter display,ein extrem really happy monster destatis,video because i think it's great idea,and i can't think about how die,slideshows working general ali can use,them zuletzt in the short and defend,wird,starting at t shirt mit der sport wie,bei firstgate terror ebenfalls clique,des nil action button in gold to go ist,der shop im falter,denn hier der fürstlichen über die you,ist simply duplikate originalversion auf,dieses feature collection soll it again,later die switch von johann to use and,health darin point so let's go to folder,des calls actions or at the featured,collection ist es action on der homepage,und ihr gefeiertes gold collection dort,liquid computing because it's not called,features collection liquid petrol down,to the bottom of the so called scheme,attac und intensiven ages featured,collection and even more important role,down to the bottom we find anywhere,defined so called presets,und dies presets arts council for what,is displayed in der live customizer,der deception reeves the featured,collection dafür ist die to do is simply,everything is eben hier,annual cradle news action and maybe we,can't collet-serra collection der slider,empirisch generated in here and paste,clipboard in dem i can say this fire,action weeks away des action-adventures,ende customizer so let's go to the space,age was mentioned that we can change des,features collection in tune it safe,collections leider,in den safe bisweilen gern,nokia will quick check on the front and,open live customizer of the decade,refresh we should find aber news action,in hier,yes i can say you have featured,collection which is der originalversion,and the featured collections leider wird,es auch im copy and rather go ahead and,at least two pi team,die nzb 6m settings and originals action,which makes sense because we just go,with it in some any collections of the,best sellers,display sowie setting for women want to,display als think this setting doesn't,make sense sowie going to remove the,work on turning des intellectual,slideshow,saerbeck mit wie viel genau search for,any change control elements in der vsm,research die keyword range,and i can say they have to be salz,and the first one has agreed responsible,for the second,and we are going to remove ist ein teuer,control element wartet ein every move,setting for life customizer we have to,take care battles value is not calling,for the functionality of this section,so sei die resorts back dat well you,might be used somewhere in the context,of this file and the us to take that so,let's go ahead and remove cynthia,element,zuvor groß,das action epos ist just in der apa hf,des vdk have to check out this section,works and if this setting ist,ok so let's try to read this file eines,not to compete at least a twitter,container auf klare space with the,sections settings titel
After seeing the second section, I believe you have a general understanding of Arrow theme shopify
Continue the next third section about Arrow theme shopify
Shopify Navigation Tutorial ( Mega Menus/Multi Level Menus/Dropdown Menus/Header Menu and more...)
Shopify Navigation Tutorial ( Mega Menus/Multi Level Menus/Dropdown Menus/Header Menu and more...)
76 percent of online consumers said that,what they care about the most in a,website design is how easy it is for,them to find what they are searching for,yes 76 and this tells you how much it is,important to make sure that when people,land on your store they can easily and,smoothly move around and they can easily,explore what you offer and get to know,your brand more and this honestly can,never be done without a very clear and,organized navigation menu,hi there I am jihab and on this YouTube,channel I share with you videos related,to e-commerce entrepreneurship and more,and in today's video I'm going to show,you how to set up your Shopify,navigation menus in the best way,possible but quickly and before jumping,to my PC I want to tell you some things,that you need to keep in mind while,organizing your navigation manuals my,first tip for you is to always put your,customers in mind put yourself in your,customers shoes and ask yourself what,would make sense for your customers what,would they be searching for let's say,for example you sell it jewelries so,most of probably your customers will,want to find your products based on the,product type so you need to have a Rings,collection a bracelets collection maybe,a watch collection in this case you need,to link to all of these collections,within your navigation menu but not only,that let's say I'm shopping online for,Rings there might be a specific kind of,rings that I'm interested in so maybe I,want to buy a wedding ring maybe I want,to buy an engage engagement ring or,maybe I want to buy an everyday ring in,this case you need to have the,subcollections within your navigation,menu as well and in order to do that you,need to create a multi-level navigation,menu and I'm going to show you exactly,how to do that when you move to my,screen my second tip for you is the,following when you are naming your menu,navigation tabs always use names that,make sense to your customers so let's,say for example you want to link to your,wedding rings collection simply use,these same exact words to name your tab,this will not only help your customers,to find what they are searching for and,understand what you are selling but it,will also help your store for SEO,purposes my third tip for you is the,following when you are creating or maybe,redesigning your navigation menu always,keep your tabs condensed don't exceed,seven tabs for your navigation menu and,I'm talking about the first level tabs,and I'm going to tell you why our brains,usually can't hold more than seven,things or seven ideas at the same time,on the short term so if you don't want,your customers to get frustrated and,leave just keep it simple and keep your,tabs to seven or maybe even less to five,my final tip for you and it is actually,a sacred tip always make sure that your,manual looks good on mobile so now we,are going to move to my screen to start,setting up your Shopify navigation menus,are you ready let's start so here I am,inside of the Shopify dashboard
After seeing the third section, I believe you have a general understanding of Arrow theme shopify
Continue the next fourth section about Arrow theme shopify
How to Make Hero Picture Full Width in Shopify Supply Theme
How to Make Hero Picture Full Width in Shopify Supply Theme
hey guys i just wanted to show you one,more thing shopify while it's,still fresh in my head so how to get a,full width,slider in not just maybe this theme but,this is the supply theme but,a lot of themes in shopify the free,things work great,they just have some certain limitations,to what you can do,if if you don't do too much,customizations okay so so what am i,talking about exactly here,i'm talking about the supply theme that,shopify gives you by default,okay and if you look at the you look at,the structure of it and i don't think,you have to be a coder to understand,this,but basically they have the header,right in the full width container and,then they have,the the content or the body of your,website,everything is boxed in into this main,content container and this is really,good actually this,this kind of you know ensures all the,elements are lined up,it just makes things very neat uh,unfortunately,a lot of websites it just looks more,expensive when,when this picture is like a full with,container right,and i found this problem on some other,support forums and some people,did some like kind of hacks to get it or,css to get it but then there were bugs,and then it just wasn't working well,and then the explanation to get it it,was kind of like very,vague and i found it very vague so i'm,just going to go through kind of step by,step,about how i would uh solve this problem,here,um so to give you the end result the end,result should look like,like this now this is not full width,just because the picture the client gave,me was too small but you can see,most of the time uh it would look like,this right it would just look like this,and uh yeah that's it it's full width so,what's the difference here so what's the,difference with this code,and the default shopify code right let's,look into here,here this piece here,loaded above the container,so this is basically if you look at it,here nav bar nav bar okay so this is the,nav bar,container okay and then,if you keep going down you won't find,that old container where it was just,like constraining everything i didn't,delete it,it's still here so if we go down to here,you can see,so this was the kind of like below the,header,wrapper container with the paddings on,the side,and then i i simply moved and moved this,whole thing up,to the header container whatever you,want to call it right,maybe i'm not using a name that people,agree with but it is a container it's,just full with container up ahead,so let's dive right into the actual,coding of what i did,here it's actually quite simple i like,things that are really easy to do,basically,so that way i can't mess up anything,else,so here if you'll notice,here is you know they don't call it a,header but it's essentially the header,when you,you you put the header section,into the body well whatever it is close,enough to be a header,right and then i added my own section,which is a slideshow,right this slideshow what it represents,is here right,here it's called slideshow o
After seeing the fourth section, I believe you have a general understanding of Arrow theme shopify
Continue the next fifth section about Arrow theme shopify
New Wolf of Shopify Theme
New Wolf of Shopify Theme
what's up everybody welcome to a new,video i know i haven't made a video in a,while guys i know i know it's been a,while i've been promising that i would,come back uh but i figured i'd make this,video the reason why i'm making this,video is wolf of shopify 3.0 has been,finally,been released it's the new update uh or,theme release i guess you could say to,the 2.0 now if you guys remember when i,used to talk about different shopify,themes i always used to talk about the,pricing,you know what you could do with certain,themes and in 2022 especially like right,before 2022 came we saw a lot of,different companies charge more for,their themes,wolf of shopify was the only company,that i know that did not increase their,price now,guys you're looking at the price right,now on the screen i don't know how long,these prices are gonna stay how long,they're gonna exist so i'm just gonna,stick to talking about the theme for,today and not talk about the pricing but,we got the wolf of shopify 3.0 theme,this is not the alpha theme okay the,alpha theme is on a totally different,ball game you get totally different,stuff but the wolf of shopify theme 3.0,you get a lot here okay so this is the,new theme i've been taking a look at the,demo and in the next video that you guys,should be seeing you guys are actually,going to see me purchase the theme and,use it and we're going to create some,tutorials around it all right so,with shopify 3.0,we all know and i don't know about you,guys but i've been using it for,i like as a company,over four years i mean it's been a long,time um that i've been using these guys,now i've been through their beta their,you know their 1.0 2.0 and here finally,is their 3.0 so to me i'm interested to,see what what it is now i saw the video,the video looks pretty cool to me it,looks like a new version a more refined,version of the other 2.0 theme with a,little bit of added feature so first,thing we're going to do is we can take a,look at the page obviously we know it,boosts our conversion rate and i've made,countless videos on why that is uh in,this video i'll kind of talk about it a,little bit but you could see here they,have a whole bunch of different,uh i guess you could say like images,like uh like a gallery i guess you could,say about what it offers um but without,further ado i'm not going to look at the,page too much because obviously you guys,can do that i'm going to look at the,demo so let's go over here and click,take a look at the demo let's open this,a new tab,and let's go ahead and close this link,out here and let's take a look so this,is the new demo guys of the theme now,i've already saw it before okay so it's,not like this is something i haven't,seen i've seen this before but i figured,we'd show it here so the first thing,that you're gonna notice is this really,really nice big hero banner okay,and um,hero banners are great i'm not gonna be,talking about why they're great or,anything like that for this video we're,just gonna be just ta
After seeing the fifth section, I believe you have a general understanding of Arrow theme shopify
Continue the next sixth section about Arrow theme shopify
[2022 FREE] How To Add FEATURED PRODUCT SLIDER To Your Shopify Store - Easy Step-By-Step Tutorial
[2022 FREE] How To Add FEATURED PRODUCT SLIDER To Your Shopify Store - Easy Step-By-Step Tutorial
hello shopify world happy 2021 my name,is andrew from ecom experts dot io and,in this video i'm going to show you how,to code a,feature product slider into your shopify,store,right before we continue if you go down,below right next to the subscribe button,there is a,link if you follow that link you put in,some information you are going to,receive,a file into your email that file will,have all of the code,that we are going to go over and paste,into our shopify store so you don't have,to rewrite it and pause the video and,just copy and paste it follow the link,down below and that's done,after this video is done you will have a,feature product slider that will look,just like this and actually let's stop,talking and start coding so let's just,straight into,our demo store and here we are into our,demo store let me,show you right now so that you know i'm,not bamboozling you,um and there is no feature product,slider right,here it's a horrible ugly store,sorry about that so let's change that,we're going to go into the online store,section right here and this is a super,important if you skip this step,you are a idiot i apologize but you are,the first thing you have to do super,important,is go to your live team or the team that,you want to install,your changes on go to actions and click,on,duplicate the reason is we're going to,be working on a backup version of the,live team so,if something in the code here messes up,or if it doesn't fit with your team or,anything else,at least you're not stuck with a broken,store you can just continue on the live,team so you can mess up,all you want right here it's not going,to affect your life of visitors,so please duplicate it super important,okay,once that is done we're going to go on,the copy as i mentioned so we can mess,stuff up,and we're going to click on action and,then edit code,because it's time to jump into the code,i'm sorry this is a little uh,a little app normally you don't have,this section but you will have this,entire section right here and so we will,go to,the sections section here on the left,we're going to,choose add a new section the blue button,and when,we have to name this section we're going,to use the exact,naming provided in the document below on,the link,so again just follow the link put in,your information you should get it into,your email address,so this is the exact title make sure,there is no spacing,before or after oh i wasn't connected,before or after so make sure it's,exactly the same,and then we create the section once the,section is created something like this,should pop up so a little,basic piece of code and we're going to,be replacing that,with the code that is provided in the,document granted it's not,the shortest piece of code but we're,going to select,all of this delete it and then just,paste,the entire block of code that is,provided like i said in the link now,it's,pretty long so make sure it starts with,um pop-up up,make sure it starts with script source,and then,unpackage.com an
After seeing the sixth section, I believe you have a general understanding of Arrow theme shopify
Continue the next seventh section about Arrow theme shopify
Recreating The Oneractive Shopify Store With The Alpha Theme
Recreating The Oneractive Shopify Store With The Alpha Theme
what is up everybody mark with theme,rhino here from themerino.com,today we're going to be doing a video,where we redesign,the one or active store as you guys may,or may not know,we worked on the one or active store,back in the day when we first started,this youtube channel we had a whole,series,um if you guys want to watch the whole,series just hit the little,playlist button um and it's gonna be,right here,uh it's called let's build a shopify,store together,and this series guys was an eight,episode series that we used,with the original um uh one interactive,uh,with the original wolf of shopify theme,so this was the theme that we used,um it's a hundred dollar theme,as you can or 125 theme excuse me as you,can see,um it's well it's actually really 159 i,guess it's on sale or something like,that really,don't remember to be honest with you but,this is like a little upsell that they,add and we built the store with this,theme,right if you guys remember um but now,they have other themes for example the,alpha theme,or another theme rather and uh this,alpha theme,p i've been getting questions about it,people want to see me do tutorials,so i'm out there i'm going to do more,tutorials for you guys but we're going,to rebuild this store,that we built previously now like i said,if you want to see,how we built the store i literally,created a whole series on it,and i would record day by day by day uh,doing this,so i recommend if you guys want to check,it out uh head back,check it out watch the videos you know,watch the setup,so once that housekeeping is out the way,let's go ahead and get right into,the alpha theme so you guys are familiar,the alpha theme this is the theme that,we're using now,to rebuild the store this is kind of,like the preset that it comes in,obviously you can edit stuff out now,um you know you can delete sections add,sections,that's not even the point the point here,is um that we're going to be,recreating this and i want to show you,guys the power of using,a theme that's uh i guess you could say,premium,right a lot of the times when you're,using a free theme you're really holding,yourself back from the things that you,can do,and the things that a theme can,encompass and a lot of the times a theme,is a representation,of you and your business if if you're,using something that doesn't look,professional,it doesn't look clean it doesn't,captures people's eyes,that's what people are going to believe,when they see your business right,something that's mediocre,and you don't want to have a mediocre,business you you know if you expect to,make,thousands hundreds of thousands of,dollars right,how can you go off with a business,that's not even worth that much,right if you expect your clients and,your customers to pay you that much,how can you expect to uh continue to,move forward in a successful kind of,manner you can't,so that's why i always recommend using,premium shopify themes,i remember you know the first time i i,used the free shopify theme,and i w
After seeing the seventh section, I believe you have a general understanding of Arrow theme shopify
Continue the next eighth section about Arrow theme shopify
How To Make A Featured Product Slider On Shopify | Simple In (2022)
How To Make A Featured Product Slider On Shopify | Simple In (2022)
how to make a featured product slider in,shopify hey guys welcome back to the,youtube channel in this video i'm going,to be showing you how you can create a,featured product slider so when you open,up a ecommerce store you want your,featured products to be present in a,slider so how can you add that to your,shopify store without any coding,experience so i'm going to show you step,by step how you're going to add that,it's very simple and easy and you just,have to copy paste some code so don't,worry about it now to get started with,creating our slider the first thing,you're going to do is you're going to go,on to your shopify account and from here,what you're going to do is you're going,to click on online store so whatever,online store that you have created it,doesn't matter what kind of theme you've,used anything like that all of that is,not important all you have to do is,click on online store and you don't even,have to open up the website editor,you're just going to click on actions,over here and once you click on actions,what you're going to do is you're going,to click on edit code now don't worry,it's very simple you don't have to be,very tech savvy i myself am not a tech,savvy person but i can still very easily,add my featured product slider so once,you click on the edit code what you're,going to do is you're going to be with,this kind of empty template file and you,can see on your left you have all of,these different sections so on your top,section you have your layout and on your,layout what you're going to do is you,are going to click on theme dot liquid,so it's very simple go into your online,store i'll repeat just to show you guys,so you can follow step by step go into,your online store click on the code,editor edit or edit code so you're just,gonna go into your online store so just,click on your online store click on,actions click on edit code,and from here click on theme dot liquid,which you will find in the layout,section so just click on theme.liquid in,your layout section,and once you enter that what you're,going to be faced with is the code so,what you're going to do is you're going,to scroll down,and scroll down until you find the body,text now on the body text what you're,going to do at the end of this code uh,what you're going to do is you're going,to go on to paste bin so pastebin is,where you're going to add your,collection slider now what you're going,to do is you're going to copy these two,lines which are the first two lines of,our code and you're just going to copy,these and you're going to go back into,your editor and you are just going to,paste these over here like so just like,that you're just going to paste these,right at your copy section so we're,going to just add this over here or add,it like so,i'm just going to add it above,over here above your little body section,we're going to paste it,just like so we're just going to place,it like this,and once you have pasted these two lines,what you're going to do is you're go
After seeing the eighth section, I believe you have a general understanding of Arrow theme shopify
Continue the next ninth section about Arrow theme shopify
Shopify Released a NEW One Product Theme!
Shopify Released a NEW One Product Theme!
Shopify has just released two new free,themes and in today's video we're going,to check them both out together you're,going to get my real honest live,reaction to these two new Shopify themes,publisher and origin 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 so the First theme we have here is,called publisher,so let's just go ahead and take a look,okay,so we have this one's a link right here,I guess to a collection,this uh picture isn't clickable,then we have a new arrival collection I,like this,um it looks like there's more here but I,just don't see like a way to scroll,which is kind of odd like you can tell,this is a carousel but,where is the arrow I don't know,that that part's a little confusing okay,next,another image here with no click,I have mixed feelings about this because,it's a huge image and I just feel like,if you're going to take up that much,space It should be clickable it should,be leading to something like if someone,sees this product and they want to buy,it well you can't click it like there's,no option to,uh see the product the actual product,this one right here is we have the,apparel collection,then gift card I love that Shopify is,um showcasing more gift cards this is,pretty cool oh nice they have the option,of physical digital and then yeah I like,that,um,then we have a little notice here about,free shipping,and then yeah this one isn't clickable,and then I guess,um an advertisement to see upcoming,events and then we have the footer okay,let's just check out some of the,individual Pages oh that's interesting,too actually I didn't notice that right,away but there's no menu and there's no,scrolling menu either so,this is more of like um,one page design could be used as a,um one product store,um but yeah I'll just go down here I,guess I'll click this but yeah that's,really odd like there's like I mean we,have the links here and then the shop,buttons but,why is there,literally no menu whatsoever,that that's kind of odd okay anyways,let's go,let's check out books,okay,I like the Mouse,um Mouse over effect where it changes,photos that's nice,just kind of curious to see like an,individual product page so we'll just,click this one,I do really like the purple background,here this is really nice,nice I like the little icons,change here,you may also like that's handy okay,um again see like I want to like click,somewhere else but there's no links I,really right at the moment I dislike,that I'm curious to see how this is,gonna look on mobile I'll just pop it up,on the screen so you guys can follow,along as well but,curious to see how that works on mobile,but I feel like scrolling to the bottom,here to change the links every time is,not if not very user friendly,let's just check the about us page,yeah it's just it's nice,um,let's see what else we should check out,here,se
Congratulation! You bave finally finished reading Arrow theme shopify and believe you bave enougb understending Arrow theme shopify
No difficulty
