Here is the Solution.
Remember when we clone any OOTB page the widgets will be not be clone only the page structure will be clone so widget you have clone manually.
Like in the above I have clone the User_Profile page but widget which is inside that page did not cloned. widgets was like Breadcrumb & user_profile. So I cloned these two widget as well.
After cloning the breadcrumb you have to change single line code i.e. line no 3
<span><a ng-href="?id={{portal.homepage_dv}}">${Home}</a>id=portal.homepage_div this was redirecting to the you homepage of the portal.
You have to replace this {{portal.homepage_dv}} with your custom page name from where you were redirecting to the clone page. like this
<span><a ng-href="?id=test_clone_page">${Home}</a>{Home} this will show Home on breadcrumb just change Home to anything which you want to show like ${Home} to Test
To get update on breadcrumb link remember one more thing in the breadcrumb links are the page title. So suppose you have cloned the page User_Profile with the name or ID Copy_of_User_Profile But the Title of the page can be different like Custom User Profile So in the breadcrumb the ID will not get update Page title will get updated.
So the conclusion is whenever you are cloning the page Page ID can be anything but Title should be something Specific which you want to show in the Breadcrumb links.
This is how you can achieve.
Here is few Screen Shot for more clarity.
Cloned Breadcrumb:
Cloned OOTB Page:
In your case change the title name of the cloned page & change breadcrumb script.
Hope This will help you a lot.
If the above code helps then please mark my answer Correct and Helpful.
Thanks and Regards:
Siddhnath Pandey
This solution is just updating the URL of the Home link but successive item links in the breadcrumb are still showing old page URLs. E.g When I click on "Can we Help You?" is taking me to old page.
