Merge pull request #2460 from graphcommerce-org/fix/breadcrumbs

Respect breadcrumbs config on blog pages
graphcommerce-org · Dec 20, 2024 · 1b5322d · 1b5322d
2 parents 337204b + d8ec6a8
commit 1b5322d
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 16 deletions.
diff --git a/.changeset/curly-rocks-flash.md b/.changeset/curly-rocks-flash.md
@@ -0,0 +1,5 @@
+---
+'@graphcommerce/magento-graphcms': patch
+---
+
+Respect breadcrumbs config on blog pages
diff --git a/examples/magento-graphcms/pages/blog/[...url].tsx b/examples/magento-graphcms/pages/blog/[...url].tsx
@@ -47,21 +47,23 @@ function BlogPage(props: Props) {
           {title}
         </LayoutTitle>
       </LayoutHeader>
-      <Container maxWidth={false}>
-        <Breadcrumbs
-          sx={(theme) => ({
-            mx: theme.page.horizontal,
-            mb: theme.spacings.sm,
-            [theme.breakpoints.down('md')]: {
-              '& .MuiBreadcrumbs-ol': { justifyContent: 'center' },
-            },
-          })}
-          breadcrumbs={[
-            { href: '/blog', name: i18n._(/* i18n*/ 'Blog') },
-            { href: `/${page.url}`, name: title },
-          ]}
-        />
-      </Container>
+      {import.meta.graphCommerce.breadcrumbs && (
+        <Container maxWidth={false}>
+          <Breadcrumbs
+            sx={(theme) => ({
+              mx: theme.page.horizontal,
+              mb: theme.spacings.sm,
+              [theme.breakpoints.down('md')]: {
+                '& .MuiBreadcrumbs-ol': { justifyContent: 'center' },
+              },
+            })}
+            breadcrumbs={[
+              { href: '/blog', name: i18n._(/* i18n*/ 'Blog') },
+              { href: `/${page.url}`, name: title },
+            ]}
+          />
+        </Container>
+      )}
       <Row>
         <PageMeta title={title} metaDescription={title} canonical={`/${page.url}`} />
 

diff --git a/examples/magento-graphcms/pages/blog/page/[page].tsx b/examples/magento-graphcms/pages/blog/page/[page].tsx
@@ -52,7 +52,9 @@ function BlogPage(props: Props) {
       </LayoutHeader>
 
       <Container maxWidth={false}>
-        <Breadcrumbs breadcrumbs={[{ href: `/${page.url}`, name: title }]} />
+        {import.meta.graphCommerce.breadcrumbs && (
+          <Breadcrumbs breadcrumbs={[{ href: `/${page.url}`, name: title }]} />
+        )}
         <LayoutTitle variant='h1'>{title}</LayoutTitle>
       </Container>