Skip over navigation
Documentation

Build a Custom Web Catalog From Scratch (Sample)

For illustration purposes, a sample web catalog set up is provided below.

Create First Level Menu

A website that distributes beauty and skincare products to shops worldwide is to have the following sections in its main menu:

  1. Health and Pharmacy
  2. Beauty and Skincare
  3. Fragrance
  4. Baby and Child
  5. Toiletries

These sections will serve as the first level of the storefront main menu. In the management console, they will be called the root nodes.

To set up root content nodes in the management console, we:

  1. Navigate to Marketing > Web Catalogs.
  2. Click Create Web Catalog
  3. Name the catalog Web Catalog 2017 and save it.
  4. Click Edit Content Tree.
  5. Name the first node Web Catalog 2017. Root nodes will be linked to it.
  6. Fill in the SEO section.
  7. Set the necessary restrictions.
  8. Add a landing page in the content variants section that would be linked to the menu.
  9. From this node, create the first level menu by clicking Create Content Node.
  10. Name it Health and Pharmacy.
  11. Fill in the SEO section.
  12. Set the necessary restrictions (or inherit parent restrictions).
  13. Add a landing page linked to Health and Pharmacy.
  14. Click Save.

This way, we create all the required first level menus.

Note

Make sure that you create first level nodes from Web Catalog 2017 in the nodes section on the left of the page.

../../../_images/Create1RootNode.png

Create Sub-level Menu

Once all first level nodes have been created, we can create the sub-menu nodes (second level menus) that would populate root nodes.

Each of the main menu sections will have the following second level menus:

  1. Health and Pharmacy: Vitamins and Supplements, Lifestyle and Wellbeing, Women’s Health, Men’s Health, Baby and Child Health.
  2. Beauty and Skincare: Makeup, Nails, Facial Skincare, Body Skincare, Hair, Fashion Accessories.
  3. Fragrance: Perfume, Aftershave.
  4. Baby and Child: Pregnancy and Maternity, Feeding, Bathing, and Changing.
  5. Toiletries: Hair, Dental, Washing and Bathing.

To set up content nodes in the management console:

  1. Select the root node you are creating the sub-node for. In our case, it is Health and Pharmacy.
  2. Click Create Content Node.
  3. Name the second level menu Vitamins and Supplements. This will be linked to the root node.
  4. Fill in the SEO section.
  5. Set the necessary restrictions (or inherit parent restrictions).
  6. Add a product collection to Vitamins and Supplements.
../../../_images/Create1SubMenuNode.png

This way, we create all the required second level menus.

../../../_images/Catalog.png

Each of such levels can be populated with more levels, or nodes, if necessary, and each node can have a page (system, landing, product), a product collection, or a category mapped into it.

Note

You can drag the existing content nodes to a different position within the content tree on the left of the page, as illustrated below:

../../../_images/DragDropNode.png

Once the catalog is enabled (globally or per website), you will be able to see it in the storefront.

../../../_images/NodesFrontStore.gif

Related Articles

Browse maintained versions:3.11.6

You will be redirected to [title]. Would you like to continue?

Yes No
Back to top