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}