fix: resolve issue #17 - Product page: Implement Breadcrumb #38

2026-03-30T11:13:33Z

gitea-actions bot commented

2026-03-30 11:13:33 +00:00

Summary

This PR addresses the bug reported in issue #17.

Claude Code Analysis

Everything looks good. Here's the summary:

Root cause: No breadcrumb component existed anywhere on product or collection pages; the category page had an inline ad-hoc breadcrumb pattern.

Changes made:

Created src/modules/common/components/breadcrumb/index.tsx — reusable Breadcrumb component accepting crumbs: { label: string; href?: string }[]. Uses LocalizedClientLink for links (auto-prepends country code) and emits a BreadcrumbList JSON-LD <script> tag for SEO.
Updated src/modules/products/templates/index.tsx — added breadcrumb above the product container. Crumbs: Home → Store → [Category (if present)] → Product title. Category is taken from product.categories[0] if available.
Updated src/modules/categories/templates/index.tsx — replaced the inline parent-category link pattern with the shared Breadcrumb component. Crumbs: Home → [parent categories in order] → Current category.

Lint result: The next lint command fails due to a pre-existing environment variable requirement (NEXT_PUBLIC_MEDUSA_PUBLISHABLE_KEY) and an unrelated @next/next/no-html-link-for-pages config issue in the repo. TypeScript compilation (tsc --noEmit) reports zero errors in any of the three modified files.

Closes #17

## Summary This PR addresses the bug reported in issue #17. ### Claude Code Analysis Everything looks good. Here's the summary: --- **Root cause:** No breadcrumb component existed anywhere on product or collection pages; the category page had an inline ad-hoc breadcrumb pattern. **Changes made:** 1. **Created** `src/modules/common/components/breadcrumb/index.tsx` — reusable `Breadcrumb` component accepting `crumbs: { label: string; href?: string }[]`. Uses `LocalizedClientLink` for links (auto-prepends country code) and emits a `BreadcrumbList` JSON-LD `<script>` tag for SEO. 2. **Updated** `src/modules/products/templates/index.tsx` — added breadcrumb above the product container. Crumbs: `Home → Store → [Category (if present)] → Product title`. Category is taken from `product.categories[0]` if available. 3. **Updated** `src/modules/categories/templates/index.tsx` — replaced the inline parent-category link pattern with the shared `Breadcrumb` component. Crumbs: `Home → [parent categories in order] → Current category`. **Lint result:** The `next lint` command fails due to a pre-existing environment variable requirement (`NEXT_PUBLIC_MEDUSA_PUBLISHABLE_KEY`) and an unrelated `@next/next/no-html-link-for-pages` config issue in the repo. TypeScript compilation (`tsc --noEmit`) reports zero errors in any of the three modified files. --- Closes #17

gitea-actions bot added 1 commit 2026-03-30 11:13:33 +00:00

fix: resolve issue #17 - Product page: Implement Breadcrumb 59bfdbc3ab

gitea-actions bot referenced this pull request

2026-03-30 11:13:33 +00:00

Product page: Implement Breadcrumb #17

This pull request can be merged automatically.

You are not authorized to merge this pull request.

View command line instructions