From 0ff2a750fc078b9eda2c2cc282beada462622047 Mon Sep 17 00:00:00 2001
From: Fahri Gedik <53567152+fahrigedik@users.noreply.github.com>
Date: Wed, 25 Feb 2026 17:25:04 +0300
Subject: [PATCH] Add Angular symlink setup instructions in docs

Update modular CRM tutorial docs to include Angular symlink setup and startup steps. In part-04, remove the TODO screenshot placeholder and add a note to run `yarn symlinks:setup` from the root `angular` folder after installing a new Angular module (and again when adding more local modules). In part-07, replace the TODO screenshot note with instructions to run `yarn symlinks:setup` and `yarn start` from the `angular` folder to launch the app for validation.
---
 docs/en/tutorials/modular-crm/part-04.md | 14 ++++++++++++--
 docs/en/tutorials/modular-crm/part-07.md |  7 ++++++-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/docs/en/tutorials/modular-crm/part-04.md b/docs/en/tutorials/modular-crm/part-04.md
index f3b25071a8..26e312f05a 100644
--- a/docs/en/tutorials/modular-crm/part-04.md
+++ b/docs/en/tutorials/modular-crm/part-04.md
@@ -54,8 +54,6 @@ You can choose the type of UI you want to support in your module or select *No U
 
 {{else if UI == "NG"}}
 
-> TODO: Add ABP Studio new module dialog screenshot for Angular UI selection.
-
 You can choose the type of UI you want to support in your module or select *No UI* if you don't need a user interface. In this example, we'll select the *Angular* UI option and click *Next*.
 
 {{end}}
@@ -92,6 +90,18 @@ Select the `ModularCrm.Ordering` module and check the *Install this module* opti
 
 Select the `ModularCrm.Ordering` and `ModularCrm.Ordering.UI` packages from the left area and ensure the  `ModularCrm` package from the middle area was checked as shown in the preceding figure. Finally, click _OK_.
 
+{{if UI == "NG"}}
+
+After installing a new Angular module, run the symlink setup command from the root `angular` folder to align shared package versions between the main app and local module packages:
+
+```bash
+yarn symlinks:setup
+```
+
+You should run this command again whenever you add another local module with Angular packages.
+
+{{end}}
+
 ## Summary
 
 In this part of the tutorial, you've created a new module and installed it into the main solution. In the [next part](part-05), you will add functionality to the new Ordering module.
diff --git a/docs/en/tutorials/modular-crm/part-07.md b/docs/en/tutorials/modular-crm/part-07.md
index ffd34ac5d9..4cfd272a18 100644
--- a/docs/en/tutorials/modular-crm/part-07.md
+++ b/docs/en/tutorials/modular-crm/part-07.md
@@ -261,7 +261,12 @@ Here are sample screenshots from the Products and Orders pages:
 
 At that point, open the Angular UI and validate the result on the *Ordering* (`/ordering`) and *Catalog* (`/catalog`) pages. Verify that the new order is listed in Ordering and the related product's stock count is decreased in Catalog.
 
-> TODO: Add Angular Ordering and Catalog pages screenshot after order creation validation.
+If the Angular app is not already running, start it from the root `angular` folder:
+
+```bash
+yarn symlinks:setup
+yarn start
+```
 
 {{end}}