1 00:00:00,930 --> 00:00:06,390 In this video we'll make sure you understand the custom post type that newcomer's uses as well as the 2 00:00:06,390 --> 00:00:12,930 taxonomies and custom fields for managing an online store like the custom post types we learned in previous 3 00:00:12,930 --> 00:00:13,650 chapters. 4 00:00:13,740 --> 00:00:20,010 The newcomers products custom post type allows for the organization of data separate from the Wordpress 5 00:00:20,010 --> 00:00:21,790 pages and posts. 6 00:00:21,930 --> 00:00:27,210 By the end of this video you'll understand how to work with the newcomers custom post type and why it 7 00:00:27,210 --> 00:00:28,690 works the way it does. 8 00:00:28,710 --> 00:00:34,700 This will enable you to customize the plug in if you need to for any WordPress e-commerce project. 9 00:00:34,890 --> 00:00:41,520 In the last video we took a quick look at the products page and we looked at a single product. 10 00:00:41,520 --> 00:00:49,560 I did notice that when we were looking at that product page the Yost se 0 section which appears on every 11 00:00:49,560 --> 00:00:55,740 post or page every page on the web site gives you an opportunity to control how it functions with the 12 00:00:55,740 --> 00:00:57,030 search engines. 13 00:00:57,030 --> 00:01:03,300 For now just to get that out of our way you can close the little tab by pushing that up a little bit 14 00:01:03,300 --> 00:01:11,380 higher and then next time you open a product that Yost's Ezio toolbar will be compressed. 15 00:01:11,470 --> 00:01:15,280 So if you look at the different parts under one of the products. 16 00:01:15,280 --> 00:01:22,750 Again we've got a title and a description and we've got a category which if you're a member is a hierarchical 17 00:01:22,900 --> 00:01:30,370 taxonomy in that you can have something like Hoodie's which is under clothing you've got a parent and 18 00:01:30,370 --> 00:01:34,630 you've got a child taxonomy item here. 19 00:01:34,960 --> 00:01:42,300 And so there's categories and then there's product tags as well which is a non hierarchical taxonomy. 20 00:01:42,490 --> 00:01:49,630 You got an image and then it does offer a gallery so you can put a product gallery of a multiple set 21 00:01:49,630 --> 00:01:57,640 of images associated with this one post or one custom post type called product. 22 00:01:57,760 --> 00:02:04,480 And so each of the products in the custom post type can have its own set of images defined and then 23 00:02:04,480 --> 00:02:08,430 displayed depending on what the theme looks like. 24 00:02:08,710 --> 00:02:11,370 And so what else did we have right down here. 25 00:02:12,190 --> 00:02:15,610 We have a product short description. 26 00:02:15,610 --> 00:02:23,090 We have some product data down here and these things include the attributes. 27 00:02:23,170 --> 00:02:27,740 But if you remember when we went over this section before we've got the product which is the custom 28 00:02:27,740 --> 00:02:34,480 post type we've got a hierarchical taxonomy called categories and nonhierarchical one called tags. 29 00:02:34,620 --> 00:02:42,850 And then if we look at attributes attributes just like categories it's a hierarchical taxonomy and it 30 00:02:42,850 --> 00:02:45,460 has to do with attributes for the product. 31 00:02:45,460 --> 00:02:52,930 So Ill be able to list what color you can define what type or what attribute the product you're buying 32 00:02:52,960 --> 00:02:54,280 should have. 33 00:02:54,550 --> 00:02:59,260 And so it's got an attribute settings page you can create a new one you know. 34 00:02:59,260 --> 00:03:05,750 And if you click color when you look at the individual attribute which could be called a category. 35 00:03:05,760 --> 00:03:13,990 And in another way you can see that when you click on one of them it actually gives you an opportunity 36 00:03:13,990 --> 00:03:21,130 to have a a description for it a name and then I know it's a hierarchical taxonomy because it gives 37 00:03:21,130 --> 00:03:25,010 us an opportunity to choose a parent taxonomy for it. 38 00:03:25,150 --> 00:03:26,620 So parents and child. 39 00:03:26,620 --> 00:03:34,550 Meaning it's a hierarchical taxonomy but let's go back to that product page we were looking at. 40 00:03:34,810 --> 00:03:41,780 And as you can see there are some sections that have custom fields. 41 00:03:41,850 --> 00:03:48,730 There it is now at the bottom here the custom field section is called product data and it has a number 42 00:03:48,730 --> 00:03:53,500 of selectable items and some tabs going down the left hand side here. 43 00:03:53,620 --> 00:04:01,060 If we click attributes we can actually select a custom product attribute and add it right here or we 44 00:04:01,060 --> 00:04:02,850 can choose color. 45 00:04:03,130 --> 00:04:09,700 So if this attribute if this product could have more than one attribute might have some different colors. 46 00:04:09,850 --> 00:04:13,530 You can then add that to that product itself. 47 00:04:13,900 --> 00:04:17,420 And there's a few more that will go over later in this video. 48 00:04:17,440 --> 00:04:23,980 There's also a product a short description I made a quick change and I labeled the short description 49 00:04:24,280 --> 00:04:27,650 under this product that we're looking at right here. 50 00:04:27,820 --> 00:04:33,170 The short description under the Wu album number two. 51 00:04:33,190 --> 00:04:36,430 And so I'm actually looking at the flying Ninja. 52 00:04:36,430 --> 00:04:39,960 So let's go and go to home. 53 00:04:40,270 --> 00:04:40,690 Oops. 54 00:04:40,750 --> 00:04:42,700 That's the home page that I have to find here. 55 00:04:42,700 --> 00:04:50,620 I actually want to go to the shop great and I want to look for the product number two. 56 00:04:51,030 --> 00:04:54,010 And I might have to go to the next page. 57 00:04:54,720 --> 00:04:57,330 The shop pages have a pagination. 58 00:04:57,330 --> 00:05:02,110 OK there's Wu album number two so I'll just click the image too. 59 00:05:02,130 --> 00:05:06,470 Or you can click the whole listing really to look at the product page itself. 60 00:05:06,630 --> 00:05:13,050 And I can see that I have put a short description down here under that product I put the word short 61 00:05:13,050 --> 00:05:17,270 description here just so I could tell what was going on inside the theme. 62 00:05:17,280 --> 00:05:21,310 So the short description is the one right next to the item right here. 63 00:05:21,570 --> 00:05:27,510 And as you scroll down you can see that the full product description is right here so you can leave 64 00:05:27,510 --> 00:05:29,860 a longer description in this section here. 65 00:05:30,030 --> 00:05:35,470 And you can have the short description kind of even with the small image right up here. 66 00:05:36,660 --> 00:05:41,160 Another couple of things as you scroll down a little bit next to this product description. 67 00:05:41,160 --> 00:05:48,540 There's another tab that you can use called reviews and one of the great things about the wew commerce 68 00:05:49,050 --> 00:05:55,860 e-commerce plugin is the ability for it to use a revues system that's separate from the Wordpress commenting 69 00:05:55,860 --> 00:06:02,610 system and certain wew commerce enabled themes we'll be able to display the reviews and allow people 70 00:06:02,820 --> 00:06:10,590 to give it a star rating and to write a review right here and then to submit that review and those reviews 71 00:06:10,770 --> 00:06:14,200 can come up and be published on the site itself. 72 00:06:14,220 --> 00:06:20,580 So somebody browsing the product can look at the description and then can get some social proof or some 73 00:06:20,580 --> 00:06:24,500 testimonials from people who have used the product itself. 74 00:06:26,790 --> 00:06:33,000 Let's go back to the shop page and let's take a look at this flying ninja poster. 75 00:06:33,360 --> 00:06:41,640 And just as I noticed down here at the bottom when you go down and look below the actual image there's 76 00:06:41,640 --> 00:06:43,890 another little thumbnail right there. 77 00:06:43,890 --> 00:06:50,340 So if you click the image will give it a lightbox display word enlarges the image and then it shows 78 00:06:50,340 --> 00:06:56,880 you a thumbnail or some arrows and there are some arrows down here so you can see more than one image 79 00:06:57,390 --> 00:06:59,520 that's associated with this product. 80 00:06:59,670 --> 00:07:07,320 And that's an example that we were looking at before of having a gallery product gallery down underneath 81 00:07:07,320 --> 00:07:07,750 there. 82 00:07:07,920 --> 00:07:09,720 So let's just take a look at that. 83 00:07:09,750 --> 00:07:17,560 We look at the products page again and let's scroll down and look at this flying ninja product which 84 00:07:17,560 --> 00:07:25,900 is that poster we can see how that product image gallery is working. 85 00:07:26,050 --> 00:07:27,620 Scroll down a little bit. 86 00:07:28,500 --> 00:07:31,210 Right we've got an initial product image right here. 87 00:07:31,320 --> 00:07:38,150 And then there's another image down under the gallery so you can add product gallery images and that'll 88 00:07:38,190 --> 00:07:43,100 enable your product page to show multiple images of the same product. 89 00:07:44,560 --> 00:07:47,140 Let's take a look at the rest of our custom fields. 90 00:07:47,170 --> 00:07:51,810 Inside one of the product pages and just identify what they are. 91 00:07:51,850 --> 00:07:55,560 So in the general tab here this is under product data. 92 00:07:55,630 --> 00:08:02,650 We're either offering a simple product a grouped product an external or affiliate product meaning that 93 00:08:02,650 --> 00:08:07,420 maybe it's a product on Amazon and you're actually listing it in your own web store and you're going 94 00:08:07,420 --> 00:08:10,680 to be getting an affiliate commission on that product. 95 00:08:10,810 --> 00:08:16,310 And then a variable product is something different that we can look up its more advanced insight of 96 00:08:16,470 --> 00:08:17,400 Commerce. 97 00:08:17,740 --> 00:08:23,980 Here's an example of using the excellent commerce documentation and just this documentation page and 98 00:08:23,980 --> 00:08:28,540 I can search for variable product there. 99 00:08:28,630 --> 00:08:33,910 I've got a page called variable product and it's a product type in which commerce it lets you offer 100 00:08:33,910 --> 00:08:40,370 a set of variations on a product control over prices stock image and more for each variation. 101 00:08:40,550 --> 00:08:47,110 And inside the documentation they have a nice intro three minute and 52 second video which would be 102 00:08:47,110 --> 00:08:53,410 very informative about how to use variable products and when and where you should use them instead of 103 00:08:53,500 --> 00:08:54,910 another type of product. 104 00:08:55,030 --> 00:08:56,810 Let's keep this a simple product. 105 00:08:57,040 --> 00:09:04,090 And there's also the virtual and the downloadable checkboxes here and we'll be using these specifically 106 00:09:04,090 --> 00:09:07,650 in another video with our downloadable or virtual products. 107 00:09:07,720 --> 00:09:11,800 And there's a description under these when you roll your mouse over it. 108 00:09:11,800 --> 00:09:17,920 They're intangible and they aren't shipped and then downloadable are downloadable products so the woo 109 00:09:17,920 --> 00:09:26,110 commerce plugin will take care of downloads and private access to the files that you want to give people 110 00:09:26,120 --> 00:09:28,080 once they're purchased. 111 00:09:28,280 --> 00:09:32,920 And so you can also see that there's a regular price and a sale price. 112 00:09:32,980 --> 00:09:36,250 And if there's a sale price you can actually set a schedule. 113 00:09:36,250 --> 00:09:44,350 So there is a sale price from a certain date to another date and then you can have it be a temporary 114 00:09:44,350 --> 00:09:49,820 scheduled sale and then it will come off of the sale automatically when the date comes up. 115 00:09:50,650 --> 00:09:57,920 Under inventory you can use your Wordpress e-commerce store to manage how much inventory is left. 116 00:09:57,940 --> 00:10:04,330 For instance if someone buys the last product in your inventory list it will disable sales for that 117 00:10:04,330 --> 00:10:07,730 product and will give a message that it's out of stock. 118 00:10:08,720 --> 00:10:13,910 Shipping is obvious it gives you the shipping information for each of your products if you have size 119 00:10:13,910 --> 00:10:19,830 and weight and then class of shipping you can let one commerce plug in. 120 00:10:19,880 --> 00:10:24,030 Calculate your shipping costs and charge the customer linked. 121 00:10:24,050 --> 00:10:29,220 Products are about having like a grouped product here under the product type. 122 00:10:29,330 --> 00:10:31,380 And so if you link certain products. 123 00:10:31,580 --> 00:10:38,890 If somebody buys this product and you want to offer them the next higher cost type of product that's 124 00:10:38,900 --> 00:10:44,930 like that you can choose to do and up upscale across sell is a product that's similar but maybe in a 125 00:10:44,930 --> 00:10:51,380 different category and then grouping even group products together for some of those different group 126 00:10:52,070 --> 00:10:56,290 products that you might want to sell together attributes. 127 00:10:56,420 --> 00:11:02,280 We talked about like as in the color of a shirt or a sweatshirt something like that. 128 00:11:02,570 --> 00:11:09,260 And then under advanced There's a few more you have a purchased note for this particular product a menu 129 00:11:09,260 --> 00:11:15,950 order so if you're having a menu list on a sidebar you could put these products in a certain order by 130 00:11:15,950 --> 00:11:22,610 number and then you can either enable or disable the reviews tab that we went over on the products page 131 00:11:22,640 --> 00:11:24,500 a little bit earlier. 132 00:11:24,590 --> 00:11:32,150 Now I'm sure you can see that if I had given you the challenge to create an e-commerce store with one 133 00:11:32,150 --> 00:11:39,440 of the custom post type plug ins and you had to go in there and create the custom post type the taxonomies 134 00:11:39,440 --> 00:11:46,640 required and the custom fields for all of these items and then figure out how to display all of that 135 00:11:46,880 --> 00:11:49,880 in a nice looking way on your theme. 136 00:11:50,060 --> 00:11:53,730 Well that would have been a big undertaking. 137 00:11:53,970 --> 00:12:01,600 The Commerce e-commerce plug in gives us all this stuff pre-built and it even works in almost any theme. 138 00:12:01,640 --> 00:12:06,200 So the last thing we'll do in this video is just make a couple of fundamental changes just to start 139 00:12:06,350 --> 00:12:08,450 trimming up our store a little bit. 140 00:12:08,660 --> 00:12:12,820 And the first one is let's change the name of our store if you haven't done that already. 141 00:12:12,890 --> 00:12:14,670 And the tag. 142 00:12:14,750 --> 00:12:18,650 And so if you can remember where to change the name and the tagline. 143 00:12:18,680 --> 00:12:22,660 Pause the video now and go ahead and do that. 144 00:12:22,700 --> 00:12:28,940 I'll just go back to the dashboard and I might as well go into the appearance customize her so that 145 00:12:28,940 --> 00:12:31,830 I can see my changes as I make them. 146 00:12:31,880 --> 00:12:38,450 So site identity is where we have a logo as well as the site title and the tag line. 147 00:12:38,450 --> 00:12:50,250 So I'm just going to call this now my womb comer's store site and I'm just going to label it awesome 148 00:12:50,270 --> 00:12:56,470 products for you with an exclamation point and I'll publish that change. 149 00:12:56,470 --> 00:13:00,560 And here's two more changes I'd like you to attempt to make as a challenge. 150 00:13:00,730 --> 00:13:08,890 First customize this menu and make sure that it shows whatever you think the menu items should be up 151 00:13:08,890 --> 00:13:09,860 here. 152 00:13:09,880 --> 00:13:16,230 For instance we use that thank you for confirming page for our MailChimp configuration. 153 00:13:16,240 --> 00:13:22,030 And of course if we do have a MailChimp sign up as a part of our website or we don't want to just publish 154 00:13:22,030 --> 00:13:23,600 the thank you page right here. 155 00:13:23,620 --> 00:13:25,720 We'd want to hide that from the menu. 156 00:13:25,720 --> 00:13:32,410 So change this menu around and then customize the home page of the site so that the home page of the 157 00:13:32,410 --> 00:13:40,350 site is actually the shop has a video now and give it a go that went well for you I'll show you how 158 00:13:40,350 --> 00:13:46,110 I'll do it very quickly back inside of the customized I can just stay inside the customized to make 159 00:13:46,110 --> 00:13:47,590 those two changes. 160 00:13:47,640 --> 00:13:56,460 First I'll go into menus and menu locations and it looks like this is just a default menu showing every 161 00:13:56,460 --> 00:14:00,420 page on the Web site in the head or menu right here. 162 00:14:00,600 --> 00:14:00,930 Let's see. 163 00:14:00,930 --> 00:14:03,150 Let's go back to locations. 164 00:14:03,510 --> 00:14:10,680 Let's add a menu and I'm just going to call it the Hederman and you as I usually do and click create 165 00:14:10,680 --> 00:14:18,300 menu and if I put it in the primary location I think that's where it's going to be up at the top here 166 00:14:18,300 --> 00:14:19,920 in this storefront theme. 167 00:14:20,190 --> 00:14:21,150 But I can test that. 168 00:14:21,150 --> 00:14:27,660 I don't want to automatically add new pages to the menu but I will use that for the primary menu and 169 00:14:27,660 --> 00:14:30,460 then I'm going to add items to this menu. 170 00:14:30,660 --> 00:14:39,810 For instance let's see if I go down here and look at pages I do want to put the home page and here it 171 00:14:39,810 --> 00:14:39,960 is. 172 00:14:39,960 --> 00:14:41,430 Changing it as I watch. 173 00:14:41,430 --> 00:14:42,830 So that's the right menu. 174 00:14:43,050 --> 00:14:49,540 And I do and I have a button for my account and I would like to have a cart. 175 00:14:49,600 --> 00:14:53,400 A shopping cart ready for users to use. 176 00:14:53,730 --> 00:15:00,000 I think home is actually going to be the shop so I might just leave that blank or leave it off and maybe 177 00:15:00,000 --> 00:15:02,940 I'll have a checkout button for now as well. 178 00:15:02,940 --> 00:15:07,540 So I'll leave it to those four and I'll click save and publish. 179 00:15:07,780 --> 00:15:11,380 And now the second thing I want to do is change the home page itself. 180 00:15:11,500 --> 00:15:18,370 So if I go back over to here I can see it's a static front page and I don't want it to be the latest 181 00:15:18,370 --> 00:15:19,710 posts. 182 00:15:19,720 --> 00:15:25,390 I want it to be a static page and I'm a choose that shop page as my front page. 183 00:15:25,390 --> 00:15:26,020 There we go. 184 00:15:26,020 --> 00:15:29,020 Now just click save and publish. 185 00:15:29,260 --> 00:15:31,410 And I think I'm all set. 186 00:15:31,450 --> 00:15:41,200 So if I go back to the site in my tab I just click the home page here which goes to the base. 187 00:15:41,260 --> 00:15:44,170 Now I can tell that that is the shop page. 188 00:15:44,440 --> 00:15:44,890 Great. 189 00:15:44,890 --> 00:15:47,600 The home page of my site is the shop. 190 00:15:47,830 --> 00:15:49,630 And let's leave it at that. 191 00:15:49,630 --> 00:15:50,380 Good job. 192 00:15:51,340 --> 00:15:57,130 In this lesson you explored the newcomers custom post-time which is called products and it's associated 193 00:15:57,130 --> 00:16:01,300 taxonomies categories tags and attributes. 194 00:16:01,300 --> 00:16:05,260 You also check out all the custom fields options for each product. 195 00:16:05,260 --> 00:16:09,940 Along with that you also saw how the storefront theme displays all that data. 196 00:16:09,940 --> 00:16:15,790 Adding some specific web store type displays like multiple images for a given product and the product 197 00:16:15,790 --> 00:16:17,400 review functionality. 198 00:16:17,410 --> 00:16:24,940 Also nice job customizing the title tag line and menu items in the next video will explore and customize 199 00:16:24,940 --> 00:16:29,470 the account cart and check out pages that newcomer's uses. 200 00:16:29,470 --> 00:16:35,920 These are all dynamically generated pages that display different data depending on who's logged in. 201 00:16:35,920 --> 00:16:41,920 That means that the newcomers plug in not only uses custom post types but also acts like a membership 202 00:16:41,920 --> 00:16:42,380 site. 203 00:16:42,520 --> 00:16:48,880 In that it creates user accounts in wordpress and allows visitors to maintain a profile a purchase history 204 00:16:49,120 --> 00:16:50,770 and log in credentials. 205 00:16:50,770 --> 00:16:51,660 Let's check it out.