Puede gestionar los productos de su tienda utilizando la página "Productos", en el menú "Catálogo".

Secciones en este capítulo:

Introducción a la página de producto

Para crear un nuevo producto, desde la página "Catálogo" haga clic en "Nuevo producto" (o utilice el atajo de teclado CTRL + P): Abrirá la denominada página de producto, donde puede crear nuevos productos o editar los existentes.

Pestañas

En PrestaShop 1.7, la página del producto está organizada en pestañas:

Nombre del producto

El primer campo a rellenar es el nombre del producto, que aparecerá en los resultados de los motores de búsqueda y en la URL de la hoja del producto de forma predeterminada. Junto al campo encontrará un selector de idioma, que le permite elegir el idioma en el que desea editar o crear el producto.

 

Debe dar un nombre al producto en al menos el idioma por defecto utilizado en su tienda antes de poder guardarlo. No podrá guardar el producto hasta que no le asigne un nombre.

Asegúrese de traducir cada campo en todos los idiomas disponibles en su tienda.Para ello, haga clic en el selector de idioma situado junto al campo del tipo de producto, y seleccione el idioma en el que desea editar el texto del producto.

 

Tipo de producto

 

Esta segunda opción es esencial: indica si el producto es un pack de productos (una combinación de al menos dos productos existentes), un producto virtual (archivo descargable, servicio, etc.), o simplemente un producto clásico que se envía por correo. Por ahora, sólo analizaremos el producto clásico, y trataremos los packs de productos y productos virtuales en próximas secciones de este capítulo.

Idioma

Es posible que haya habilitado varios idiomas en su tienda, para vender en más países. If you wish to engage with your customers abroad, todo el contenido de su tienda (descripción del producto, captions, etc.) deben traducirse en esos idiomas.

Para traducir el contenido de su producto en otro idioma, just select in which language you would like to work next to the type of product selector. The product page will update with the content available in the selected language. You can switch from one language to the other without having to save your work in-between. Just make sure you are editing the content in the right language.

De manera predeterminada, la página del producto mostrará el contenido en el idioma predeterminado de su tienda.

Para añadir nuevos idiomas a su tienda, diríjase a la sección International. You can either add just a language in "Translations" or add a localization pack in "Localization". You will find more information in the international section of the documentation.

 

Botones globales

At the bottom of the page, several actions are possible:


 

Some keyboard shortcuts have been introduced in PrestaShop 1.7 to help you save time when you create several products in a row. The behavior is the same as described above, and it works for the following options:

  • Go to Catalog: CTRL+Q
  • Save: CTRL+S
  • Add new product: CTRL+P
  • Duplicate: CTRL+D

 

Creating a product

The product page, which has been redesigned in PrestaShop 1.7, makes it easier to create a product thanks to enhanced tabs.

Basic settings

The "Basic Settings" tab provides the main options required to create a basic product: in a few clicks you'll be able to create a new product. From there you can also browse the other tabs to add further details to your product.

Images

The image section is on the top-left part of the "Basic settings" tab. You should upload all the images for this product, including all of its combinations (color, size, shape, etc.).

To add one or more images to your product:

Drag and drop your images directly from your folder, or click on "select files" (or anywhere in the image section in fact) to search and open the folder containing your images. You can select as many images as necessary by keeping the Ctrl-key pressed while selecting files, or you can make your selection one by one. The default maximal size for an image file is set by PrestaShop according to your server's PHP settings. This size can be lowered in the "Images" preference page, "Product images" section.

Cover image

The uploaded images appear as thumbnails. The first one will be your default/cover image for the product. That cover image will also appear automatically on the product page of your shop.

You can change which image is your cover image by clicking on the image's thumbnail: the settings for this given image will appear. There you can check or uncheck "Cover image" to define whether the image should be the cover or not.

 

Zoom and Caption

When you click on "Zoom" the image will appear in its real format, in case you want to have a closer look at it.

Each image can have a caption: use it to briefly describe the image (and the product). If you have several languages, don't forget to translate it!

 

Sorting images

Once you have uploaded all your product images, you can modify their order by drag-and-dropping each image. You can also add more images by clicking on the "+" icon, or dropping it.


Summary and Description

Describing your product well is essential, both for the customer (the more information, the better) and search engines (it will help your shop appear in more search requests).

At the bottom of the screen, the two description fields each serve different purposes:

Feature

Below the product descriptions, you can several options. The "Add a feature" option is for specifying your products' features (i.e. weight, material, country of origin, etc.).

When you create features and values (i.e. wool knit and micro-fiber materials), you assign them to the products when it is appropriate. This means that you do not have to fill out the features fields for each of your products but instead simply fill in the necessary values and apply them later.

Be aware that contrary to the combinations, these values do not change, and are valid for the general product (meaning: all your combinations will share these same features).

 

Adding a feature

Before adding a feature to a product, you must create it for general use in your shop. You should go to the "Attributes & Features" page of the "Catalog" menu for this.

Feature and feature value creation are explained in details in the dedicated section of the guide.

Assigning a value to a feature

We will assume here that you have already set all your features and feature values.

When clicking on "Add a feature", a drop-down menu appears, listing all of your shop's features. Select which feature you want to add. Next, you can either assign one of the pre-defined values (as set when creating the feature) if there are any available, or set a value manually in the "Customized value" field. 

If no value is available for a feature, the mention "No result found" appears.

If you choose to use a custom value, do not forget to set it for every language that your shop supports. Use the language code selector at the top of the page to change the language.

If there are pre-defined values available, they will appear in a dropdown list. Simply click it and choose the correct value.

Once you have set all the relevant features, save your changes to see them immediately applied in the front-page.

Remember: If a feature does not have any value assigned to it, it will not be taken into account for this product, and will not be visible on your shop.

Brand

The same way you can add a feature, you can add a brand. Click on "Add a brand" and choose a brand in the dropdown menu.

If the brand you want isn't available in the drop-down menu, go to the "Brands & Suppliers" page to create a new brand.

A product can only be associated with one brand. 

Related product

The "Add a related product" field gives you the option of choosing relevant products to associate with this product, to suggest them to your customers when they visit the product's page (if the theme supports it). Click on "Add a related product", type in the first letters of product and select it. The product is then added at the bottom of the field.

 

You can associate a product with as many other products as you deem necessary. Click on the trash icon to delete the product association.
An association goes one way only: the associated product will not feature an association to the current product in its setting page.

Combinations

You will often sell the same product under different versions: they share the same overall name, but they might differ by their color, their capacity, their screen size, and other attributes. Most of the time, these attributes come together: you could have the red version of the product available with either 1 Gb capacity or 2 Gb, or with 12'' screen or a 15'' screen. This is why PrestaShop calls these versions "combinations": your stock of products can be made of several variations of a single product, which in effect are simply its attributes combined in specific ways.

If you need combinations for your product, select "Product with combinations". The "Quantities" tab of the product page will be renamed "Combinations" and will allow you to create your various combinations.

You cannot create combinations if you do not already have product attributes properly set in PrestaShop.
Also, you should not create a combination for features that your customers should not be able to choose from.

Attributes creation is done in the "Attributes & Features" page from the "Catalog" menu, and is explained in details in this dedicated chapter of the documentation.

To find out about Combinations, read the dedicated section at the end of this chapter.

Quantity

Indicate how many products are available for sale.

This option will not be displayed if you're creating a product with combinations: quantities for combinations are managed in the "Combinations" tab, as each combination can have a different quantity value. 

More quantity options are available in the "Quantity tab".

Price

Define how much you want to sell this product.

More pricing options are available on the "Pricing" tab. Whether you change your price in the "Basic Settings" or "Pricing" tab is just the same, as the tabs are synchronized.

Tax rules can be managed in the "International" menu, "Taxes" page.

 

Categories

The "Categories" section enables you to select in which category the product should appear. You can select more than one, but keep in mind that it is better for the customer if the category only contains equivalent and comparable products. Therefore, you should prevent from selecting root categories, and prefer child categories.
For instance, the "telephone" category can feature sub-categories of "brands" (Apple, Samsung, HTC, etc.) and as well as "characteristics" (dual sim, Android, etc.). It is up to you to indicate the category most useful to your customers.

Associating existing categories

To associate a category to your product, you can either use the search bar, or expand the category list and select the one you want to associate.

Using the search bar. Type in the first letters of the category and the bar will display all the matching categories and the path to access it. Choose your category and click on it. It will be shown in the "Associated categories" section.

Using the category list. By clicking on "Expand", you will see the category tree and from there you can select the categories you want to associate.

In the list of associated categories, if you mouse over a specific category, you will see the path leading to the category. It can be helpful if you have several categories with the same name (like "Shoes" which can be under "Children" and "Women" categories).

Main category

The "main category" selector is useful when an article is filed under several categories. It serves mainly to clarify which category to use in case your customer arrives at your site from a search engine, since the name of the category will appear in the product's URL.

 

Creating a new category

If you feel you need to add a category, save the current state of your product before clicking the "Create new category" button. 

Click on "Create a category" : the category options will appear. Fill in the name of the category and select the parent category. By clicking on create, the new category will be created and it will automatically associated with your product.

Don't forget to go to the "Categories" page later to fill in the details for this new category. To read more about categories, go to the related section of the documentation.

 

A new category will not automatically appear in your shop's menu. To display it, you should edit the menu with the "Main menu" module (when using the default theme), or any custom module you may have to manage the menu.

 

At this point, you are done with the essential information for a basic product page. You can save it. To have it immediately available for sale on your shop, click on "Offline": its status will change to "Online" and it will be visible on your shop.

However, you should keep reading, as there are many more details you can add to your product to make it more attractive to customers!

 

Quantities

Product quantities are managed in a single tab. PrestaShop will use this to determine when a product is soon out-of-stock or unavailable anymore.

 

Standard Product

For a standard product you only have two fields:

Product with Combinations

The way it works is quite easy: the page presents you with a table of all the combinations for the current product (if there are no combinations, the table simply has a single row). It is up to you to set the initial stock for all the combinations.

For more information on product combinations, read the dedicated section at the end of the page.

Packs and virtual product have different stock settings, you will find all you need at the end of this chapter.

Availability preferences

Out of stock behavior

The "Behavior when out of stock" option enables you to set PrestaShop behavior when the product is out of stock:

Labels

You can also configure the general settings applied to all of your products: the default option is to deny orders, but this can be modified under the "Products Settings" in the "Shop Parameters section" ("Allow ordering of out-of-stock products" option).

 

Shipping

The "Shipping" tab enables you to give some precious details about your product's package. It isn't available in the case of a virtual product.

Pricing

The pricing tab makes it possible to refine your pricing strategy, either by using alternative prices (price per unit), or by creating some price rules specific to the product.

Retail price

The price of your product before taxes.

 

You can fill out the "Price - tax excluded" field and choose the tax rate to apply, and the field will automatically calculate the retail price with taxes. The opposite operation is also available.

Cost price

Enter the price you paid for the product (how much it cost you to acquire or manufacture the product), it will allow you to compare it to your selling price in order to easily calculate your profit.

The cost price should be lower than your retail price.

Specific prices: Managing Discounts

You can change the total price of the product depending on the quantity of products your customer buys, the user group, the country, etc. This is done with the "Specific prices" section of the "Pricing" tab. Click on the "Add a specific price" button to reveal the creation form:

This is a very easy way to create a discount price for this product (and all its combinations).

Once you have chosen your values, click on "Apply": the summary of your discount settings appears below. The discount will be immediately visible on the store.
If you wish to delete a value, click on the trashcan icon in the table.

If you want to build more complex discounts, go read about the "Discounts" menu in the "Managing Discounts" chapter of this guide.

 

Priority management

A customer might fit into multiple prices or discount rules, even when you have set detailed prices and quantity discounts, with custom groups and shops (if in a multistore context). PrestaShop therefore uses a set of priorities in order to apply a single price rule to such customers. You might want the user group to be more important than the currency, for instance.

You can change PrestaShop default settings using the "Priority Management" section.

The default order of importance is:

  1. Shop (when in a multistore context).
  2. Currency.
  3. Country.
  4. Group.

A checkbox at the bottom enables you to update the settings for all products. If the checkbox remains unchecked, then your changes only apply to the current product.

SEO

To improve your product listing as well as increase your store's visibility we suggest that you carefully fill out the various SEO fields: meta titles, meta descriptions, and keywords and friendly URLs.

"SEO" itself stands for "Search Engine Optimization. Read more on Wikipedia: http://en.wikipedia.org/wiki/Search_engine_optimization

Get to know the best SEO practices for e-commerce! Download and read PrestaShop's free "Complete Guide to SEO": http://www.prestashop.com/en/white-paper-seo

To access the product's SEO information, go to the "SEO" tab.

 

Search Engine Optimization

The fields in this page enable you to directly optimize your catalog's visibility on search engines.

Friendly URLs will only work if URL rewriting is enabled. You can do this in "SEO & URLs" preference page (in the "Traffic" menu), in its "Set up URLs" section.

You will find more information on the "SEO & URLs" preference page in the "Traffic" chapter of this guide.

 

Redirection page

When your product is offline, its product page will no longer available on your shop. You have to decide what you want to show to your visitors instead:

Options

The "Options" tab provides additional settings to manage product references, suppliers, product customization, visibility and files. 

Visibility

You can choose to have the product available through different channels:

Options. A couple of specific options.

Tags

Tags are terms and keywords that will help your customers easily find what they are looking for.  When they use the search bar to browse your catalog, they will type some specific keywords. Choose the most relevant keywords to your product, to make sure the product shows in results when a visitor search for it.

To add several tags, simply separate them by a comma. For example : "dinner plate, dinnerware, stoneware" for a dinner plate.


All the tags can be seen in the "Search" page, under the "Shop Parameters" menu. You will find more information on tag management in this dedicated chapter.

Products tags are not the same as page keywords: they have no direct impact on search engine placement.

Condition & References

Condition. Not all shops sell new product and some marketplaces require this information from you. This option enables you to indicate the condition of the product:

 

Customization

PrestaShop makes it possible for your customers to customize the product that they will buy.

Example: You are a jewelry retailer and your customers have the possibility to engrave their jewelry with a text or an image. Your customers can submit the text and/or the image when they place their order.

The advantage of this function is that it offers your customers a personal service, which they will without a doubt appreciate!

Let's look at how to configure this function. Click on "Add a customization field" to indicate what type of context (file and/or text) can be personalized. You can put as many fields as you allow your customers to upload.


For each customization field, you need to give two information:

Example 1: the customer can personalize a book cover, by providing 3 images. You can have 3 customization fields :

LabelType
Front cover (20.95 x 27.31 cm, color)Image
Back cover (20.95 x 27.31 cm, black and white)Image
Spine (20.95 x 1.716 cm, color)Image

 

Example 2: if customers can engrave words to a product, you could use the following:

LabelType
First line (24 chars)Text
Second line (24 chars)Text
Last line, signature (16 chars)Text


Once all the label fields have been filled, do not forget to save your changes.

On the customer's side

Once a product has customizable properties set, its front-end product page has a new blockb, below the description: "Product customization".

The customer must choose the file(s) and/or add some text and save them before they add the product in the cart.

The custom image(s) and text(s) will appear in the final cart.

The rest of the purchase process is the same as usual.

On the merchant's side

Once the order has been validated by the customer, the merchant gets a notification of the order in the back office.

He can then check on the order, which will indicate the image(s) and the text(s) in the list of products, for each product. The merchant then simply has to download the image(s) (simply by clicking on the image in the order) or copy/paste the text and use that in its customization tool.

The rest of the order and delivery process is the same as usual.

 

Attaching a file

PrestaShop enables you to make some files available to your customers before their purchase.

For example, let's say you sell electronics, and you would like to urge your customers to read a document on how a product works. You can upload a document for that purpose.
You could also simply have the product's PDF manual directly available for download right on the product page. The customer can access it even if they didn't purchase the product.

Attached files

If you already uploaded some files to be attached, you will see here the list of the files available to be attached to the product. Simply select the file you want to attach to the product.

Attach a new file

If you haven't attached any file yet, you can upload a new file directly on this page:

  1. Click on "Attach a file"
  2. Click on "Browse" to select a file on your computer to upload.
  3. Fill out the title of your attachment (it doesn't have to be the same as the original file name).
  4. Give it a description. This will help you distinguish between your uploaded files with certainty and will give additional information to your customers.
  5. Click on "Add".
  6. The attachment appears in the "Attached files" list, already selected to indicate it will be attached to the product.
  7. Save your product.

A new tab will appear on the product's page, next to "Product Details", where your customers can download the file(s) that you just uploaded..

If you need to remove an attachment from this product page, you simply have to unselect it in the "Attached files" table.

You can view all of your store's attached files, add some more and remove some, by going to the "Files" page under the "Catalog" menu. This also makes it possible to use the files that you already uploaded for other products: if you need to apply the associated one file with many products, you will thus only have to upload it once.

 

Suppliers

Indicating the product's supplier is not really important to your customers (very much less so than its brand in any case), but it may turn out to be an essential part of your own internal management, not the least when managing your stock: you simply need to know who you bought the product from. The supplier of the current product is to be set from the "Suppliers" section of the "Options" tab.

 

You cannot use this feature if you do not already have at least one supplier registered in your shop. Suppliers are created from the "Brands & Suppliers" page, under the "Catalog" menu.

The complete supplier registration process is explained in details in a dedicated chapter of this guide.

Associating the current product with one or more suppliers is really easy: simply check the box corresponding to the supplier, and save your changes.

 

Supplier reference(s)

The supplier's section also features a table that enables you to set the precise reference and unit price/currency for each product combination, per supplier. If the product has more than one supplier, the table will display each supplier one after the other.

 

There are many more product-related options in the "Product settings" page from the "Shop parameters" menu:

  • Number of days for which the product is considered 'new'.
  • Default product order.
  • Enable advanced-stock management.
  • etc.

You should really check that these global settings are set as you wish.

 


Creating a product with combinations

To enable product combinations, you must first choose the "Product with combinations" option from the "Basic Settings" tab. You will see the "Quantities" tab change to "Combinations", and this is where you will be able to manage your product combinations.

Combinations cannot be created for pack of product or virtual products: it is only available for standard products.

You cannot create combinations if you do not already have product attributes properly set in PrestaShop.
Also, you should not create combination for features that your customers should not be able to choose from.

Attributes creation is done in the "Product Attributes" page from the "Catalog" menu, and is explained in details in the chapter of the same name of this guide.

How your product attributes are combined into combinations is up to you, and PrestaShop gives you two methods to achieve this.

Adding combinations

Manual method

This method helps you create combinations one after the other. Therefore, it is to be reserved to either products with few combinations, or products with very specific combinations that can't be created reliably using the automatic method (see next section).

Adding a new variation to your product takes just a few steps.

  1. In the combination bar, enter the combination of attributes you need to create, with their corresponding values. 

For example, if you need to create a combination for a t-shirt, size M and color red, you should enter "size m color red". As you type in, you will see suggestions appearing below the bar, simply select the attributes and values you need.

You can add as many attribute-value pairs as necessary to one combination.
You can only add one pair per attribute to one combination: it is impossible to have both "Color: Blue" and "Color: Red" in your pairs; if this is necessary, you will have to create new attributes, for instance "Primary color" and "Secondary color".

You can delete an attribute-value pair by clicking on the cross in its grey box. 

 2. When you have all the needed attributes, click on "Generate" on the right.

 3. The combination will appear in a table below.




Automatic method

If you have too many different products versions or varieties, you can use the "Product Combinations Generator." This tool allows you to automatically generate all of the combinations and possibilities.

Instead of typing each combination you want, you can use the selector on the right side of the page. It lists all the attributes and their corresponding values.

Here's how you should do:

  1. For each attributes, tick the values you want to add as combinations. You can select several values for each attributes to save some time.
  2. It will automatically add the corresponding combinations in the bar on the left.
  3. If you're happy with you selection, click on "Generate": it will automatically create your combination, with all the possible combinations.

For a single combination, you can edit its quantity directly in the table, edit it (by clicking on the pencil icon) or delete it (with the trash icon).

 

Managing combinations

Default combination

When you have several combinations available, you should choose which combinations will be the default combination. It will be the combination your customers see when they arrive on the product sheet. If they want to purchase another combination, they will have to select it themselves (by either changing the color, size or any attribute you may have).

Editing a combination

Each combination can be further managed by clicking on the edit icon. It will open a small window when you can change the details for this specific combination.

Once you finished editing a combination, you can either:

Bulk actions

You can change the details for all or several combinations at once. 

  1. Select the combinations you want to edit. Click right under "Select" to select them all.
  2. Click on "Bulk actions" above the list of combinations.
  3. Edit the settings you want to modified. It will be modified for all the combinations you have selected.
  4. Click on "Apply" to edit the combinations.

If you want to delete all the combinations you've selected, click on "Delete combinations".

 

When you have set all of the combination's details, save your product changes using the "Save and stay" button. Your combination will appear in the attributes list at the bottom of the screen.

 

Creating a virtual product

 

Your shop may feature (partly or exclusively) virtual products – that is, products that are not shipped, but rather downloaded: entertainment tickets, e-books/PDF files, real-life services...
PrestaShop makes it easy for you to create a virtual product.

The process to do this is similar to the one for creating a simple product:

The page organization will change:

The "Virtual Product" tab only features one option at first: it asks if the virtual product you are creating has a file attached (i.e., if your customer will pay to download something).

When you click "Yes", PrestaShop opens a new form within the tab, from which you can upload the file you intend to sell:

Once you are done with the "Virtual Product" tab, you can edit all the other available tabs as if you would for a regular product.


Creating a pack of products

You may wish to sell a pack of products made of several items. I.e.: a computer start-up pack composed of the computer itself, a monitor, and a printer. PrestaShop makes it easy for you to create a "pack" product and add other products from your catalog to this pack.

Packs enable you to simplify preparing orders. They also allow customers to take advantage of special prices and offers.

You cannot currently add combinations or virtual products to a pack.
If you need to have packs with combinations, you will have to create single products for each combination. This is a known limitation that will be fixed in a coming version of PrestaShop.

You cannot add an existing pack within a new pack, or import the content of an existing pack into a new pack.

The process to create a pack is similar to the one for creating a regular product:

  1. Go to the "Products" page, under the "Catalog" menu.
  2. Click the "New product" button.
  3. Next the product name at the top, change the product type to "Pack of products ".

This will change two things:

Adding products to your pack

You can add as many products as you would like to the pack.

You can remove a product from the pack simply by clicking the trashcan icon when you hover on it.

Managing pack quantities

When you are creating a pack of products, PrestaShop needs to know how to handle the stock. In the "Quantities" tab, under "Pack quantities", you must choose one of the following options:

Once you are done with the "Pack" tab, you can edit the content of all the other available tabs as if you would for a regular product.

 Watch our short video with 12 tips on how to create a great product page: