How Do I Set Up A "Brands" Menu Link Hover State That Takes User To Another Page On Hover Click?

Hi, this is Theo from Hopps help and today we're going to talk about how to create a brand page within the menu section of your Shopify store. This is one of my very favorite things to do I have three different stores that are online dropship stores that I have various brands that I work with within the United States and I want to make sure that I display those brands on my website. So, I’m just going to go over to one of my sites and show you an example. So you can see here I have my menu this particular store is selling wine coolers coffee makers etc. And I have a as you can see I have a shop brands section and here's a little drop down of the different brands that are being carried within this particular site if you click on the shop brands tab it'll take you to a page that allows for you to click on a different image logo of the said brand and once you click on that logo it takes you to the brands page similarly you can actually just click on any of these as an example and it will also take you to a brand's page that will display all of the products within that brand okay now how this is done is pretty simple so what you're going to want to do is you're simply going to want to upload your products to your site and just make sure that you have your if you specifically if you're doing online retail you're going to want to make sure when you upload your products that you are giving the vendor option the name of that particular brand okay so in this case Alvino is the vendor and when uploading this product we are making sure that we are categorizing that vendor as such now when you label this as Alvino you want to make sure that you also create a collection a vendor collection within Shopify for that brand so here's my collections page within Shopify, I’m just going to search the Alvino brand and here it is and you can see the product conditions for this collection is a product vendor equal to collection okay so that means that this is a vendor collection so that every single product that is labeled as a vendor for Alvino falls into this collection and Shopify automatically creates this for you want to make sure that you title the title the collection as such and then you'll want to select it as a product vendor equal to title of collection once you click save after that you can click view you will then have the option to immediately have a page automatically created for that particular vendor supplier manufacturer however you want to phrase that so now that that is done here's the next step after you do that for your multiple brands and in this case there's three as an example after that is done you're going to want to go down to online store and then pages and what I’ve done is I’ve created a page that is called shop brands and so now that we've got a page set up here's my shop brand section okay so what I’ve done is I’ve made a page called shop brands and I’ve just inserted so I can upload products you know from my computer into the into Shopify right I upload those images into Shopify and then I’ll insert them and then I’ll click on the insert and then put a link to said collection like so into the image boom now we've got a page that has clickable links on those images great now step three is after this page is completed is you want to go to navigation and once you are in navigation you'll go to whichever menu you would like for it to be in this case its main menu we're going to the main menu and we're just going to create a new menu in this case you want to just select shop brands and look there's my page for shop brands I’ll click that save and we'll add to it alright so then it's there the next thing you want to do is then add your individual collections to that so let's make a mock of this real quick so shop brands spell that right now shop brands there we go add it sweet so now I’m going to add another one I’m going to type in Alvino collections there it is Alvino we're going to add and then I’m going to drag this under that as a drop down and boom it's a drop down okay so for this I’m just going to delete we don't need that already so that is how I have dropdowns underneath my brand's menu and also when people click on shop brands it takes them to an entire page I have another example on another website that has a lot more a lot larger list here's a much larger list of different brands underneath that there you go here's a long list you can click shop brands and it takes you to a long list of different brands that this store is carrying and you can click on that image of that and then it takes you there so I hope this was helpful this is a really great way to make your store look and feel amazing and it allows for customers to have the ability to shop brands. All right this has been Theo from Hopps and hopes this was helpful.

How Do I Set Up A "Brands" Menu Link Hover State That Takes User To Another Page On Hover Click?

Loading...