Holiday Update

Posted on 19. Dec, 2017 in About Shopify, Advanced Tricks, Getting Started


What’s up, guys? Happy holidays. I wanted to give you a quick video that’s just going to show you a couple updates that have happened at Shopify for the remainder of the year. Now most of the updates are probably going to come out in January since we’re on a code freeze until that time, but I just want to hop in really quickly to you a couple of great additions that have been made to the theme editing tool that should make your holiday editing of your website a little bit easier.
Since we’re so close to Christmas, a lot of the code changes that are happening on Shopify will probably [00:00:30] be pushed to the new year, just to make sure that everybody can continue to operate as they normally would throughout the holiday season. But there were a couple quick changes made this week to Shopify to make things a little bit easier for you to manage.

If you go under online store and then go to themes and you go into customize themes, I’m going to show you a couple of these changes. The first one which makes things super easy to edit is a page selector on the top left hand corner. You can see here we have homepage, but then we can go and [00:01:00] select the type of page that we’re looking for. This is really helpful for you to be able to quickly navigate to your individual theme section. So say I want to edit a product page, I can click on product page and it’s going to load that up onto the site. Especially if you don’t have direct navigation to get there through your menu.

Other things that it’s going to show you is it’s going to show you if it’s a live or it’s a developing theme, so as you can see here on the right hand corner, this is the live theme that I’m using. And I also have the option [00:01:30] to change to full screen view, editing view, or over to mobile responsive view, so you can try out the different types that you’re looking for.

Super helpful update, but that’s pretty much that all that’s been added to Shopify for now. Now this is available on both Shopify core, as well as Shopify Plus, so it’s across the board.

That’s it for the update today. I will be back in the new year with some more updates and some more exciting things from Shopify. As we go through the winter season, I wish you guys a happy, [00:02:00] happy holidays, and hope that you guys are having a wonderful day.

Using Bulk Editor Tool in Shopify

Posted on 05. Sep, 2016 in About Shopify, Advanced Tricks, Getting Started

What’s up guys? I got a quick one for you today. We’re going to over the bulk editor tool, and I’m also going to tell you about a workshop I’ve got coming up in September. All that next.

You’ve imported all your products in to Shopify, and now you need to go and make some changes. An example of that is you want to put a bunch of stuff on sale, for example. Now, you could go in one at a time and make those changes, but that can be very tedious, and it’s very time-consuming. You can also go and export the products, so you can click on export, select your export, export it to a CSV file, make your changes in the spreadsheet, and then re-import it back in, but sometimes that might not be something you want to do, say on an iPad.

Anyway, Shopify offers a bulk editing tool, which allows you to edit all your products in one super clean interface. I’m going to show you how to do that. I want to go and I’m going to edit a number of these items, so I’m going to go and I’m going to click on the button over here and it’s going to select all the products. It’s only going to select the products that are shown in my current search result. If I have more than 32 products or more than 100 products on one page, it’s going to show on the next page, so you’re going to get an option here that says “select all products.”

Then, what I can do is I can do two things. One, I can go into bulk actions. I can either hide all the products in my store, delete the selected products and republish them, I can add tags and remove tags, or I can add them or remove them from collections, but what we’re going to do is we’re going to actually click on the edit products button, and what this will do is allow us to edit multiple products in this really cool spreadsheet format.

Now, the most important thing when you’re in the spreadsheet format is understanding that this is pretty much exactly the same as Excel. The only difference is you can’t drag and drop the columns, so you can’t move them around here. The way the columns are lined up is title is fixed. Title always has to be there, but then the order that you add these current fields in at the top is the order that they’re going to show up down here.

Let’s say I’m going to remove inventory tracking and charging taxes, because those aren’t important for me for the sake of what I’m going to be doing. I’m also going to remove compare at price. We’re going to get right down to the basics here, so we have SKU and price. If I want to add another field in, I can click on the add field, and then anything that is not in this light color, anything that’s in the dark color, is a field that I can then add, so I actually do want to add in compare price. The order that I add these things in here is the order that they’re going to show up down below, so it keeps things very, very clean.

Next, I’m going to go in, and I’m actually going to make some changes, so the Commander umbrellas, we had them on sale, and now we’re going to change them so they’re back at regular price, so we’re going to go 105, 99, and we’re going to hit save all changes. What you’ll see happens here is it’s going to iterate through each one of those products and make those changes. The way it shows it is it shows it by the name, and then if it’s indented in the green color, that means it’s a variant. If we have a look down here, we have the lookout hat night sky, it actually has a variant for night sky, and it will show the individual variant underneath it. The master product will then no longer have a way for you to edit it because it has multiple variants underneath it.

That’s everything you need to know about the bulk editor tool. As always, if you have any questions, you can leave me a comment down below. Just a reminder that on September 25th, I have a workshop coming up in Vancouver, British Columbia. This is going to be held at Brain Station. I left you guys a link down below so you can see the event as well as a nice discount code in order to get you 10% off of the price. That’s all for this week. If you would like, please like and subscribe to this video, and we will see you guys next week.

 

Shopify Dropdowns Part Deux

Posted on 26. Jul, 2016 in Development, Getting Started

What’s up, guys? I’m going to go and show you part 2 of how to make dropdowns with inside Shopify. Part 1 which you can watch right here will go over the basic ideas on how to make dropdown menus, but some themes support mega menus, so those big wide menus where you have a category header and then you have subcategories underneath them across the way, that’s what I’m going to go ahead and show you how to add in today. I’ll put a link down below to the pipeline theme, which is the theme that I’m using to do these mega menus. Great theme. Lots of, lots of options. This is the one that I use for most of my demos. Let’s hop over to the screen now, and we’ll go over how to do that.

Okay, so how to make multiple dropdown menus. If you have a look at this theme, you’ve got the option to have a regular dropdown, but you also have the option to have a mega dropdown. Not all themes support this, but I’m going to show you in this video on how to enable it if you are on a theme that does support it.

The first thing you want to do is you want to go over to your dashboard, and we want to go to Navigations. Now, as in my previous video, I showed you how to do regular dropdown menus, where we created this welcome, and then we created the dropdowns underneath it. I am now going to create additional dropdowns that go underneath those. The way the navigation works on another level is anything that’s inside any one of these handles, so if you create any menu that has the same handle as the title above it, then it will show up down below. I’m going to add a menu here, and I’m going to add a menu called T-shirts. You can see the handle here. This is going to match the previous one on the other page. The first thing I’m going to do is short-sleeve and long-sleeve. I’ll set this to a different product here, and we’re going to go to the long-sleeve. Save that menu.

What we can see now is if we go over here and we refresh it, when we go over top of the welcome, you see we now get a mega menu, and it breaks it up into t-shirts and shorts, and short-sleeves and long-sleeves. If we wanted to add more to this, we could do that. We can simply go to navigations, and let’s add Edit Menu Here, and add another item. We’ll call this pjs, and we’re going to go Sport Shirts. Now, when we go over here and refresh it, we’ll see that we have T-shirts that are pjs that are [short shirts 00:02:44] and then they’re shorts. Depending on how your theme is set up, it’s going to lay it out slightly differently, but basically how this works is it works for your handle, iterates through the items that go below it, and then goes on to the next one, so you can have cascading lists farther and farther down in your theme.

That’s pretty much it for double navigations. Let me know if you have any questions in the comments, and I’d be happy to help you.

Thanks, guys. Like always, you can click up here to subscribe. If you have any questions, you can always hit me up in the comments, or you can book a call with me, and I’d be happy to talk to you about your project.

How to Create Dropdowns in Shopify

Posted on 22. Jul, 2016 in Development, Getting Started

I’m going to go over how to add drop-down menus to your Shopify store. This is something that comes up quite often on desktop machines, for a good user experience, where you hover over top of an item, and then scroll down, and you can go to the different items on it. I’m also going to show you how this affects it on a mobile site, as well. I’m going to hop over right now to the demo store, and we will look how to do that.

Okay, I’m going to walk you through how to make a drop-down menu in Shopify. This is a standard way of doing it for all of the Shopify branded themes. If you’ve gotten your theme through Shopify dot com, then this will work for you. If you’ve gotten your theme through someone like Theme Forest, or you had it custom built by a developer, they might not have used this technique. For 99% of all themes that I’ve run into, this is how you add a drop-down menu.

I’m using the launch pad theme, it’s a very simple theme, and I want to add a drop-down underneath “catalog”. What I’m going to do, is I’m going to go to my dash board, and I’m going to go to “online store”, and then I’m going go to “navigations”. The way drop-downs work, is basically … Shopify goes through and first looks through the main menu, and then it goes and looks at all the other menus that are created in your dash board. It looks for any one that have the same name as an item in main menu.

Here’s an example. If you have a menu created called “catalog”, and you also have one underneath main menu as “catalog”, it’s going to list it underneath. For this example, I’m going to go and create a submmenu of “catalog”. First thing I’m going to do, is I’m going to go “add menu”. Then I want to put in “catalog”. Then, I’m going to put my first item underneath here. We’re going to “about us” first. We’re going to go to “page”, we’re going to select a page, and then we want to put another item underneath that, so “add menu item”. We’re going to go put “t-shirt” underneath here. Then we’re going to select a product. Then we’re going to save this. I added two in there, just so that you could see how it acts when you go into mobile, and that sort of thing.

If we go back over to our store, and we refresh our store, we can see this little arrow has come up, and now you have two items underneath your drop-down menu. If you have a mobily-responsive set theme, which you should have in this day and age, we can go in, and we can turn on the mobile responsive view port. Then, when we click on “menu”, we can see “catalog” shows up, and we can click on the plus sign, and will show us the items underneath it as well.

That’s basically how you set up a drop-down menu in Shopify. Don’t forget to like and subscribe to this video. In the comments, if you have any questions that are specific on drop-downs, you can leave them there, and I would love to get back to you. Have a nice day.

Sneak Peak at Shopify’s New Product Page

Posted on 12. Mar, 2015 in About Shopify, Getting Started

Here is a sneak peak at the changes coming to shopify’s product page. This video will help you get orientated with the new location of features.

How to setup SEO keywords and descriptions in shopify

Posted on 19. Mar, 2014 in Getting Started, Uncategorized

How to add SEO descriptions and keywords to products, collections and pages within shopify. I walk you through all the different areas on how to update your SEO in the new shopify control panel.

50 Ways to Make Your First Sale

Posted on 05. Feb, 2014 in Development, Ecommerce, Getting Started

Screen Shot 2014-02-05 at 11.57.34 AM

This morning I received an amazing resource from Shopify. This free ebook has dozens and dozens of great pieces of advice to help you get your store going. So good infact, I couldn’t just keep it for myself. Check it out Free Ebook

How to add an image to a page

Posted on 15. Nov, 2012 in Getting Started

This getting started tutorial shows you how to add an image to your shopify store. We cover
all the options available with adding an image. Layout, position, size and placement.
Read More…

How to create a page in shopify

Posted on 14. Nov, 2012 in Getting Started

How to create a page in shopify. We cover all the buttons and the option available to the user.

Read More…

How to creating a blog post in shopify

Posted on 14. Nov, 2012 in Getting Started

How to create a blog post through the control panel. We explain the difference between blog and articles.

Read More…