Add a product and related products

In the WordPress admin click, Products -> Add New. Switch to the Classic Editor. Read here to learn how to do that. Enter the title of the product which will also be used for the product grid and the product page title at the top.

Write the product information at the main edit area. Once you are done, upload a feature image of the product, by clicking Set featured image from the meta box on the right.

Set Featured Image
Set Featured Image

Then, upload your image and set the Alt Text and Title tags. You can also resize the image but settings have been set so that any image larger than 1200px will be automatically resized to that width. Click here to read how you can resize an image. Of course, do optimize it at Compressor.io.

You also need to set the description text that will appear underneath the product grid item. Enter the description text in the Excerpt text area.

Excerpt area
Excerpt area

Finally, further up in the Related Products section, select all products that are related with the current one. You do that by clicking products from the left column. They will automatically get added to the right one. You can also search for a product in the Search box. Products added on the right column can also be reordred by drag and drop.

Related products section
Related products section

Once done, don’t forget to Publish!

Finally, to add a product to the main menu, go to Appearance – Menus, select the main menu from the top (if it’s not already select) and click Select. Once the menu is loaded, click the Products tab from the left, select the product that you want to appear on the menu and click the Add to Menu button. The menu item will be dropped at the bottom of the list. You can then drag and drop it further up in the product submenu list. Make sure the item stacks gets dropped as a submenu directly below other products.

Add menu item
Add menu item

You can use the same process to add pages and posts to menus.