Issue32

[codecodeio]

Fix #32

Test URLs:

• Before: https://main--best-cigars-guide--famous-smoke.hlx.page/best-cigars-guide/best-cigars-by-food-drink-pairing/top-10-cigars-with-beer
• After: https://issue32--best-cigars-guide--famous-smoke.hlx.page/best-cigars-guide/best-cigars-by-food-drink-pairing/top-10-cigars-with-beer

Info

1. Adds Nav block to category and article pages
2. Removing the Breadcrumbs or Categories text from the Nav block on sharepoint removes it from the website.
3. Breadcrumbs and Category Dropdown are added to category and article pages
4. All category and article pages are re-uploaded and previewed.
5. The h1 is the last breadcrumb.
6. categories are dynamically fetched from the category index. https://main--best-cigars-guide--famous-smoke.hlx.page/best-cigars-guide/index/category-index.json
7. The category dropdown should always select the category the page is associated to.
8. The category dropdown should work with js disabled.
9. The styles closely mirror the original.
10. The breadcrumbs and category dropdown wrap nicely on mobile, similar to how they currently work.
11. Any trailing slash added to a category link in Sharepoint should be stripped out to the link renders correctly without a trailing slash.

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• 0edba7a ✅ (latest)
• 3f64adc ✅
• e957e58 ✅
• 711ddf0 ✅
• 4c4d97e ✅
• 72f2a8b ✅
• bc5227f ✅
• bd5ed82 ✅
• 91c47aa ✅
• 214c6b9 ✅
• b621ff5 ✅

[aem-code-sync]

Page	Scores	Audits	Google
/best-cigars-guide/best-cigars-by-food-drink-pairing/top-10-cigars-with-beer

[tonyklapatch]

Code looks good.

The breadcrumbs and category dropdowns correctly display on category and article pages with the correct links (without trailing slashes) and article titles. The category dropdown has the existing category pre-selected. I tested the category dropdowns on Chrome desktop, Safari on iOS, and Android Chrome.

One of the requirements in Jira was that this dropdown work when JS is disabled, however I wasn't able to load any pages with JS disabled, it just displays a blank page.

[bdeffleyfamous]

All criteria listed in the description is met, except the dropdown working without js, but only a blank page loads with js disabled, so that is a different issue.