I contacted the velo team before, I want to add breadcrumbs to a website. I am using this code in velo
this is the code for the master page
import wixLocation from ‘wix-location’;
import { session } from ‘wix-storage’;
$w.onReady(function () { let path = wixLocation.path
let sBreadtrail = session.getItem(‘breadtrail’)
if (sBreadtrail !== null) {
let aBreadtrail = JSON.parse(sBreadtrail);
aBreadtrail.push(path);
sBreadtrail = JSON.stringify(aBreadtrail); } else {
sBreadtrail = JSON.stringify([path]); }
session.setItem(‘breadtrail’, sBreadtrail);
});
And this is the code for the individual page.
import {session} from ‘wix-storage’
$w.onReady(function () {
let variable = JSON.parse(session.getItem(‘breadtrail’));
let path = variable.join(" > “);
$w(”#Breadcrumb").text = path;
});
Its working but I am not able to hyperlink each part of the breadcrumb
the velo team replied
Upon having a look at your code, I could see that you are assigning the text data using text property.
Since the default text element does not have the link property, the best way to set up both textual content and links is using html property of the text element and using the href attribute of the text element.
The way you push the page path to the item could be different: either stringify the object with pageName and path properties in the masterPage,js code, the parse JSON from it on the other pages and set the html value accordingly.
Otherwise, you can construct the html string immediately in the masterPage.js code and push it as a session item’s value to only retrieve and assign it on the actual page.
I am not able to make changes in the code