JSON Parse error unexpected token - Expanding menu

Ask the community
, ,
1

Dear everyone, I need some help clarifying some things. I made this collection trying to follow the wix tutorial on this → https://support.wix.com/en/article/velo-tutorial-creating-an-expanding-mega-menu#step-2-when-the-page-loads

With the main difference that I dont want my menu to be a double expandable menu but only expand once (example for men to show men products all of them)
My website that im trying to work this on is this one for reference: https://giannisliko.wixsite.com/my-site-1

Nextly I made this collection which at first I made the subSubItems as arrays to store the json obj but now changed it to text since I read that it shouldnt be arrays. Pictures as follows:

1771×622 80.2 KB

While the menu looks like this:

1398×685 96.4 KB

Main problem: When I am trying to call the main function to insert data into the repeaters above I get this error which I do now know which direction to head to in order to fix it. Im attaching the code and the error below as follows:

function setSubSubMenu(repeaterData) {
 //Set the image of the Submenu 1
 //$w('#rangeMenuImage').src = repeaterData.img1;
 for (let i = 1; i <= subLevel2RepeaterCount; i++) {
  //Convert the Submenu 2 string to a Javascript object.
  console.log(repeaterData);
  //console.log('this is the 0 ' + repeaterData)[1];
  console.log('this is the data[0]  ' + repeaterData[0]);
  //console.log('(this is the data)[0]  ' + repeaterData)[0];
  console.log('reapeterData subsubitems  ' + JSON.parse(repeaterData[`subSubItems1`]));
  const dataSubSub = JSON.parse(repeaterData[`subSubItems${i}`]);
  //Set a unique ID for each item.
  console.log('this is the dataSUBSUB ' + dataSubSub);
  dataSubSub.forEach(subSubItem => {
   subSubItem._id = createUniqueId();
  })
  //Set the Submenu 2 data in the repeater.
  $w(`#repeaterSubSub${i}`).data = dataSubSub;
 }
}

Error is: SyntaxError: Unexpected token u in JSON at position 0 on line: console.log('reapeterData subsubitems ’ + JSON.parse(repeaterData[subSubItems1]));
AS well as: SyntaxError: Unexpected token u in JSON at position 0 on line: const dataSubSub = JSON.parse(repeaterData[subSubItems${i}]);

I am trying to log everything to find what happens but I can not seem to solve this.

Lastly the repeaterData is working correctly as follows:

1675×406 47.9 KB

Any help would be great.
Thank you in advance!

2

Welp, without trying to figure out what your code is doing…

Why are you trying to parse the JSON? Why not just do this?

console.log('reapeterData subsubitems ', repeaterData[`subSubItems1`]);

What do you get? Does this work?

3

Hello sir @yisrael-wix , yes I tried it before and I get undefined as an result. Also i have tried : console . log ( 'reapeterData subsubitems strig ’ + JSON . parse ( repeaterData [ 0 ]. subSubItems1 )) which works (getting obj obj) but then I can not use this to populate repeaters with data.

4

Seems the problem is that my array is a 2d with objects inside him and I can not filter subSubItems1 without using something like: repeaterData[0][subSubItems1]; Trying to workout a solution