This page contains an alphabetically sorted list of all your products with a picture for each (if set), the product name and type, information on its visibility on your site (if it is published or not), and the product's price.
Managing the list view
By default, the page displays all products. You can also use convenient filters to view products by their:
You can also set up and save custom filters which will be unique to your browser (so other users will not see it).
Another convenient way to manage the view of the product list and adjust it to your current need, is using the column editing feature.
Click thedropdown to open a list of available attributes and select the ones you want to use as the columns. Once saved, the product list will be adjusted to reflect your column selection.
You can select up to 16 attributes as columns. The following fixed columns will be displayed regardless of the selection you make:
Use thebutton on the grid to return to default settings (the above mentioned fixed columns plus the following: Product Type, Stock, Price).
For more information on how to set the attribute so it can be used in the column selection list in the Product page, see the description of the Properties card section in the Attributes topic.
Sorting by columns
You can also sort your product list by columns. To do that, click on the column header. Clicking the header again will change the sorting order (ascending/descending).
Before filling your shop with products, you need to learn about 3 basic product concepts in Saleor:
- Product type
- Product variant
Think about product types as templates for your products. Multiple products can use the same product type.
The product concept reflects common details of several product variants. When the shop displays the products in the category view, items on the list are displayed as separate products. If the product variant has no overridden property (for example: price specifically set for this variant), the default value is taken from the product.
Variants are the most important objects in your shop. All operations on cart or stock utilize variants. Even if you do not set up multiple variants for your product, the store will create one under the hood.
To explain the difference, we will use a bookstore example. Let's imagine you are an owner and one of your products is a book titled "Introduction to Saleor".
The book is available in hard and soft cover, so there would be 2 product variants.
To simplify this for the example purposes, let's assume that the type of cover is the only attribute creating separate variants in your store. You would then use product type called “Book”, enable variants and use the “Cover type” as your variant attribute.
Attributes are shared among all product variants. For example, consider the publisher: all book variants are published by same company (the publisher is an attribute in this case). Or being back to the hard/ soft cover books: the attribute here is a Cover Type and it is common to its variants.
It’s what distinguishes different variants. For example: for the attribute cover type you will have two variant attributes: hard cover or soft cover.
For more information on the product structure in Saleor, see the Product Types topic.
Each product variant has also a stock keeping unit (SKU).
Each variant holds information about:
- Quantity at hand
- Quantity allocated for already placed orders
- Quantity available
There are five boxes of shoes in your store. Three of them have already been sold to customers but were not yet dispatched for shipment. The stock record is as follows:
- Quantity is 5
- Quantity allocated is 3
- Quantity available is 2
Each variant also has a cost price (the price that your store had to pay to purchase it).
A variant is in stock, if it has unallocated quantity.
The highest quantity that can be ordered is the available quantity of product variant.
Allocating stock for new orders
Once a new order is placed, quantity needed to fulfil each order line is immediately marked as allocated.
A customer places an order for another box of shoes. The stock record is as follows:
- Quantity is 5
- Quantity allocated is now 4
- Quantity available becomes 1
Decreasing stock after shipment
Once order lines are marked as shipped, each corresponding stock record will have both its quantity at hand and quantity allocated decreased by the number of items shipped.
Two boxes of shoes are shipped to a customer. The stock record is now as follows:
- Quantity is 3
- Quantity allocated becomes 2
- Quantity available stays at 1.
How to create a new product
Clickabove the main list to enter the product setup page.
1. Fill out the General Information card
Add the name of your product and a description. Use text formatting to make your product descriptions clear and engaging. The eight basic functions are: bold type, italic type, sub-header, second sub-header, quote, bullet point list, numbered list, new text line, and add hyperlink.
Creating effective product names
Make sure that each product has a unique name so site users can find them easily and your administrators can easily manage your store. If you have five t-shirts, do not call them all ‘t-shirt’. Use more engaging and searchable names like black men’s t-shirt, sparkly unicorn girls’ t-shirt, red ladies t-shirt, sports t-shirt, etc.
Writing a good description
Your product descriptions can be cool and fun, or just based on the facts. They represent the tone of your store. Be creative if you like, but be clear and make sure that you have all the information that a buyer needs.
2. Define pricing
Type the price of your product manually or using the stepper by the currency indicator. If your product is tax-exempt, leave thecheckbox empty. If you need to charge taxes, click on the box and a green check mark will appear.
For more information on taxes, see the Taxes topic.
Displaying localized prices
Saleor operates and charges in the store’s default currency but is capable of displaying an estimated amount in the user’s local currency.
- GeoIP is used to determine the user’s country
- Locale database (Unicode CLDR) is used to determine the local currency
- Open Exchange Rates is used to provide up-to-date exchange rates
3. Add optional search engine preview content
Clickto add a description. If you do not add unique SEO content, details will be taken from the General Information card.
Help search engines find your products
Increase traffic to your store by adding SEO-friendly descriptions for search engines. Write interesting, short content about each product, using keywords that people will use in web searches. Create a unique description for each product so search engines do not think it is duplicated content.
4. Organize your product
Categorize your new product using the drop-down menus to assign a relevant Product Type and Category. This is mandatory before you can save the product. You can also optionally assign your product to a Collection.
5. Make your product visible
Once you have set up all your product details, you can choose if it appears for sale or remains hidden from view. If set, it allows you to hold some of your products unavailable to your customers until the publication date. They are simply not listed in your storefront.
If you want to push your product for sale, select theoption.
6. Save your new product
Once you have input your minimum required product information, clickin the footer to add it to your catalog and continue with further setup.
7. Add images
Much the same as on social media or other platforms, there are two ways to add an image:
- Drag and drop a file from a folder on your computer
- Click on in the top right corner and select an image
You can add an unlimited number of images per product. The main image will be the one that is first in line. You can drag and drop images to change the order. Hover over a specific image and click the trash can to delete an unwanted image.
8. Add image descriptions
You can also add descriptions of specific product features to your images. Hover over the image and click on the pencil to edit the information.
How to delete or edit products
Click on an existing product from the main list. You will be redirected to the same interface as for adding products.
Clickat the bottom of the page to permanently remove a product.
To edit product details, click any field and start making changes. Thebutton in the footer will activate as soon as you have made amendments that need to be saved before exiting the page.
Save it for later
Do not remove a product if you just want to temporarily take it away from your inventory. In that case, just select theoption in the Visibility card, as described above.
How to use the variant creator
When creating a new product, your attributes are assigned automatically once you select a Product Type. Based on these attributes, you can create variants of your product.
Click thebutton in the Variants card to open the 3-step variant creator.
In the Select Values tab, make your selection from the previously set up values assigned to each attribute. Once you make your choice, Saleor cross-matches selected values of attributes and creates appropriate product variants.
Choose the variants of the product that you will stock and clickto move to the Price and SKU tab.
Specify how you want your prices to be applied to each variant:
- Apply single price to all SKUs - All attribute values of this product to have the same price.
- Apply unique prices by attribute to each SKU - Search attribute has a different value differently which you must manually assign.
How you want to manage your stock:
- Apply single stock to all SKUs - Select this option if you have the same amount of each product.
- Apply unique stock by attribute to each SKU - Use this option if your stock levels are different for each variant.
Clickto progress to the Summary tab containing an overview of the variants you’ve just created. You can still edit inventory, price and SKU.
Once saved, you can edit variants through the same steps as described above and then save changes.
In this example, you can see five types of t-shirt. Four have enough stock to cover future orders. The S size has a red mark and is unavailable. When we click on the product, we can see in the product variant details that the product is unavailable because there are fourteen items in stock (“Inventory”) and they have been ordered by a customer (“Allocated”).
Managing variants of a product
Click on a specific product from the variants list to edit the size, images, pricing, and stock.
You can edit the cost and sale price of an item in the Pricing card.
When you receive new stock, enter the amount in the Inventory field to keep up to date and avoid false out-of-stock messages. Make sure to save your changes before exiting.
You can repeat this process for all sizes or types of the same product by clicking the Variants card on the left side. Each variant has a specific SKU code (Stock Keep Unit) which is unique to specific variants.
How to manage attributes
When selecting a product record from the main list, click thelabel in the top corner of the Variants card to add or change product attributes and variants. For example, a top or t-shirt will have a product attribute such as the material it is made from, and a variant attribute of the sizes or colors in which it is available.
In the Product Attributes card, click thebutton. A pop-up will appear where you can select new attributes. Click the button to confirm and exit.
You can edit existing attributes and variants in the same way, and delete them by clicking the trash can.