Breadcrumbs tree structure on Product detail page is different

[kovinka]

Breadcrumbs tree structure on Product detail page differs when page is opened from category and on page reload.

Steps to reproduce:

1. Open demo category page https://demo.vuestorefront.io/c/women-20
2. Click on "Minerva LumaTech™ V-Tee" product
3. Product details page for ""Minerva LumaTech™ V-Tee"" is opened
4. Breadcrumbs tree structure is:
   Default Category / Women / Minerva LumaTech™ V-Te
   
5. Reload the page, breadcrumbs tree has another structure:
   Tees / Minerva LumaTech™ V-Tee
   

[pkarw]

This is because when You enter product URL directly we don't have the category context and product can be assigned to more than one category. VS is currently creating the breadcrumb probably from the first cateogry assigned to the product (to be checked) - which is not always the "root" one

[filrak]

@pkarw shouldn't we fix it?

[themreza]

This bug still exists: https://i.imgur.com/XMkfIh3.gif
I can confirm it with our OpenCart connection as well, on Vue Storefront v1.11.0

[pkarw]

@themreza the breadcrumbs is the same as in containing category ("All / Gear") with just product title attached; it was like this from 0.3MVP ;)

[themreza]

@pkarw
I checked the two online demos demo.storefrontcloud.io on v1.10.5 and next.storefrontcloud.io on v1.11.0 and the bug only happens on v1.11.0.

The behavior is strange and in my opinion not normal (even if navigated from different parent categories) that a product should have a different breadcrumb when reloading the same URL.

Please look at this side-by-side demo and the moment I refresh the page.

https://i.imgur.com/WWDHdG7.mp4

I'm experiencing the same issue as in the v1.11.0 demo in my own implementation.