New product page (PrestaShop 8.1)

To use the new product page, you must enable it in the New & experimental features page on PrestaShop 8.1:

Adding a new product

To add a new product to your catalog, click on "Add new product" from the Catalog > Products page.

A new window opens, displaying the 4 different types of products you can add to your store. Selecting a specific type of product will change the different tabs displayed on the product creation page:

  • Standard product: A physical product that needs to be shipped. The Stocks tab will be shown. Note that you cannot add combinations to a standard product.

  • Product with combinations: A product with different variations (size, color, etc.) from which customers can choose. The Combinations tab will be shown and the Stocks tab will disappear.

  • Pack of products: A collection of products from your catalog. The Pack tab will be shown and the Combinations and Stocks tabs will disappear.

  • Virtual product: An intangible product that doesn't require shipping. You can also add a downloadable file. The Virtual product tab will be shown and the Combinations, Stocks, and Pack tabs will disappear.

Changing the product type

If you've selected the wrong product type, you can quickly change its type:

  • Click on the product type (under the product name field)

  • A window asking you to select the new product type is displayed:

Note that by changing your product type, all combinations will be deleted and your stocks will be reset.

Creating a product with combinations

In PrestaShop 8.1, the combination page has been reworked. A combination generation modal now appears when clicking on the "Combinations" > "Manage product combinations" tab.

To select single values, click on an attribute to expand it and select the values you want to add to your product.

To select all combinations for each attribute, click on the checkbox on the left of your chosen attribute(s):

You can also manually search for an attribute using the "Search for attributes..." field to find specific attributes.

This feature can be useful if your catalog has a lot of different attributes.

Generating combinations

If you select every value for the "Size" and "Color" attributes, you can generate up to 56 combinations in your catalog. Once you have selected your attributes, click on "Generate X combinations" to generate combinations.

When using multistore mode, you can generate attributes for all stores by checking the dedicated "Generate combinations for all stores" option, next to the "Cancel" button:

Managing combinations

Using combination filters

PrestaShop 8.1 introduces combinations filters on the "Combinations" > "Manage product combinations" page, allowing you to quickly manage combinations in your store:

Bulk actions

You can use bulk actions to remove or edit quickly some or all product combinations at once.

To select multiple elements at once, you can use filters and select the attributes you wish to edit or remove. You can also use the checkmark list on the left side of the product table to manually select your chosen items.

Editing attributes in bulk

To edit a field in bulk, select the combinations you wish to edit and click on the "Bulk actions" button:

Then, click on the dropdown list for each category (for example, "Retail price") and select the element you wish to edit.

You can then enable the field using the slider button (enable/disable) and type in your desired value.

By default, the set value for every field is 0.

To reset a field, you can toggle it and manually set its value back to 0.

This way, changes will only be applied to your selected combinations.

Removing attributes in bulk

You can remove attributes in bulk by selecting multiple elements at once through filters or checkmarks, then click on "Bulk actions" > "Delete X combinations"

A window is displayed asking you to confirm your choice.

Pagination

The new product page now includes a pagination feature. It allows you to easily browse through your store's products and display up to 100 items per page.

With the implementation of the pagination feature, page loading time has been greatly reduced. This means you can have as many combinations as you want and you don't have to worry about your back office's performance.

Pricing

Retail price

The Pricing tab now features a simple tax calculator, allowing you to quickly and clearly calculate your tax-included retail price.

To add a new tax rule to your retail price:

  • Enter your initial retail price (without tax),

  • Then chose the tax rule you wish to apply from the list.

The product's retail price (tax included) will automatically be calculated for your product.

I can't find a specific tax rule in the list.

You can add tax rules for specific countries by clicking on "Manage tax rules" to manually add a tax rule.

You can also by import a new localization pack's taxes from the Localization page:

Summary

A summary of your product's cost is now displayed so you can check your product's cost and price in detail at a glance.

As a reminder, the margin is calculated like so:

Displaying retail price per unit

Knowing your unit retail price is useful when selling items that need to be sold per kilo or liter or any other unit.

For example, if you sell candies per kilo in your store, you can specify the price per kilo and it will be displayed in your summary, under the included and excluded tax price.

Toggle the "Display retail price per unit" feature to display the retail price per unit on the summary.

Image management

Replacing an image

You can now replace a product image. Simply select the image you wish to replace and click on the "Replace selection" button. Select an image on your computer and make sure to save your changes.

Replacing images in bulk

It is now possible to replace a product image in bulk. You don't need to worry about losing image links and data anymore.

To replace images in bulk,

  • Select the combinations you wish to edit,

  • Click on the "Bulk actions" button and select "Edit X combinations"

  • Go to the "Images" attribute and Toggle the feature to enable it.

You can now select the image you wish to associate with your combinations.

Deleting images in bulk

It's now possible to delete product images in bulk.

To do so, select the images you wish to delete and click on the "Delete selection" button:

Stocks

Edit quantity

A new stock system has been implemented. To manage your stocks, simply add a positive number or subtract a negative number in the stocks quantity field to update your stocks:

Clients sometimes buy products while you're updating your stocks. An incorrect stock calculation will now be avoided as you can only update your stocks by adding or subtracting products. This way, you can ensure correct and reliable stock management in your store.

Recent stock movements

To have a better look at your stock, a preview of the last 5 stock movements is displayed under the "Recent stock movements" tab.

These stock movements also include order stock movements (the sales and product returns in between 2 stock movements).

Stock movement of customer orders is now regrouped to have a better summary of your stocks.

The header now recaps everything you need to know about your products: types, references, stock, tax, etc.) You can easily find important information about your product at a glance.

Color indicator

Three colors now indicate your stock status:

  • Green "in stock": when your stock is superior to your set low stock.

  • Yellow "low stock": when the stock is equal or inferior to set low stock

  • Red "out of stock": when the stock is inferior or equal to 0.

New wording

The footer's wording has been improved for clarity. The save button now has two states:

  • Save: Saves your product when creating it or when the product is offline (not published) on your store.

  • Save and publish: Saves your product and publishes it on your store.

This helps you better understand whether your changes are live on your store or not.

The footer is now dynamic and reacts to your actions.

Modifications can be canceled, previewed, saved, or published:

For example, if you have unsaved modifications, any action that would make you leave the current page is disabled:

Last updated