python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - breadcrumbs

How to display hierarchy in breadcrumb

I am new to using Angular and would like to include a dynamic global breadcrumb. I have Component Hierarchy as component1->component2->component3->component4. The second component takes id fr...
test-img

David Jackson

angular

breadcrumbs

angular-breadcrumb

Votes: 0

Answers: 1

Latest Answer

Your routing structure is completely up to you, but to make your life easier you can have ids as a part of router URLs. e.g. www.host.com/category/:cId/subcategory/:scId. With such approach, you are a...
test-img

Dm Mh

How to add a function only to woocommerce pages

I have this code I put in to remove part of my breadcrumbs in woocommerce which said "Products" in the second crumb: if( $item_position === 2 ){continue;} While it does work, it also remove...
test-img

Natacha Requena

javascript

wordpress

woocommerce

breadcrumbs

Votes: 0

Answers: 1

Latest Answer

is_woocommerce() is a function. The correct syntax is: if (is_woocommerce() && $item_position === 2 ) { continue; }
test-img

Raptor

Change BreadCrumb component that was done with react-router v5 to react router v6

I want to change this BreadCrumb component that was done with react-router v5 to react router v6. import React from "react"; import { Breadcrumbs as MUIBreadcrumbs, Link, Typography } ...
test-img

Fernado Castellon

reactjs

react-router

breadcrumbs

custom-component

Votes: 0

Answers: 1

Latest Answer

Regarding just this Breadcrumbs component, since it is a function component you can use the React hooks. The v5 useHistory hook was replaced by the useNavigate hook that returns a navigate function in...
test-img

Drew Reese

What is wrong with my breadcrumbs - Angular 11?

I'm trying to create breadcrumbs using XNG-Breadcurmb, in my Angular 11. I tried to understand the document and implement it based on my understanding. As per the above GIF, I'm missing connection b...
test-img

Mr. Learner

angular

angular-routing

breadcrumbs

xng-breadcrumb

Votes: 0

Answers: 1

Latest Answer

The library (by default) utilizes the routes hierarchy to set up the breadcrumbs. Here is a visualization of your routes hierarchy at the moment routes hierarchy As you can see, User Dashboard is nei...
test-img

Murage

Posts

Questions

Blogs

Jobs