Covid19 update: WE ARE OPEN... it's business as usual and we look forward to hearing from you.

How to add products to Prestashop 1.5 (including video transcript)

Hi. This is the second video in our series concentrating on the new Prestashop 1.5 updated platform. As I explain in the video, we thought it wise to recap on some of the common processes as the layout has changed somewhat from the 1.4 version. An added feature to our video tutorials from now on will be a full written transcript (see below the video) to help visitors follow the tutorials. Enjoy….

Click to View Video Transcript

Hello, welcome to our new tutorial using the Prestashop 1.5 platform. Our previous tutorials have been using 1.4 platforms and since then the new upgrade there has been various changes €” not just the layout but also some of the processes in adding products, categories, etc. So we thought the first tutorial should really be a recap on those subjects. So today we are going to add a new product using the 1.5 platform. As you can see the administration dashboard layer has changed. The familiar information such as your monthly activity, customer services, statistics, and the list of your orders is still there. But what they have added are these new direct action buttons so to add a new product, you simply click these buttons now then it takes you directly to the new product€™s section and so you can add a product from your admin dashboard rather than using the traditional menu tabs at the top which to be honest, hadn€™t changed a great deal. There are are some new sections which we€™ll go through in other tutorials. But today, we€™re just going to focus on the catalogue section and adding a product.

TIME – 1:18

Just a quick reminder, as we always do €” I€™m sure your store is in maintenance mode, so just so you can view the store from the front end live, we need to change our preferences and add your I.P address to the maintenance section. The maintenance section can be found under preferences and here (see screen) in the maintenance tab, simply click here (see screen), you need to click the €œAdd my IP€ button here (see screen) to find your IP address here (see screen), and then simply save. By adding your IP address that enables you to view the shot live so you can review changes and obviously here, you want your store€™s set to disabled.

TIME – 2:04

Okay, now we can view our shop from the front end as we have here on new Teapot Creative Development site and we€™ll go straight to adding a new product. There were some products already added to the site here just to give you an idea of what they looked like in the new lay out. Everything else is very similar. The added button here is the same (see screen), duplicate button (see screen) and to delete or trash the item and also you to enable or display, just simply click on the text here (see screen) to enable or disable the item. Okay, let€™s add a new product. New add product button is here (see screen), again very simple, click this one that will take you to the global product information tab (see screen). Down here (see screen) we enter the product name and descriptions and the few of the little attributes. So first of all we€™ll go ahead and add the product name and we€™re going to add a blue coloured teapot and the name here is what will appear on the front end here (see screen).

TIME – 3:17

So you have the product name here (see screen), and also we have the product name here (see screen) so what we add here will appear there. Supplies reference – this is really useful if you€™re pulling off stock checks so if you€™ve got items out of stock, you can put off a report showing those items out of stock and next to that item will be the supplies reference making it easier for you to raise an order if you already have the reference there if you€™re emailing your suppliers for a renewal of stock. EAN number – this is essential if you€™re going to be using our Amazon integration and feed because Amazon do require the EAN number of all products they list on their store. And the next section is a short description; I€™m going to quickly take that from an existing product so if I pinch the text here (see screen). So this is your short description. I€™ll just quickly paste that into the box (see screen) and then the main description, which is the long description, will appear here (see screen) in the more info tab. Let€™s quickly pinch that and add that to the box (see screen). Tags, these are SEO tags or words associated to that product which can be picked up by search engines so for this item we would add blue teapot €” I€™ve added some here already on China teapots and so any words which you would associate it with this product, we need to be looking at the page and you would like the search engines to see these tags as important €” associate those with the product so if there€™s a red teapot, we put red in there, etc.

TIME – 5:03

Over on the right hand side, you have your status, you either have it enabled or disabled, visible everywhere. Obviously if it€™s disabled you can use this for adding products before they go live or if you have the information from your supplier before the items are actually going to be on sale. You can create your products but disable them and enable them when the products come into stock. Condition fairly self-explanatory but most of our products or most of your products will be new. You know, the option is set on used or refurbished. There€™s three new buttons here (see screen), we€™ve got €˜save, back to list, save and stay€™. Save (see screen), we€™ll save the product and any changes you€™ve made to it but return you back to the product list, back to list, which is take you back to the product list but won€™t save any changes and save and stay will save your changes but keep you on the product information page so we do click save and stay and we can move on to the next section, which is prices. We€™ll go through the tax settings at a later date but here you would enter your price before tax and your price at retail and your price with tax. Because we€™re not going to set any taxes on here, it would just be retail price with tax, which is going to be £10. And again, we€™ll go through specific prices in another tutorial but for now, we need to add the retail price with tax and then it€™ll give you your final retail price, which is here (see screen) £10 which is correct. And again, we need to save and stay to move on to the next section which is SEO.

TIME – 7:02

Prestashop by default will take the product title as the Meta title and it will take product short description as the Meta description. So you don€™t have to fill these out if you don€™t want to, but if you want to target your products specifically for some Meta data or being more detailed about the title of the product or even add more words to the product title, we can do it within this section here (see screen). But for now we€™re going to leave it and let the system take the product title as the Meta title and the product short description as the Meta description. It€™ll also generates a friendly URL by default from the product title so because our product was called a blue coloured pot, it€™s taken the URL, a friendly URL as blue coloured pot. We will touch on how to activate friendly URL€™s in a later tutorial as well.

TIME – 8:01

So, on this one save and stay, no changes (see screen). Association, this is where we will associate the product with a particular category. With this teapot It€™s a coloured teapot but also we€™re going to associate it with home. Home is the section you see here (see screen), which is at the moment, we€™ve not added an image to it but this is where the product will appear within the home section also called featured products.

TIME – 8:36

Now, if we were to take this out of the home section, save and stay (see screen) €” what we€™ll see here on the front end (see screen), if we refresh is the product has been removed from the featured home products. But we do want it to feature that so we will click home (see screen), accessories and this is where you would add details for products which are associated with the product the customer may be viewing. So if they€™re looking at our red teapots but they may like the blue, and the yellow, and the green teapots, we want those to show up on the same page or be there as an option to view on the same page to give the customer other options to view at the same time rather than having to go back to the category or the subcategory to find out what other products should do. So with this one, we€™re going to associate the yellow teapot. So if we just type in yellow, press the €˜shop does pick that product up from the list€™, and all we need to do is just click it and it adds it here (see screen). I would also associate our teapot with the red one. Type in red€”red pot colours, shows it€™s associated here (see screen). You can also associate a manufacturer.  I haven’t got any manufacturers set-up at the moment within this section. So you would choose a manufacturer who makes that product, so when the customers were looking in your manufacturer€™s section, this product would appear under the correct manufacturer on the list. You can use supplier as well but we use manufacturer. So we need to save and stay (see screen).

TIME – 10:21

We go on to the next section which is shipping. You can add an additional shipping cost to the product if it€™s heavy, so if it was an item which €” say you had your shop set at free shipping but this item is really heavy and you want to add an additional charge to that item, you would add it in this section here (see screen) and you can also define a specific carrier for a product. So if this product can only be shipped by my carrier, you would define that in this space here (see screen) but this one is available by any carrier and there is no additional shipping charge so we€™re not going to make any changes there. Now, this is the section we said we would touch on briefly but we will touch on again in more detail in a later tutorial which is Product Combinations and Attributes. This is your attribute creator button (see screen) which is really a good tool. Now if we click this one (see screen), it will ask us if we want to proceed because we may have already had combinations available for this item and if we do proceed, it would actually delete those combinations, but we haven€™t got any, so we will proceed (see screen). And I’ve set-up some attributes here (see screen) which are colour as our teapots are available in different colours.

TIME – 11:38

Our particular blue teapot we want available also in red, yellow, purple, orange, and green (see screen); we click those attributes and we€™re going to add those to the product, and we just simply click the add button here (see screen) and Prestashop chooses the attributes we added but we also need to add default quantity, quantity in stock for those attributes. So we€™re going to put a default of five in stock and all we need to do €” once you€™ve done that, is generate the combinations. That€™s it for now but we will be returning back to this to add some images to those combinations. So, we€™ll come back there after we€™ve added some images.

TIME – 12:25

Now we€™ve come to quantities, we€™ve added five quantities to all of our options within the combinations generated. So we don€™t need to do anything here and now we€™ll go to the images and this has changed, this has speeded up a lot in the new 1.5 version, so we simply upload images directly from your PC. So we want the blue for our blue teapot, is available in yellow, orange, green, purple, so quickly open those up and instantly Prestashop uploads on the images all at once that you want so you don€™t have to go back and add an image individually each time. You can add all those images with one click of a button. What€™s happened here is there€™s actually a sign. The purple image€™s default cover image which is incorrect, we want blue. So once that€™s been assigned, save and stay (see screen) and at this point, we now need to go back to our combinations. Because with each combination, you can actually assign an image, with our colour combination green, we want to assign the image of the green teapot with that combination, so we save and stay. Now we go back to the orange, we do exactly the same, orange €” want to associate with the orange teapot image, save and stay, purple-purple, yellow-yellow, and finally red with our image we don€™t have.

TIME – 14:08

We don€™t have a red image. Okay, what we can do here, we don€™t have an image for it, we can actually go back to the list, back to the item and now combinations and the red one €” because we haven€™t got an image for it. What I€™m going to do is delete it. So we deleted that combination. So now we€™ve done adding our combination images, we can now move on to the next section, which is Features. This is where you would put in specific features for the products of the teapot – an extra wide spout and the dimensions were specified. You could put it here as a feature rather than wait, you could put spout dimensions or teapot lid dimensions, etc. and define those products specifically for that product. But we don€™t have any for the teapot so we€™ll move on. And Customisation is not a customisable product, so we€™re not adding text to it or any text fields, or such like, and then attachments, this is where you would add an upload attachment file. So if there were instructions on how to use this teapot, we would add a PDF file maybe and upload that to the site and when the customers are looking at that item, they can go to the download section within the product information and download a product instructions, but we don€™t have any for the teapots. And finally supplies, if you would like to assign a supplier to it, this is the section would do it, but we€™ve used €” if we go back here (see screen), manufacturer €” it was assigned a manufacturer rather than a supplier.

TIME – 16:06

Okay, so all of that€™s done, so if we go back to our product€™s listing, we can see the item€™s here and if you want to make any changes remember, this is the tab you need here €” edit; pen and paper. And if we go back to the front end, you refresh and see our new product available on the home page and we have a new flash on there. You can set the time that new product is considered new within the admin back end, which we€™ll show you at a later date. So we click the product, blue teapot (see screen) €” okay instantly, we can see there€™s an issue there because we don€™t have the blue image.

TIME – 16:52

So if we go back to our edit and go back to our images, get blue as the cover, save (see screen), it€™s there but it€™s not default. Let€™s see why. Let€™s go back. It is showing the default here, which is correct. (PAUSE) That is because we haven€™t given it an option of blue. So if we look at our options here, we have green, orange, purple, yellow, so we need to add a new option. So rather than doing the product generator, which would wipe out all of these, we need to go back to €œNew Combination€ button here (see screen), and rather than using the button, this is the manual combinations creator.  We go to colour which is correct (see screen), and the value is blue so we need to add that. The price €” there has no price change but our image is blue. Now we need to save and stay. So because we didn€™t actually give blue as an option and associate that image with the blue, it was coming up with green which was the next nearest combination and image. If we go back to our item and refresh (see screen), the blue option is available but there€™s nothing €” it€™s not in stock. So again, it€™s not going to show that as the default because it€™s not in stock so we go back to our blue option, we edit and we need to put in how many are available.

TIME – 19:06

So we go back to quantities, rather than combinations, its quantities and if you see here, it€™s showing zero in stock. So we€™ll add the default five, which we would have added had we been using the combinations button. Save and stay, go back, refresh (see screen). (LAUGHS). And I€™m still showing green as the default. Let€™s go back and see what else I€™ve missed. See, we can always, always go back and edit. Let€™s have a look. If we go back to images (see screen) €” cover image is correct; combination blue is available, quantities 5 in stock, delete image, upload, new teapot, default, save. Then go back to our combinations and we didn€™t set the combination as the default and remember the default is the colour green. So if we go back here and click the star (see screen), that creates blue as being our default, moving it from the green and if we save and stay, and refresh, default blue and that€™s the image the customers are presented with when they land on the page. So as you can see, even though we might not get it right the first time, if you go through the process, stages again and just double check what you€™ve done and maybe this actually is a tutorial, is a better way of doing it just to show you reasons why it may not be showing as default.

TIME – 21:14

But anyway, we got there in the end and we have a blue default, green option with the green image, orange option with the orange image, purple option and yellow option and as we said before, we added accessories so we added items which customers might like to see, which may be associated with the blue teapot. And we said that we would associate the red and the yellow teapot with this blue teapot and this is where they appear. We have changed accessories to €” ‘you may also like’ on stores, Prestashop out of the box, default is accessories but more and more stores we€™re seeing as labelling this as ‘you may also like’, obviously showing the options you€™ve associated with this product, to give the customer other items to look at. And that is it, it€™s also appearing on the home page, again with the flash new and that can be set in your admin tab in Preferences, General, Products €” it says number of days here for which the product is considered new and that€™s 20 days, so it depends on how often you update your products. If you€™re getting products in each week, maybe we€™d only like to leave that as a new product for 7 days and after 7 days the new product flash would be removed and will be assigned to other products within the 7 days after that.

TIME – 22:51

Okay, that€™s adding new products and attributes within the new Prestashop 1.5. I hope you return for further tutorials on adding categories we will go in the attributes and values and more details, also assigning manufacturers and some other preferences modules within the Prestashop 1.5 platform. I hope you enjoyed this tutorial. If we€™ve missed anything or not made anything clear, please comment on our blog and we will answer and I hope you return for our next tutorial.


About Barry

I thrive on creating solutions through my design skills. Drawing on over 20 years experience in a huge array of disciplines. Branding, graphic and web design, retail interiors and signage.

Give us a call on 01460 281865 or email us to see how we can help you!