Documentation
Feedback
Guides

Release Notes
Release Notes
Fixed
FastStore: Improved breadcrumb navigation
May, 2

The store breadcrumb navigation is now visible during scrolling, resolving the previous conflict with the RegionBar component. This update also removes redundant categories, ensures consistent dropdown styling, and improves display on PLP and Search pages.

What has changed?

Removed redundant categories

Previously, the breadcrumb displayed duplicate or similar categories, creating clutter. Now, only the main categories are shown.

BeforeAfter
{"base64":"  ","img":{"width":1570,"height":630,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":211142,"url":"https://vtexhelp.vtexassets.com/assets/docs/src/breadcrumb-before___e791d461cb57e09677e1604e0d77bb16.png"}}
{"base64":"  ","img":{"width":1712,"height":638,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":255657,"url":"https://vtexhelp.vtexassets.com/assets/docs/src/breadcrumb-after___976fccfc280cda9cb3dd962e9e707b7c.png"}}

Improved visibility and styling

Issues with the breadcrumb section display were solved, including:

  • Scrolling behavior: Either the RegionBar or breadcrumb remains visible when scrolling.
BeforeAfter
{"base64":"  ","img":{"width":1918,"height":866,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":614654,"url":"https://vtexhelp.vtexassets.com/assets/docs/src/scrolling-behavior-before___f5ac656bb56e19bd9f7737c75d43302e.png"}}
{"base64":"  ","img":{"width":1999,"height":950,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":812688,"url":"https://vtexhelp.vtexassets.com/assets/docs/src/scrolling-behavior-after___8b840a4d795738ee2d93716514e2d291.png"}}

The styling of the menu dropdown was updated for consistency across pages.

BeforeAfter
{"base64":"  ","img":{"width":1544,"height":348,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":144964,"url":"https://vtexhelp.vtexassets.com/assets/docs/src/dropdown-menu-before___f885a2989e42f8882900305330ac4293.png"}}
{"base64":"  ","img":{"width":1812,"height":396,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":225290,"url":"https://vtexhelp.vtexassets.com/assets/docs/src/dropdown-menu-after___6cb408f330e4cec509b6f5490cf16f3f.png"}}

Restored visibility on PLP and Search pages

Breadcrumbs now display correctly on all page types.

BeforeAfter
{"base64":"  ","img":{"width":1999,"height":658,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":660124,"url":"https://vtexhelp.vtexassets.com/assets/docs/src/pages-before___86d8c3545de88349f492b2fb14409d5d.png"}}
{"base64":"  ","img":{"width":1999,"height":788,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":783262,"url":"https://vtexhelp.vtexassets.com/assets/docs/src/pages-after___30f9becdaea4ae58d41338606f854e78.png"}}

What needs to be done?

To get these breadcrumb improvements in your FastStore project, update your project's @faststore/cli to the latest version. To do this, follow the instructions in Updating the '@faststore/cli' package version.

Was this helpful?
Yes
No
On this page