To display products on your storefront, products must first be grouped into categories (collections) and then published through your store’s navigation menu. This ensures customers can easily discover products and that newly added items automatically appear on the correct store pages.
This article explains how to set up navigation so your products are visible on your store page.
How Product Visibility Works in Marcos Commerce Cloud
In Commerce Cloud, products are not displayed on the storefront individually by default. Instead:
- Products are grouped into collections (categories)
- Collections are linked to navigation menu pages
- Any product added to a collection automatically appears on the corresponding store page
This setup allows your storefront to stay updated without manually adding products to pages every time.
Step 1: Select the Sales Channel
- Go to Commerce Cloud
- Navigate to Sales Channels
- Select the sales channel where you want the products to appear (for example, your primary storefront)
All navigation and product visibility settings are managed at the sales-channel level.
Step 2: Open the Navigation Settings
- Inside the selected sales channel, click Navigation
- You will see a list of available menus, typically:
- Header (Top) Menu
- Footer Menus
For product discovery, it is recommended to add collections to the header menu, as this is the most visible area for customers.
Step 3: Edit the Header (Home) Menu
- Locate the Home Menu
- Click the three-dot menu next to it
- Select Edit
This opens the navigation editor where you can manage menu items and links.
Step 4: Add a New Collection Page
- In the Edit Navigation screen:
- Click on Add New Page on the Menu Page Name (for example: Products, Furniture Accessories, or Beauty)
- This will open setup to enter category menus
- Under Link To, click the dropdown
- Select Collection
- Choose the collection you want to publish (for example: Beauty, Furniture Accessories, or any custom category)
Each collection represents a product category that already contains products or will contain products in the future.
Step 5: Save the Navigation Menu
- After selecting the collection and naming the menu page, click Save
- You will see a notification: Navigation updated successfully
- The new menu item is now added to your store’s navigation
Once saved:
- Customers will see the new menu item on the storefront
- Clicking the menu item opens a page showing all products in that collection
After setup:
- Your store menu may show options like Home, Contact Us, and Products
- The Products page automatically displays all products assigned to the selected collection
- Any new product added to that collection appears on the store instantly, without additional configuration
Nested Menus
Nested menus allow you to create a hierarchical navigation structure by adding menu items under a parent menu. This is useful when you want to group related product categories or pages together and keep your store navigation clean and easy to browse.
To create a nested menu:
- Add a new menu item or use an existing one
- Drag the menu item and hover it over another menu item
- When it shifts to the right, release it to add it as a child menu
Once saved, the nested item will appear as a dropdown under its parent menu on the storefront. This helps customers navigate through product categories more intuitively, especially when your store has multiple product groups or collections.
