Before you add a new product, you need to think over the structure of your site. For example, there is a category "Smartphones", it may contain phones of different manufacturers Apple iPhone, Samsung, Meizu, etc., but in the category of manufacturers it is necessary to add the product itself.
So, go to the category "Products / Catalogue" and click "New category"
Before us the following window will open:
Here we give the name of our "Category" in the languages that are available, as here it is possible to add information and picture of this category.
Important: Do not forget to fill in the "Meta Description"
Push the "Add" button and we have the category "Smartphones"
So, the first steps are made, go ahead.
It is necessary to add phone manufacturers. To do this, we click on the "Smartphones" folder, click on "New category" and repeat the procedure we did earlier when creating the category "Smartphones" only now we add the names of the phone manufacturers (Apple iPhone, Samsung, Meizu, etc.)
Next we go to the category "Products / Smartphones / Apple iPhone" and create a "new product"
So we are in the product card, here we need to, keep the data: "Products Name", "Short Description ", "Products Description", "Price", "Products Model" (if necessary), etc.
In order to save the entered information, we press the button "insert".
The next and very important step is to add a picture of our product. For this, we click the "Images" tab and the following window opens:
Next, we select the file (picture) and click "Upload". Also, you can simply drag the picture from the folder to the "gray window". When you have downloaded all the pictures, click "Update".
You can upload as many pictures as you need.
In order to return to the previous category, you need to click the "Back" button.
Then go to the "Attributes" tab.
So, we need to add attributes to the product.
For example, take Apple iPhone 8 Plus. We already have such attributes as "Diagonal", "OS" and "Display", add "Memory".
To do this, we need to open the "Attributes" tab and click "New attribute", and from the drop-down list of attributes select "Memory".
Next, from the "Value" drop-down list, select "64Gb".
"Prefix", "Price" this time leave unchanged, click "Add".
Now we have a new attribute:
A couple of nuances:
Let's say we do not have the "Memory" attribute in the drop-down list, then we'll create it.
For this, we click on the "New Attribute" and the "Create" button under the "Attribute", (do not touch the drop-down list).
Before us the following window will open:
Here we enter the name of the attribute "Memory" and click "Update".
Now we have a new attribute and if you reuse this attribute, it will already be in the drop-down list.
Similar actions we need to do so that to create a new attribute "Memory", add its value.
For this, we press the "Create" button but now under the "Memory" label, (we do not touch the drop-down list).
In the window that appears, enter the required values for the new attribute and click "Update":
Then click the "Add" button.
Another situation, we need to add another value "128Gb" to the already existing attribute "Memory".
To do this, to the left of the "Memory" attribute, click on the "Add" button and select the necessary value "128Gb" from the drop-down list and click the "OK" button.
If, in the drop-down list, there is no necessary value for us, then instead of the "Add" button, click "Create" and in the new window that opens, enter what we need.
All we save.
Since the cost of a phone with 128Gb memory is higher than with 64Gb memory, we need to somehow label it.
Example: a phone with 128Gb of memory costs $25 more expensive than a phone with 64Gb, respectively, in the column "Price prefix" we put "+", and in the column "Price" we specify 25 and press the button "Update"
If we need to specify the cost of "equal" or "lower" respectively in the "Price prefix", select "=" or "-".
Here's how our attributes are displayed in the product:
Sometimes it is necessary to show one product, but in different colors. For example, we have an Apple MacBook in three different colors - "gray, pink and golden".
To do this, go to the "Attributes" tab in the Apple MacBook product card and add the "Color" attribute with three different values for "Space Gray, Rose Gold, Gold" and press the "Update" button.
Next, go to the "Images" tab and add the main photo (usually one image), and additional photos of the product corresponding to the color scheme. Click "Update".
Here's how the gray notebook is displayed on the product page:
Here's how the pink laptop is displayed on the product page:
Here's how a laptop of gold color is displayed on the product page: