May 12, 2025 · May 6, 2025 · May 7, 2025 · May 7, 2025 · May 7, 2025 · May 12, 2025
diff --git a/_docs/dashboards/gitops-products.md b/_docs/dashboards/gitops-products.md
 ---
 title: "Products dashboard"
 description: "CreateProductsto groupandmanage interrelated Argo CD applications environments"
 description: "Explore theProductspage for insightsandmanagement options"
 group: dashboards
 toc: true
 ---




 Explore the power ofProducts for Argo CD applications in Codefresh GitOps.
 Explore the power ofproducts for Argo CD applications in Codefresh GitOps.

 Managing complex applications across multiple environments is a common challenge faced by developers and platform engineers. The diverse nature of applications and the variety of environments they deploy to can lead to fragmented management and deployment processes.

 In Codefresh GitOps, Products serve as a strategic layer that bridges this gap. Products group different yet interconnected applications based on their similarities and dependencies.


 {% include
 image.html
 lightbox="true"
 file="/images/gitops-products/expanded-view.png"
 url="/images/gitops-products/expanded-view.png"
 alt="GitOps Products (expanded view)"
 caption="GitOps Products (expanded view)"
  max-width="70%"
 %}
 In Codefresh GitOps, products serve as a strategic layer that bridges this gap. Products group different yet interconnected applications based on their similarities and dependencies.

 {% include
   image.html
   lightbox="true"
   file="/images/gitops-products/products-dashboard-view.png"
   url="/images/gitops-products/products-dashboard-view.png"
   alt="Products dashboard"
   caption="Products dashboard"
   max-width="60%"
   %}

 Read more on the first of their kind dashboards for GitOps Environments and Products in this [blog](https://codefresh.io/blog/introducing-the-worlds-first-dashboard-for-gitops-environments/){:target="\_blank"}.

 This article focuses on theProduct Dashboardand theinsightsyoucan gain from it.
 This article focuses on thetwo product dashboards: the **Products dashboard**, which lists all products,and the**Product Dashboard**, available whenyoudrill down into a specific product.

 For detailed information on creating products and how to work with them, see [About Products]({{site.baseurl}}/docs/products/about-products/) and [Creating products]({{site.baseurl}}/docs/products/create-product/).

 <!--- >>**NOTE**
 In the documentation, both Product (capitalized) and product (lowercase) refer to the same entity in Codefresh GitOps. They are used interchangeably for readability and consistency.
 -->

 ## Products page

 Here's an example of the Product page with the list of all the products.
 ## Products dashboard


 {% include
 image.html
 lightbox="true"
 file="/images/gitops-products/expanded-view.png"
 url="/images/gitops-products/expanded-view.png"
 alt="GitOps Products (expanded view)"
 caption="GitOps Products (expanded view)"
  max-width="60%"
 %}
 The Products dashboard lists all the products created for the account and key information on their releases.



 {% include
   image.html
   lightbox="true"
   file="/images/gitops-products/products-page.png"
   url="/images/gitops-products/products-page.png"
   alt="Products page with product and release information"
   caption="Products page with product and release information"
   max-width="60%"
   %}

 Here are some key features of the Products page:

 ### Collapsed & expanded views
 * **Collapsed view**: The default view, displays the product name alongside the environments with the number of applications in each environment.<br> The options on the right allow you to manage products.
 * **Expanded view**: The expanded view displays the applications in the product organized by their environments.
 ### Product release information

 ### Product management options
 Mouse over the row with the product to display possible actions:
 {::nomarkdown}<ul><li><img src="../../../images/icons/edit.png?display=inline-block"> <b>Edit</b>: Takes you to the Product > Settings tab where you can configure . See <a href="https://codefresh.io/docs/docs/dashboards/gitops-products/#editdelete-product">Edit/delete product</a>.</li><li><img src="../../../images/icons/settings.png?display=inline-block"> <b>Manage applications</b>: Manually assign unassigned applications to environments in the Products dashboard. See <a href="https://codefresh.io/docs/docs/products/assign-applications">Manually assign applications to products</a>.</li><li><img src="../../../images/icons/trash.png?display=inline-block"> <b>Delete</b>: Remove the product from the Products dashboard, unassigning any manually-assigned applications. See <a href="https://codefresh.io/docs/docs/dashboards/gitops-products/#editdelete-product">Edit/delete product</a>.</li></ul>{:/}
 View information on the latest release at a glance: release activity and manage your products more efficiently.
 * **Latest Release**, date and time
 * **User** who initiated the latest release
 * **Status** of the latest release
 * **Direct link** to the release view

 ### Product information and actions
 * **Product name**: Click to go to the Product dashboard for the selected product.
 * {::nomarkdown}<img src="../../../images/icons/settings-outlined.png?display=inline-block"> <b>Product Settings</b>: Takes you to the Product > Settings tab where you assign applications, configure promotion settings. See <a href="https://codefresh.io/docs/docs/products/configure-product-settings/">Configure product settings</a>.{:/}
 * {::nomarkdown}<img src="../../../images/icons/list.png?display=inline-block"> <b>Releases</b>: Takes you to the Product > Releases tab with the list of releases for the product. See <a href="https://codefresh.io/docs/docs/products/releases-in-products/">Releases for products</a>.{:/}
 * {::nomarkdown}<img src="../../../images/icons/trash.png?display=inline-block"> <b>Delete</b>: Removes the product from the Products dashboard, unassigning any manually-assigned applications.{:/}




 ## Productdashboard
 Clicking aProduct name navigates you to the Product Dashboard for the selected product with a detailed view of its applications. It also includes integrated insights into Git and issue-tracking systems and how they relate to deployments.
 ## ProductDashboard
 Clicking aproduct name navigates you to the Product Dashboard for the selected product with a detailed view of its applications. It also includes integrated insights into Git and issue-tracking systems and how they relate to deployments.


 ##### Application release version
diff --git a/_docs/products/releases-in-products.md b/_docs/products/releases-in-products.md
 ---
 title: "Releases for products"
 description: "Monitor promotions for products"
 description: "Monitor promotions for products through releases"
 group: products
 toc: true
 ---
diff --git a/images/gitops-products/products-dashboard-view.png b/images/gitops-products/products-dashboard-view.png
diff --git a/images/gitops-products/products-page.png b/images/gitops-products/products-page.png
diff --git a/images/icons/context-menu.png b/images/icons/context-menu.png
diff --git a/images/icons/list.png b/images/icons/list.png
diff --git a/images/icons/settings-outlined.png b/images/icons/settings-outlined.png
diff --git a/images/icons/trash.png b/images/icons/trash.png
diff --git a/images/settings.png b/images/settings.png
Original file line number	Diff line number	Diff line change
		@@ -1,73 +1,70 @@
		---
		title: "Products dashboard"
		description: "CreateProductsto groupandmanage interrelated Argo CD applications environments"
		description: "Explore theProductspage for insightsandmanagement options"
		group: dashboards
		toc: true
		---




		Explore the power ofProducts for Argo CD applications in Codefresh GitOps.
		Explore the power ofproducts for Argo CD applications in Codefresh GitOps.

		Managing complex applications across multiple environments is a common challenge faced by developers and platform engineers. The diverse nature of applications and the variety of environments they deploy to can lead to fragmented management and deployment processes.

		In Codefresh GitOps, Products serve as a strategic layer that bridges this gap. Products group different yet interconnected applications based on their similarities and dependencies.


		{% include
		image.html
		lightbox="true"
		file="/images/gitops-products/expanded-view.png"
		url="/images/gitops-products/expanded-view.png"
		alt="GitOps Products (expanded view)"
		caption="GitOps Products (expanded view)"
		max-width="70%"
		%}
		In Codefresh GitOps, products serve as a strategic layer that bridges this gap. Products group different yet interconnected applications based on their similarities and dependencies.

		{% include
		image.html
		lightbox="true"
		file="/images/gitops-products/products-dashboard-view.png"
		url="/images/gitops-products/products-dashboard-view.png"
		alt="Products dashboard"
		caption="Products dashboard"
		max-width="60%"
		%}

		Read more on the first of their kind dashboards for GitOps Environments and Products in this [blog](https://codefresh.io/blog/introducing-the-worlds-first-dashboard-for-gitops-environments/){:target="\_blank"}.

		This article focuses on theProduct Dashboardand theinsightsyoucan gain from it.
		This article focuses on thetwo product dashboards: the Products dashboard, which lists all products,and theProduct Dashboard, available whenyoudrill down into a specific product.

		For detailed information on creating products and how to work with them, see [About Products]({{site.baseurl}}/docs/products/about-products/) and [Creating products]({{site.baseurl}}/docs/products/create-product/).

		<!--- >>NOTE
		In the documentation, both Product (capitalized) and product (lowercase) refer to the same entity in Codefresh GitOps. They are used interchangeably for readability and consistency.
		-->

		## Products page

		Here's an example of the Product page with the list of all the products.
		## Products dashboard


		{% include
		image.html
		lightbox="true"
		file="/images/gitops-products/expanded-view.png"
		url="/images/gitops-products/expanded-view.png"
		alt="GitOps Products (expanded view)"
		caption="GitOps Products (expanded view)"
		max-width="60%"
		%}
		The Products dashboard lists all the products created for the account and key information on their releases.



		{% include
		image.html
		lightbox="true"
		file="/images/gitops-products/products-page.png"
		url="/images/gitops-products/products-page.png"
		alt="Products page with product and release information"
		caption="Products page with product and release information"
		max-width="60%"
		%}

		Here are some key features of the Products page:

		### Collapsed & expanded views
		* Collapsed view: The default view, displays the product name alongside the environments with the number of applications in each environment.<br> The options on the right allow you to manage products.
		* Expanded view: The expanded view displays the applications in the product organized by their environments.
		### Product release information

		### Product management options
		Mouse over the row with the product to display possible actions:
		{::nomarkdown}<ul><li><img src="../../../images/icons/edit.png?display=inline-block"> <b>Edit</b>: Takes you to the Product > Settings tab where you can configure . See <a href="https://codefresh.io/docs/docs/dashboards/gitops-products/#editdelete-product">Edit/delete product</a>.</li><li><img src="../../../images/icons/settings.png?display=inline-block"> <b>Manage applications</b>: Manually assign unassigned applications to environments in the Products dashboard. See <a href="https://codefresh.io/docs/docs/products/assign-applications">Manually assign applications to products</a>.</li><li><img src="../../../images/icons/trash.png?display=inline-block"> <b>Delete</b>: Remove the product from the Products dashboard, unassigning any manually-assigned applications. See <a href="https://codefresh.io/docs/docs/dashboards/gitops-products/#editdelete-product">Edit/delete product</a>.</li></ul>{:/}
		View information on the latest release at a glance: release activity and manage your products more efficiently.
		* Latest Release, date and time
		* User who initiated the latest release
		* Status of the latest release
		* Direct link to the release view

		### Product information and actions
		* Product name: Click to go to the Product dashboard for the selected product.
		* {::nomarkdown}<img src="../../../images/icons/settings-outlined.png?display=inline-block"> <b>Product Settings</b>: Takes you to the Product > Settings tab where you assign applications, configure promotion settings. See <a href="https://codefresh.io/docs/docs/products/configure-product-settings/">Configure product settings</a>.{:/}
		* {::nomarkdown}<img src="../../../images/icons/list.png?display=inline-block"> <b>Releases</b>: Takes you to the Product > Releases tab with the list of releases for the product. See <a href="https://codefresh.io/docs/docs/products/releases-in-products/">Releases for products</a>.{:/}
		* {::nomarkdown}<img src="../../../images/icons/trash.png?display=inline-block"> <b>Delete</b>: Removes the product from the Products dashboard, unassigning any manually-assigned applications.{:/}




		## Productdashboard
		Clicking aProduct name navigates you to the Product Dashboard for the selected product with a detailed view of its applications. It also includes integrated insights into Git and issue-tracking systems and how they relate to deployments.
		## ProductDashboard
		Clicking aproduct name navigates you to the Product Dashboard for the selected product with a detailed view of its applications. It also includes integrated insights into Git and issue-tracking systems and how they relate to deployments.


		##### Application release version
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,6 +1,6 @@
		---
		title: "Releases for products"
		description: "Monitor promotions for products"
		description: "Monitor promotions for products through releases"
		group: products
		toc: true
		---
Expand Down