Page 1 of 1

Breadcrumb - rethought, revamped, reloaded

Posted: Thu Mar 26, 2026 2:57 pm
by burt
The Usual Breadcrumb:

bread_usual.png
It is just the usual Bootstrap breadcrumb, nothing fancy.
@azpro in the Phoenix shop feedback thread...thought the Breadcrumb might be modernised.

So how about this, the Smart Breadcrumb:

bread-desktop.png

Changes:
Slightly wider spacing.
Change divider to `Arrow`.


So far, a bit better. How about in small viewports, where it changes to this;

bread-mobile.png

This UI change, keeps the breadcrumb from overflowing onto Multiple lines, therefore saving on "real estate" when in a Small View (eg Mobile).

Re: Breadcrumb - rethought, revamped, reloaded

Posted: Thu Mar 26, 2026 3:05 pm
by burt
Can be seen in action;

https://phoenixcart.org/demo/product_in ... ducts_id=4

Resize Viewport to approximate phone-sized and the breadcrumb should react accordingly.

--

Any Feedback on the general idea (of a `Smart Breadcrumb` that reacts to viewport size), would be really appreciated. As well as any cosmetic changes etc that might make it even nicer.

Re: Breadcrumb - rethought, revamped, reloaded

Posted: Thu Mar 26, 2026 3:30 pm
by ArtcoInc
A standard installation of Phoenix is installed in the 'Catalog' sub-directory

ie: <root> / <catalog>

The standard breadcrumb has the 'House' (ie: home) linked to the root directory.

I don't think most shop owners want to give their customers a link that takes the customers outside of the shop (ie: to the <root> directory).

I always edit the breadcrumb, removing the <root> link, and change the <catalog> link icon to the 'House' (ie: home)

Re: Breadcrumb - rethought, revamped, reloaded

Posted: Thu Mar 26, 2026 6:55 pm
by PiLLaO
ArtcoInc wrote: Thu Mar 26, 2026 3:30 pm I always edit the breadcrumb, removing the <root> link, and change the <catalog> link icon to the 'House' (ie: home)
I have my shop on root, and remove catalog and set House to home, it's similar than you :)

Re: Breadcrumb - rethought, revamped, reloaded

Posted: Fri Mar 27, 2026 8:28 am
by Kofod95
burt wrote: Thu Mar 26, 2026 3:05 pm Any Feedback on the general idea (of a `Smart Breadcrumb` that reacts to viewport size) [...]
Very good idea! I like the implementation as well.
This would be quite useful for a lot of people, I think.

//Daniel

Re: Breadcrumb - rethought, revamped, reloaded

Posted: Sun Mar 29, 2026 8:59 am
by radhavallabh
Amazing idea....Yes even I always set root to home icon with catalog link...
Looks nice..

Re: Breadcrumb - rethought, revamped, reloaded

Posted: Sun Mar 29, 2026 4:20 pm
by burt
I'll do some finalised testing on the Bread - if anyone else wants to try to break it as well that would be helpful.

https://phoenixcart.org/demo/product_in ... ducts_id=4

And then, assuming all well, I'll share it as a Monthly Addon.