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
Let's move on to the first section of Basel theme shopify
Basel Responsive eCommerce/Woocommerce Wordpress Theme | Installation and demo import full tutorial
Basel Responsive eCommerce/Woocommerce Wordpress Theme | Installation and demo import full tutorial
hey there everyone in today's video we,are going to talk about vessel,responsive e-commerce website with the,help of you will be able to download,some really good-looking ecommerce,website right let me show you what,exactly this ecommerce website offers,you first of all you will see it has,over 7,000 sales right now on,themeforest which is a big deal right,and if we just scroll down you will get,to know about mood and details thing,about this particular website this theme,and if we just click on the live preview,section it will redirect to the official,website of that particular thing where,you can see these these theme provider,gives you a lot of demo content which,you can import on your website to make,it looks very more beautiful than it was,earlier used to be right so this is also,one of the demos which they provide so,they will try to import this demo on our,website so let's get started so first of,all you need to have this theme right,now if you don't have that much of,budget to try and test it out you can,just come to our website you can just,come to our website where you will get,this theme for like ten dollars or,something like that and once you buy,this theme and if you feel that this,theme doesn't work fine with you and,doesn't worth it that much you can just,get a seven days money-back guarantee,also that's a really good thing right so,you just come to you just have to come,here and click on download now link will,be in the description so when you start,the download you just have to wait for,it I have already downloaded it so I,will just cancel it so the next step is,to install this theme on our WordPress,website so for example I will I'm going,to use it on my local host here is a,very fresh website install on my local,host so the very first thing I will do,is login to my dashboard click on your,URL and type WP admin it will redirect,you to the dashboard section so,basically it will ask you to login your,user name and password just put it there,which you entered by installing,WordPress after that you will be,redirected to this section which is,called the dashboard here on the left,side you will see multiple many new,things which are very useful to develop,our whole website so basically they are,going to deal with the appearance,section under the apparent appearance,would you will find themes click on,themes so here we have to add a new,things so by default it pro WordPress,wide as 20/20 thing we are going to add,anything click on add new so here you,can see there are n numbers of free,themes which are provided by WordPress,so let me explain you what are the basic,difference between free theme and a paid,theme free theme don't have that much of,rough as compared to great thing because,paid theme has very more high conversion,rate when it comes to Adsense or,something like that and the mobile,responsiveness of a free theme is very,low as compared to paid theme so if you,guys have budget to invest something,like 40 to 50 dollars I would
After seeing the first section, I believe you have a general understanding of Basel theme shopify
Continue the next second section about Basel theme shopify
10 Best Shopify Themes With Beautiful eCommerce Designs
10 Best Shopify Themes With Beautiful eCommerce Designs
it's essential to make sure you pick the,exact right e-commerce platform and the,best site theme,here are the best shopify themes with,beautiful ecommerce designs,whether you need a theme for your online,store or to use for your next client,website project,we have you covered woki is one of the,best shopify themes,you could find if you're looking for,versatility it's the latest update,included 16 new skins,loads of blocks to help you build the,ecommerce layout,you want bizzell is a multi-purpose,shopify theme,offering a classic looking storefront,for all kinds of ecommerce businesses,including fashion,electronics and food and drink,shella is all about performance it,includes features such as,advanced filters a banner builder and a,mega menu builder if you want one of the,best shopify templates,this is a great option,gecko is a responsive shopify theme with,a range of,subtly different home pages and layouts,it's bright and inviting and takes,advantage of all the shopify selling,features,under the moniker of fast store version,4 this multi-purpose theme has seen,plenty of updates since the original,version,it's now faster with less complexity and,has seen support for shopify features,like shopify sections added as well,handy is a stylish responsive and easy,to use shopify theme it's a great choice,if you are looking to start a shop,selling handmade products,the theme comes with plenty of features,like an out of the box layout,configurator,that allows you to set custom layouts,mega menus video slideshows,live searches and more,the bell shopify theme by elite author,adorn themes,is worth taking a look at its latest,version includes,four new christmas themed layouts for,when the festive season,comes around this is one of the coolest,shopify themes for sale,on themeforest featuring more than 225,home pages,40 plus drag and drop sections and over,10 headers so you can build your perfect,shopify store,porto shopify theme is not only a,shopify theme it is a powerful package,that has everything you need,for your shopify store,this theme provides many different,layouts and design styles,powerful theme settings and is easy to,customize for any business or store,while also providing over 45 preset,homepage layouts,great for launching your store,immediately,and if you're looking to learn about all,things design why not check out some of,the other excellent videos that,envirotouch plus,has to offer if you like this video and,would like to see more,consider giving us a like and even,subscribing if you haven't already,and don't forget to click the little,bell icon to be notified of all new,videos including tips tricks,and tutorials
After seeing the second section, I believe you have a general understanding of Basel theme shopify
Continue the next third section about Basel theme shopify
Adding Trust Seal To Header in Shoptimized Theme
Adding Trust Seal To Header in Shoptimized Theme
hello everybody today I'm going to walk,you through on how to add a trust seal,to the header of the shop Timaeus theme,as you can see I've already written a,step-by-step guide on my website so,let's go ahead and begin and go through,the steps you need to go over to,sections and Oprah open up your header,liquid file from here you're gonna want,to copy enable header search come over,to the header liquid and search for it,once you have this pulled up you're,going to highlight this section of code,and delete it then you're going to come,back over to my site go down to step 5,select all this code in here copy it and,paste it in click Save,and wait for asset save to pop up right,there next thing you need to do is go,over to config settings schema that,Jason go ahead and delete that you need,to search for or find the search field,of placeholder,once you have it pulled up on your,screen right here you're gonna go after,the closing tag press ENTER go back over,to my say and copy the code from step 8,click save and wait for asset save the,Papa,all right that's all you need to do in,this section now you need to go to,customize theme wait for this to load up,it's taken longer than usual,go to general settings down to header,you're going to scroll down until you,see this section right here trust seal,as you can see here if I went too fast,there you have this step-by-step guide,over here next you need to grab the URL,provided by your trust seal provider for,this example I'm using trust guard,please note that you need to delete the,styling which is this section right here,and this right here I already have the,style deleted and this piece of code,right here so I'm gonna go ahead and,copy it come back over to here and paste,it in now we'll go ahead and show what,it looks like in each section all at,once because it takes a second to load,up when you make so many edits,there you go you get to choose where you,want the trust sale to show up on each,section of the search bar either left,right below or both this does also work,with the promotion banner but the,promotion banner doesn't show up in the,Shopify header savings area just click,Save and you had your trust card sale
After seeing the third section, I believe you have a general understanding of Basel theme shopify
Continue the next fourth section about Basel theme shopify
Shopify Development: color swatches to product page (variant switch explained)
Shopify Development: color swatches to product page (variant switch explained)
das ist ja nun from let's build off in,today's video ever built out some cars,which is for kate and instead of drag,drop down when you will have die skala,von buttons in monza click on one the,end is changing entsteht das was,arrested videos so konnte vor der input,zu heftig die os x disclaimer wie,costing das ist eine band tutorial and,if you seek the death simply copyright,by using a team gemeinsam basic,understanding vor javascript html dass,dominik des aim prozess will den energie,team austria und ried anyone to train,your thing we can't jump into the video,the development and created the project,on when you thought to mac die scala,switches work is very important to,understand how die setcard mechanisms,working in general and therefore not,that every product hesse unique id wird,dir kein feind in der url so lag mit,capitis texteditor suite ist jetzt matt,redman / products and product id,and the same whole truth be very end,blackberry und edita und let's say we,klicken es blue,wenn die url wayne stu,mettmann / verlagsprodukte die agenden,variance and very end and the city ist,der only thing you need to talk to go,kart wii action,do is simple kopie meister space etwas,ändern,/ karten question marx sowie parameter,idea now that simply copy of the,bavarian,mackenzie wird der shopping card ist mt,but once a god is created url,ähnlich schätzt sie der esflow t shirt,ist added to card das ist exakt what,happened on the perfect page zuletzt die,kinder litten die papiere von simply red,click and go to inspect,genau wie somewhere in between the,product form so 24,ein monster ec-karten ist klicken sie,das format post ergänzt / card services,master select oder value des master,select woody will holt in dem moment des,master select has only difference cfds,wenn wir dort options and then we have a,very nice and actually des select ist,hinten rechts sowie can make das visible,bei an checking der display non,properties in der cssr,the disasters select always holst der,combined value for the us that is blue s,green in ones are change one of the,single options sektors so let's change,this to blue men the master select will,simply be updated to win you combine,trient,jack green screens ohne zuvor in einer,clique to cut the value of his master's,select bietet zu kalt jetzt reicht s,green parrot,i have to build kallas watches der able,to update des master select in der same,way that this drop down skindred die,single option selected combined into the,master select,ok for the next step grübel grote ort,den teils sogar live wie monkey music,endet,starting with the assets fulda,tjs einlädt um eine little bezirken ried,first thing the search for the very very,inspektor slack change and exchange von,berlin change am keywords live search,query and maybe,solitude oder variance action script and,description ist in händels change events,for the very end inputs witches brew,promising,the very first interesting cars starts,here with the change event auf der,single option se
After seeing the fourth section, I believe you have a general understanding of Basel theme shopify
Continue the next fifth section about Basel theme shopify
Make Your Shopify Product Page Look PROFESSIONAL with Color Swatches, Tabs & Metafields!
Make Your Shopify Product Page Look PROFESSIONAL with Color Swatches, Tabs & Metafields!
in today's video we are going to,transform your shopify product pages,from this,to this,no coding required no app purchases,anyone can do this,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 all,right so i'm using shopify's free theme,sense and by default here's how the,product page looks,it's not bad but i feel like it's,missing a lot of elements such as trust,badges a star rating and customer,reviews,all right first things first we are,going to create a few meta fields if you,look at vessi's website these little,things here are what we're going to be,creating it's a way to organize and,store product information without,putting it all in your product,description box,so things like materials care,instructions ingredients and etc vesis,has put their product description in,these little tabs as well i have mixed,feelings on that but for this tutorial,we are going to do the same,from your shopify dashboard click,settings,meta fields,products,and click add definition,the first one we're going to create is,materials so type in materials,then click select content type and click,text,shopify made an update on april 6 where,you can now add medified lists so,previously if you had a list of,ingredients for example you would type,them like this,but with the update you can now type,your list like this,to activate that new feature all you,have to do is click this right here,except list of values,click save and we are going to create,our next one,click add definition again,start typing care,and then care guide should pop up here,click that,then click save,last one click add definition,type description,click select content type,select text,select multi-column text,and save,if you're new to meta fields and want to,see some more examples of what you can,do with them check out this video here,all right now let's go to our product,listing,and if you scroll all the way down to,the bottom of the page you will see the,new meta fields here,i'm going to go ahead and copy and paste,what i currently have in the description,box to both organize my information and,save space,the last one here is materials and you,can see the list feature in action all,you need to do is click add item to add,more lines or you can click the minus,here to delete any you don't need,all right let's save our work and then,we're going to add it into our product,page,you'll see here if i view my product all,the information i entered is nowhere to,be seen these tabs here are included by,default the sense theme but as you can,see they are empty,so click customize on your theme,click on this drop-down menu here,click products,default product,as i mentioned these tabs here are,included with the sense theme already,but if you're using a different theme,and don't have these under your product,information click add block,and click collapsi
After seeing the fifth section, I believe you have a general understanding of Basel theme shopify
Continue the next sixth section about Basel theme shopify
Should YOU Use Free Shopify Themes In 2018? [FREE VS PAID]
Should YOU Use Free Shopify Themes In 2018? [FREE VS PAID]
alright guys so is it useful or is it a,good decision to start your shopify,ecommerce business with a free theme,let's discuss it in this video and I,want to show you multiple themes now,that that I found in the in the theme,store and give you my opinion on what I,think about it so first of all it,becomes crystal clear that the majority,of themes out there are actually not,free so if I go to all themes right here,explore themes you will see that there,are ten free themes and fifty fifty six,paid themes and now if we filter by only,the free themes you see already that,there is a very limited style or the,very limited bread that you can bring,across so let's stick for with Brooklyn,for example many people use Brooklyn in,my opinion this is a good choice if you,want to evoke the impression of a high,quality brand of a more luxurious kind,of brand but the problem is with all,those free themes is that they have very,static and very limited functionality so,you see here you know it's tailor-made,for modern at Herald stores I agree I,used to Brooklyn myself and if we check,it you know it looks very clean but you,have very limited options what you can,do with it so yes it's this very simple,navigation bar then you have a few of,those tiles here and everything is very,static in a way right so every Brooklyn,store that I see except for those that,were custom they've developed where,someone made some changes to it look,pretty much exactly the same so you,always have these tiles and you have the,same product pages where normally the,text goes all the way down and all these,pictures are below each other and I'm,not saying that this is something bad in,general or that you cannot make any,sales with with free themes like,Brooklyn for example but the thing is,that if you want to bring across your,brand in the best possible way,especially if you have for example a,niche store and you probably want to add,some more content and you want to make,the whole store a little more exciting,this can sometimes be difficult with,those free static stores and,the reason is that you know sometimes it,is not only about having a product page,having the prices having some of these,scarcity apps etc it's also about,evoking a certain feeling in the,customer and also positioning your brand,as something that is worth buying and,this is why I believe when people say,you know the theme doesn't matter just,pop out something randomly and and just,throw your products on Facebook and get,started this is not really what I,recommend to do I believe that it makes,a lot of sense to take a look at your,store to take the time to develop it and,to build into something that people,would actually like to check out and,then buy from it in the end so if we,look at the paid themes now as I said I,want to I want to kind of want to,compare them if we also start looking at,the paid themes okay let's go back let's,go back and we if we look at the paid,themes though it becomes clear that you,can bring acros
After seeing the sixth section, I believe you have a general understanding of Basel theme shopify
Continue the next seventh section about Basel theme shopify
BOOSTER THEME CENTRAL - SHOPIFY THEME UPDATER - UPDATE YOUR THEME WITHOUT LOOSING ALL YOUR SETTINGS
BOOSTER THEME CENTRAL - SHOPIFY THEME UPDATER - UPDATE YOUR THEME WITHOUT LOOSING ALL YOUR SETTINGS
hey guys this is mark from booster team,in this video I'll show you the new,themed central that we've designed so,inside team central is the team updater,app there's gonna be more feature in the,team central that's gonna be the place,where all the new features from booster,team are coming out so in the future you,got you guys will see more features that,will come with booster you guys will see,we're currently developing it we're,working out our Derleth but right now,the new the new thing that we've done,and we did since the beginning 125,install that has been successful people,that has updated their theme so we,already tested the system everything is,working fine it's so simple now in the,past you were you were having to start,again for the baning to all your,settings set up your color as again set,up your banner again now we created this,app just so simple you just have to,click on the Update button that is there,so actually if you look at booster 2.0,there's an update available you can look,at here and the latest version is 2.1 so,you just have to click on the Update,button and you can see like on the past,version that is below 2.0 or they are,not supported so you guys can update,everything only if you have 2.0 or more,so it's super super super simple you,just have to click on the Update button,here the app is gonna do all the job for,you it took us a long time to do this,app took us around like nine months just,to develop the app and do the testing,and actually it's it's still in beta,mode but everything is working fine so,you guys can update your team very,simple takes around 20 second and 30,second now we'll close that you just go,to online store and you can see here the,version 2.1 is there it's still,uploading we won't take that long,you guys can click on customize just,check that everything is fine on it,everything is ok so this is the version,2.0 will last a bit,on the earth April 17 will go on,customize this version has never been,saved before so you guys will see so,everything is there no change you guys,can check just make sure everything is,there sometimes there's some settings if,there's new features or things like that,there's some settings that will need to,be done again but everything should be,there without any trouble so it's that,simple hope you guys will enjoy it it's,free for all user as you know data are,coming out,the theme is coming with one year update,after that there's a $79 fee for the,next year so you guys can enjoy it have,a nice day guys
After seeing the seventh section, I believe you have a general understanding of Basel theme shopify
Continue the next eighth section about Basel theme shopify
hey there welcome to you in my youtube,channel in this tutorials i am going to,show you how to import demo file of,wakitin if you have purchased shopify,wiki team and looking shopify working,theme easy tutorials then you can,continue this video,so let's get started,first of all we have to download the,package from,temporarist.net and i have already,downloaded the full package from,themepost.net here is the file,we have to extract this file that we,have downloaded so i am going to extract,this file right here,and now we can see there are multiple,zip file and from here we have to,install wacky version 2 shopify to,hypen,zero zip file okay now i'm going to,install this file in my shopify online,store to do this i am going to my,shopify admin panel here is my shopify,admin panel then i am going to click on,the,online store,now going to install our work theme so,click on the add theme button,upload zip file,select our file from here,okay,and going to select this one,open,upload file,wow we just added waki,shopify theme,so i'm going to rename this theme to,make it looks nice so click on the,action button rename click on the rename,button,okay,so now i'm going to,publish this,theme so click on the publish,publish button,okay,we have published,this theme now we need to install theme,plus app i am going to install theme,plus app right now to download theme,plus app just go to,theme plus,dot,softrail.net app.getstore,press enter,then we have to add our store url i'm,going to add my store url here,my store url,okay,then,click on the install,okay,now click on the install unlisted app,we have installed the theme plus app,and now we have to select the theme from,here i'm going to click on the select,theme and of course we'll select,wakithim then select preset that,actually our demo and,here the all the demo file for example,we wanted to select,demo,21,and we can see the free view right here,if we select demo 9,then you can see the difference theme,preview,okay,now i'm going to click on the upper,right theme settings and section,configuration,preset configuration imported,successfully that's been our demo,imported successfully now,i'm going to click on the online store,then customize,looks good we have to enter,and bar to purchase code,to active working shopify theme so we,have done our work just need to enter,our purchase code right here click on,the theme settings and here you will get,the purchase quote option,just paste the purchase code from,unbarter right here and finally click on,the save button,so we are done thank you for your time,to watch this video if you think this,video is helpful then click on the like,button and subscribe to my channel have,a nice day bye
After seeing the eighth section, I believe you have a general understanding of Basel theme shopify
Continue the next ninth section about Basel theme shopify
Out of the Sandbox - Flex Shopify Theme - Demo Shop Import Feature
Out of the Sandbox - Flex Shopify Theme - Demo Shop Import Feature
hello and welcome to the end of the,sandbox video guide for the demo shop,import feature the demo shop import,feature is a feature of our theme,updater app it is currently available,for a Flex Shopify theme the demo shop,import feature allows you to fast track,a shop setup based on one of the Flex,demo shops this means that all the theme,settings layout content and sections,used in the demo shop of your choosing,well then get applied to your theme the,Flex theme currently has 12 demo shops,to choose from with more to come all the,twelfth demo shops are listed in the,demo shop import feature but let's just,take a look at a couple just so you get,a sense of what some of these demo shops,look like so quickly going through the,nura shop here so if you import the demo,shop all the content images sections,will all get applied the mode a demo,shop so if you're to import the mode a,demo shop that means that the vertical,header layout will get applied to your,shop right away and again all the,sections and content would be there and,here's the techno demo shop so that just,kind of gives you a sense of some of the,demo shops available but again there are,currently 12 with more that we're,working on so in order to use the demo,shop import feature you'll have to,download our theme updater app which is,available in the Shopify app store once,you install the app he'll then be,available in your apps panel if you,click into Shopify theme updater in,order to access the demo shop import,feature when you see your Flex theme,you'll just have to click the actions,button and click import demo shop this,will then bring you to the theme demos,page where all the demo shops,the flex theme are listed there will be,some instructions at the top which are,also super helpful to read through under,the instructions for the demo shop and,work feature you'll see this button that,says view image import instructions,we're also providing you with the,placeholder images that we've used in,our demo shops we recommend uploading,the images first so that way when you,import the demo shop the images will be,populated for you in order to import the,images you can click this view image,import instructions button and then,follow the steps here to download the,images and upload them in your Shopify,admin so back to the theme demos page in,the demo shop import feature you can,then view all the 12 demo shops here and,when we have created more demo shops,they will also be added to this page so,each listing has the demo shop title,with a description you can then click to,preview the demo shop and then import it,once you're ready one thing to note is,that importing the demo shop overwrites,any existing theme settings and options,so you just might want to create a,duplicate of your theme first if you,want to have a backup copy so once,you're ready to choose your demo shop,you'd like to import you can just click,the import button,a warning pop-up will just remind you,that it's going to replace all the
Congratulation! You bave finally finished reading Basel theme shopify and believe you bave enougb understending Basel theme shopify