How To Set Up and Display Categories on One Page

My Online Website allows you to assign a category to a product and display products with one or multiple specific categories on one page. The first part of this tutorial teaches you how to set up categories and assign them to a product. The second part teaches you how to show products with the same category on one page.

How To Set Up Categories and Assign Them To Products

How To Show Products with the Same Category on One Page

How To Set Up Categories and Assign Them To Products

1. Go to the House Account back office.

2. Click on "Storefront" on the left menu:

3. Click the "Categories" button at the top:

3. Scroll down and add a new category by clicking the "Add new category" button:

4. After clicking the button, a new category box will appear. Add the category name and tax code. (Tax code refers to the specific number that the government assigns to a category of the product and is used to calculate tax.)

5. Click "Save" to save the new Category:

6. On the POS web app, go to the Add Product page by clicking "Products" in the left menu and the "Add Product" button.

7. On the Add Product page, click on the Online Website Categories field in the My Online Website Information section. Now you should be able to see the category you just added.

8. Fill in the rest of the form. Scroll to the bottom and click "Add Product." *Remember to check the "My Online Website" option.

How to Show Products with the Same Category on One Page

1. Go to the My Online Website back office.

2. Click "Storefront" in the left menu:

3. Click "Navigation" in the top menu:

4. To create a new Navigation (a new page), click "+ New Navigation" at the bottom:

5. Add a name and click "Ok":

6. You can determine what to show on the new page by setting one or multiple CONDITIONS. 

7. If you want the page to show Items with a specific category, please select "Items" as the condition.

8. From the Filter dropdown, select the category that you want to show on the page:

9. You can also include products with another category to the page by clicking the Plus icon:

10. Select another category that you want to include on the page:

11. To save the new Navigation (page), click "Create" on the right side of the category:

12. Now when you visit your website, you can see the new Navigation item in the navigation bar.

13. To re-arrange the order of the navigation items, click the 6-dot icon on the left and drag and drop to the new position.