diff --git a/.changeset/curly-rocks-flash.md b/.changeset/curly-rocks-flash.md new file mode 100644 index 0000000000..2a40f801bb --- /dev/null +++ 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 index 1fabfb848c..e420707cdf 100644 --- 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} - - ({ - 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 }, - ]} - /> - + {import.meta.graphCommerce.breadcrumbs && ( + + ({ + 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 }, + ]} + /> + + )} diff --git a/examples/magento-graphcms/pages/blog/page/[page].tsx b/examples/magento-graphcms/pages/blog/page/[page].tsx index fbd33c5238..74afa7d3cb 100644 --- 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) { - + {import.meta.graphCommerce.breadcrumbs && ( + + )} {title}