[Docs Site] Don't show breadcrumbs on /products/ (#17240)

* [Docs Site] Remove duplicate breadcrumb on /products/

* Don't show breadcrumbs at all on /products/

* Update src/components/overrides/PageTitle.astro

Co-authored-by: Greg Brimble <[email protected]>

---------

Co-authored-by: Greg Brimble <[email protected]>

Author: 2 people

src/components/overrides/PageTitle.astro

@@ -19,6 +19,10 @@ const updated = Astro.props.entry.data.updated;
 const badge = Astro.props.entry.data.sidebar?.badge;
 const summary = Astro.props.entry.data.summary;
 
+const slug = Astro.props.entry.slug;
+
+const showBreadcrumbs = !["products"].includes(slug);
+
 const breadcrumbProps: Record<string, any> = {
 	crumbs: [
 		{
@@ -30,8 +34,6 @@ const breadcrumbProps: Record<string, any> = {
 	id: "breadcrumbs",
 };
 
-const slug = Astro.props.entry.slug;
-
 const segments = slug.split("/");
 
 for (let i = 0; i < segments.length; i++) {
@@ -73,21 +75,27 @@ for (let i = 0; i < segments.length; i++) {
 const hideTitle = Astro.props.hideTitle;
 ---
 
-<Breadcrumbs {...breadcrumbProps}>
-	<svg
-		slot="separator"
-		xmlns="http://www.w3.org/2000/svg"
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		><polyline points="9 18 15 12 9 6"></polyline>
-	</svg>
-</Breadcrumbs>
+{
+	showBreadcrumbs && (
+		<Breadcrumbs {...breadcrumbProps}>
+			<svg
+				slot="separator"
+				xmlns="http://www.w3.org/2000/svg"
+				width="24"
+				height="24"
+				viewBox="0 0 24 24"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			>
+				<polyline points="9 18 15 12 9 6" />
+			</svg>
+		</Breadcrumbs>
+	)
+}
+
 {!hideTitle && <Default {...Astro.props} />}
 
 {badge && <Badge variant={badge.variant} text={badge.text} />}