5:["$","$L16",null,{"demo":{"id":"cm9rivnj77fsmljv5fxm484mt","createdAt":"2025-04-21T20:22:27.811Z","updatedAt":"2025-07-03T11:33:15.965Z","title":"Granular Page Customisation with Multiple Canvases in React Themes","published":true,"color":"bg-gray-200","authorId":"clsjvgc9c0eo5peh2w88nqol6","metadesc":"Click through a step-by-step, interactive demo walkthrough of Fynd Commerce, powered by Supademo.","ctabtntext":"Try Now!","ctabtncolor":"#3ac69a","ctabtntextcolor":"#fff","ctabtnlink":"https://platform.fynd.com","autoplay":true,"autoplayduration":3000,"autoPlayDelay":1000,"showplaypause":true,"loop":false,"progressbar":true,"font":"Default","workspaceId":"clsjv5d6z0ec1peh28lfwsck4","darkmode":false,"shared":true,"folderId":null,"border":true,"nextButton":true,"showSteps":true,"globalSettings":true,"hotspotTextVisible":true,"hotspotOpacity":"60","number":null,"topBar":true,"indexable":true,"displayAuthor":true,"displayDescription":true,"showSupademoLink":true,"showCCButton":true,"archived":false,"archivedAt":null,"domainURL":"https://platform.sit.fyndx1.de/company/11/home","brandLogo":"https://media.supademo.com/workspaces/clsjv5d6z0ec1peh28lfwsck4/a1K0Y7q9GmLc0U1fXgWbG.png","allowDuplicate":false,"recordOwnVoice":false,"backgroundId":null,"backgroundMusicUrl":null,"backgroundMusicVolume":50,"demoSource":"Extension","type":"Default","fullWidth":false,"detectBrowserLanguage":true,"customFontId":null,"mobileHotspotView":true,"author":{"id":"clsjvgc9c0eo5peh2w88nqol6","name":"Himanshu Tripathi","image":"https://lh3.googleusercontent.com/a/ACg8ocIver7cVLOTSS8YRD4ADZCL5jrDJeXeljrKXr04kd9N=s96-c"},"steps":[{"id":"TGrBFPzmpCBi83EFMTbte","number":"1","text":null,"image":null,"video":null,"createdAt":"2025-04-21T21:29:36.329Z","updatedAt":"2025-04-22T13:28:35.098Z","demoId":"cm9rivnj77fsmljv5fxm484mt","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":{"id":"UXbZImy6FSzqbd0f8cEaP","stepId":"TGrBFPzmpCBi83EFMTbte","enabled":true,"type":"Link","skip":false,"heading":"Granular Page Customisation with Multiple Canvases in React Themes","description":"Click below for a step-by-step walkthrough of our product","headingColor":"#000000","descriptionColor":"#000000","theme":"Custom","blurIntensity":24,"allowCompanyEmail":true,"embedCode":null,"buttons":[{"id":"Crn2HJrInKTkBwSIiibiC","createdAt":"2025-04-21T21:29:33.949Z","updatedAt":"2025-04-21T21:29:33.949Z","chapterId":"UXbZImy6FSzqbd0f8cEaP","content":"Get Started","btnColor":"#4f46e5","color":"#fff","linkTxt":"cm9rivut37fstljv56jkzwrz4","isLinkExternal":false,"openInNewTab":true,"animation":"Ripple","order":0}],"backgroundId":"cm9rla6ps03a6yj0itvn9wph5","background":{"id":"cm9rla6ps03a6yj0itvn9wph5","createdAt":"2025-04-21T21:29:45.088Z","updatedAt":"2025-04-21T21:29:52.389Z","type":"Color","value":"#A8D6F9","workspaceId":"clsjv5d6z0ec1peh28lfwsck4","demoId":null,"chapterId":"UXbZImy6FSzqbd0f8cEaP","screenshotId":null},"formFields":[]},"comments":[]},{"id":"cm9rivut37fstljv56jkzwrz4","number":"2","text":null,"image":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/0KS0sDOpGUFq0giEMvdZm.jpg","video":null,"createdAt":"2025-04-21T20:22:37.226Z","updatedAt":"2025-04-22T13:36:13.336Z","demoId":"cm9rivnj77fsmljv5fxm484mt","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"2.2817460317460316","mouseYCooridnate":"10.560093348891481","editedImage":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/screenshots/8osiAKgLP3dqJ9EXr_f88.jpg","widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":"{\"cropLimitToImage\":true,\"cropMinSize\":{\"width\":1,\"height\":1},\"cropMaxSize\":{\"width\":32768,\"height\":32768},\"cropAspectRatio\":null,\"flipX\":false,\"flipY\":false,\"rotation\":0,\"crop\":{\"x\":0,\"y\":0,\"width\":3024,\"height\":1714},\"colorMatrix\":null,\"convolutionMatrix\":null,\"gamma\":null,\"vignette\":null,\"manipulation\":[],\"redaction\":[],\"annotation\":[],\"decoration\":[],\"selection\":[],\"frame\":null,\"backgroundColor\":[0,0,0,0],\"backgroundImage\":null,\"backgroundFilterMode\":null,\"targetSize\":null,\"metadata\":null,\"trim\":null,\"volume\":1,\"minDuration\":0.041666666666666664,\"maxDuration\":null,\"currentTime\":null}","trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/audio/lloQ9nFdZf1ctxCU914v0.mp3","audioText":"Welcome to Find Commerce! Meet Himanshu, a D2C brand manager working on his online store’s homepage. He wants to place an Application Banner next to an Image gallery—but until now, sections are stacked one below the other. With Multiple Canvases now supported in React themes, Himanshu can create side-by-side layouts, and structure pages cleanly. Let’s see how he does it using the Theme Editor.","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"22.83102040816327","captionsUrl":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/captions/lloQ9nFdZf1ctxCU914v0.vtt","zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://platform.sit.fyndx1.de/company/11/home","recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cm9rivut37fsuljv56hjcahdo","number":"1","createdAt":"2025-04-21T20:22:37.226Z","updatedAt":"2025-04-22T13:36:13.337Z","default":false,"text":"Welcome to Fynd Commerce! Meet Himanshu, a D2C brand manager working on his online store’s homepage.\nHe wants to place an Application Banner next to an Image gallery—but until now, sections are stacked one below the other.\nWith **Multiple Canvases** now supported in React themes, Himanshu can create **side-by-side layouts**, and structure pages cleanly. Let’s see how he does it using the Theme Editor.","bgcolor":"#3ac69a","textcolor":"#fff","mouseXCooridnate":"56.53413653330814","mouseYCooridnate":"43.96834717223459","style":"Tooltip","animation":"Pulse","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm9rivut37fstljv56jkzwrz4","tipposition":"autostart","nextButton":true,"textVisible":true,"htmlValue":"","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm9rivx5m7fsxljv5rzg2dd6d","number":"3","text":null,"image":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/-XJRCSbVz_pfFU5xOOZXn.jpg","video":null,"createdAt":"2025-04-21T20:22:40.268Z","updatedAt":"2025-04-22T13:44:57.142Z","demoId":"cm9rivnj77fsmljv5fxm484mt","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"2.2486772486772484","mouseYCooridnate":"46.90781796966161","editedImage":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/screenshots/W2II5gTUI3xCIoNAoshXm.jpg","widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":"{\"cropLimitToImage\":true,\"cropMinSize\":{\"width\":1,\"height\":1},\"cropMaxSize\":{\"width\":32768,\"height\":32768},\"cropAspectRatio\":null,\"flipX\":false,\"flipY\":false,\"rotation\":0,\"crop\":{\"x\":0,\"y\":0,\"width\":3024,\"height\":1714},\"colorMatrix\":null,\"convolutionMatrix\":null,\"gamma\":null,\"vignette\":null,\"manipulation\":[],\"redaction\":[],\"annotation\":[],\"decoration\":[],\"selection\":[],\"frame\":null,\"backgroundColor\":[0,0,0,0],\"backgroundImage\":null,\"backgroundFilterMode\":null,\"targetSize\":null,\"metadata\":null,\"trim\":null,\"volume\":1,\"minDuration\":0.041666666666666664,\"maxDuration\":null,\"currentTime\":null}","trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/audio/sXQlxvN2hlIgqC3l4RXqF.mp3","audioText":"Himanshu begins by heading to Sales Channel.","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"2.455510204081633","captionsUrl":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/captions/sXQlxvN2hlIgqC3l4RXqF.vtt","zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://platform.sit.fyndx1.de/company/11/home","recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cm9rivx5m7fsyljv59x15fb4w","number":"2","createdAt":"2025-04-21T20:22:40.268Z","updatedAt":"2025-04-22T13:28:52.380Z","default":false,"text":"Himanshu begins by heading to **Sales Channel.**","bgcolor":"#3ac69a","textcolor":"#fff","mouseXCooridnate":"2.2486772486772484","mouseYCooridnate":"46.90781796966161","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm9rivx5m7fsxljv5rzg2dd6d","tipposition":"autostart","nextButton":true,"textVisible":true,"htmlValue":"","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm9rivyls7ft1ljv5hkzu4cwb","number":"4","text":null,"image":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/J2q6e0ShUkvvB5kJ5vtc6.jpg","video":null,"createdAt":"2025-04-21T20:22:42.144Z","updatedAt":"2025-04-21T23:38:14.863Z","demoId":"cm9rivnj77fsmljv5fxm484mt","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"17.559523809523807","mouseYCooridnate":"58.109684947491246","editedImage":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/screenshots/u9n3i_t_FmC9fHBmBHsIa.jpg","widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":"{\"cropLimitToImage\":true,\"cropMinSize\":{\"width\":1,\"height\":1},\"cropMaxSize\":{\"width\":32768,\"height\":32768},\"cropAspectRatio\":null,\"flipX\":false,\"flipY\":false,\"rotation\":0,\"crop\":{\"x\":0,\"y\":0,\"width\":3024,\"height\":1714},\"colorMatrix\":null,\"convolutionMatrix\":null,\"gamma\":null,\"vignette\":null,\"manipulation\":[],\"redaction\":[{\"x\":2789.414122596154,\"y\":15.270462740384573,\"width\":205.41733774038494,\"height\":64.36942107371794,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"irv44dc\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}],\"annotation\":[],\"decoration\":[],\"selection\":[],\"frame\":null,\"backgroundColor\":[0,0,0,0],\"backgroundImage\":null,\"backgroundFilterMode\":null,\"targetSize\":null,\"metadata\":null,\"trim\":null,\"volume\":1,\"minDuration\":0.041666666666666664,\"maxDuration\":null,\"currentTime\":null}","trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/audio/ZnaTEktZaLCGAvYWob_Cr.mp3","audioText":"Clicks here to open theme settings.","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"1.906938775510204","captionsUrl":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/captions/ZnaTEktZaLCGAvYWob_Cr.vtt","zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://platform.sit.fyndx1.de/company/11/application/67178d04639c597138a47b21/products","recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cm9rivyls7ft2ljv58la671w2","number":"3","createdAt":"2025-04-21T20:22:42.144Z","updatedAt":"2025-04-21T21:29:36.334Z","default":false,"text":"Clicks here to open theme settings.","bgcolor":"#3ac69a","textcolor":"#fff","mouseXCooridnate":"17.559523809523807","mouseYCooridnate":"58.109684947491246","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm9rivyls7ft1ljv5hkzu4cwb","tipposition":"autostart","nextButton":true,"textVisible":true,"htmlValue":"","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm9riw0qm7ft5ljv56wta27v7","number":"5","text":null,"image":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/1cM0zEFVVjfm7xzVN8YVP.jpg","video":null,"createdAt":"2025-04-21T20:22:44.907Z","updatedAt":"2025-04-21T23:38:33.509Z","demoId":"cm9rivnj77fsmljv5fxm484mt","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"11.408730158730158","mouseYCooridnate":"23.045507584597434","editedImage":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/screenshots/u4wZOyiA48vLqeRerttfb.jpg","widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":"{\"cropLimitToImage\":true,\"cropMinSize\":{\"width\":1,\"height\":1},\"cropMaxSize\":{\"width\":32768,\"height\":32768},\"cropAspectRatio\":null,\"flipX\":false,\"flipY\":false,\"rotation\":0,\"crop\":{\"x\":0,\"y\":0,\"width\":3024,\"height\":1714},\"colorMatrix\":null,\"convolutionMatrix\":null,\"gamma\":null,\"vignette\":null,\"manipulation\":[],\"redaction\":[{\"x\":2787.8948016826926,\"y\":19.96576522435896,\"width\":204.08685897435862,\"height\":66.6355268429487,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"cvzb2dj\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}],\"annotation\":[],\"decoration\":[],\"selection\":[],\"frame\":null,\"backgroundColor\":[0,0,0,0],\"backgroundImage\":null,\"backgroundFilterMode\":null,\"targetSize\":null,\"metadata\":null,\"trim\":null,\"volume\":1,\"minDuration\":0.041666666666666664,\"maxDuration\":null,\"currentTime\":null}","trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/audio/rBvz0gTdN6VTfEPMIrcBd.mp3","audioText":"Click on \"Store Design\".","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"1.56734693877551","captionsUrl":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/captions/rBvz0gTdN6VTfEPMIrcBd.vtt","zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://platform.sit.fyndx1.de/company/11/application/67178d04639c597138a47b21/themes","recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cm9riw0qm7ft6ljv5q3ivsvqh","number":"4","createdAt":"2025-04-21T20:22:44.907Z","updatedAt":"2025-04-21T21:29:36.335Z","default":false,"text":"Click on \"Store Design\".","bgcolor":"#3ac69a","textcolor":"#fff","mouseXCooridnate":"11.408730158730156","mouseYCooridnate":"23.045507584597434","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm9riw0qm7ft5ljv56wta27v7","tipposition":"autostart","nextButton":true,"textVisible":true,"htmlValue":"","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm9riw3jd7ft9ljv5eis4sn1c","number":"6","text":null,"image":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/QsoMICbr4whNdyJ_B-Mx5.jpg","video":null,"createdAt":"2025-04-21T20:22:48.520Z","updatedAt":"2025-04-22T13:35:46.511Z","demoId":"cm9rivnj77fsmljv5fxm484mt","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"66.83201058201058","mouseYCooridnate":"30.921820303383896","editedImage":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/screenshots/K6Mln3Kkl7iG3jnGQM2aK.jpg","widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":"{\"cropLimitToImage\":true,\"cropMinSize\":{\"width\":1,\"height\":1},\"cropMaxSize\":{\"width\":32768,\"height\":32768},\"cropAspectRatio\":null,\"flipX\":false,\"flipY\":false,\"rotation\":0,\"crop\":{\"x\":0,\"y\":0,\"width\":3024,\"height\":1714},\"colorMatrix\":null,\"convolutionMatrix\":null,\"gamma\":null,\"vignette\":null,\"manipulation\":[],\"redaction\":[{\"x\":2790.341165865385,\"y\":19.768339342948707,\"width\":204.627634214743,\"height\":60.57541065705129,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"62snwnk\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}],\"annotation\":[],\"decoration\":[],\"selection\":[],\"frame\":null,\"backgroundColor\":[0,0,0,0],\"backgroundImage\":null,\"backgroundFilterMode\":null,\"targetSize\":null,\"metadata\":null,\"trim\":null,\"volume\":1,\"minDuration\":0.041666666666666664,\"maxDuration\":null,\"currentTime\":null}","trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/audio/tjL7K2Xj4elqR6_YsMH3Q.mp3","audioText":"He clicks **Edit** on the current theme to launch the **Theme Editor**.","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"3.578775510204081","captionsUrl":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/captions/tjL7K2Xj4elqR6_YsMH3Q.vtt","zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://platform.sit.fyndx1.de/company/11/application/67178d04639c597138a47b21/themes","recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cm9riw3jd7ftaljv5izvwzexr","number":"5","createdAt":"2025-04-21T20:22:48.520Z","updatedAt":"2025-04-22T13:29:13.212Z","default":false,"text":"He clicks **Edit** on the current theme to launch the **Theme Editor**.","bgcolor":"#3ac69a","textcolor":"#fff","mouseXCooridnate":"66.83201058201055","mouseYCooridnate":"30.921820303383896","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm9riw3jd7ft9ljv5eis4sn1c","tipposition":"autostart","nextButton":true,"textVisible":true,"htmlValue":"

Home

Home

Add Section

Application Banner

Add Section

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"43yZmMTX1tnyGVEPc-H10","number":"22","text":null,"image":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/Nb8o3U0mnCSweuBdtVa2u.jpg","video":null,"createdAt":"2025-04-21T21:20:17.004Z","updatedAt":"2025-04-22T13:35:46.511Z","demoId":"cm9rivnj77fsmljv5fxm484mt","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"10.747354497354497","mouseYCooridnate":"96.55775962660444","editedImage":null,"widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/audio/V4Kw1UAo3UUkT60QAOwus.mp3","audioText":"If needed, he can drag and drop sections **within** a canvas to adjust their order.","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"4.728163265306122","captionsUrl":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/captions/V4Kw1UAo3UUkT60QAOwus.vtt","zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://platform.sit.fyndx1.de/company/11/application/67178d04639c597138a47b21/themes/680658a9a5b1ef3485f9dc80/edit","recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"AY-i2xi4cZXwLZiz4vKpo","number":"28","createdAt":"2025-04-21T21:20:17.004Z","updatedAt":"2025-04-22T13:31:23.328Z","default":false,"text":"If needed, he can drag and drop sections **within** a canvas to adjust their order.","bgcolor":"#3ac69a","textcolor":"#fff","mouseXCooridnate":"1.187998358348968","mouseYCooridnate":"35.55230959967687","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"2.375996716697936","boxHeight":"38.18598587178539","prevslide":null,"nextslide":null,"stepId":"43yZmMTX1tnyGVEPc-H10","tipposition":"bottom","nextButton":true,"textVisible":true,"htmlValue":"","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"PgnsvYYRquH45OXD-Vx3q","number":"23","text":null,"image":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/Nb8o3U0mnCSweuBdtVa2u.jpg","video":null,"createdAt":"2025-04-21T21:21:04.810Z","updatedAt":"2025-04-21T21:40:24.203Z","demoId":"cm9rivnj77fsmljv5fxm484mt","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"10.747354497354497","mouseYCooridnate":"96.55775962660444","editedImage":null,"widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/audio/2G5bXMyISUjLeLgLYY84m.mp3","audioText":"Although, sections **cannot be moved across canvases**—which keeps the layout structured and stable.","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"5.98204081632653","captionsUrl":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/captions/2G5bXMyISUjLeLgLYY84m.vtt","zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://platform.sit.fyndx1.de/company/11/application/67178d04639c597138a47b21/themes/680658a9a5b1ef3485f9dc80/edit","recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"6biVtJ0BzpLkJXtLrsg6l","number":"28","createdAt":"2025-04-21T21:21:04.810Z","updatedAt":"2025-04-21T21:29:36.344Z","default":false,"text":"Although, sections **cannot be moved across canvases**—which keeps the layout structured and stable.","bgcolor":"#3ac69a","textcolor":"#fff","mouseXCooridnate":"8.89383442678729","mouseYCooridnate":"35.55230959967687","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"17.78766885357458","boxHeight":"38.18598587178539","prevslide":null,"nextslide":null,"stepId":"PgnsvYYRquH45OXD-Vx3q","tipposition":"bottom","nextButton":true,"textVisible":true,"htmlValue":"","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"Jfv1RniOPo4ZU64Ht4GlZ","number":"24","text":null,"image":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/screenshots/pK1csrQosPHNjolxXy2kH.png","video":null,"createdAt":"2025-04-21T21:22:10.870Z","updatedAt":"2025-04-22T13:44:57.142Z","demoId":"cm9rivnj77fsmljv5fxm484mt","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2538,"heightOrg":1440,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/audio/iMhupVJs6qCvfBdQ4SZK4.mp3","audioText":"After reviewing the layout, Himanshu clicks Save to publish the changes to his storefront. ","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"4.780408163265306","captionsUrl":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/captions/iMhupVJs6qCvfBdQ4SZK4.vtt","zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"MyF5aitALyYyg_kvwqTc3","number":null,"createdAt":"2025-04-21T21:22:11.096Z","updatedAt":"2025-04-22T13:31:57.481Z","default":false,"text":"After reviewing the layout, Himanshu clicks **Save** to publish the changes to his storefront.","bgcolor":"#3ac69a","textcolor":"#fff","mouseXCooridnate":"10.318949343339586","mouseYCooridnate":"96.50718834627536","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"Jfv1RniOPo4ZU64Ht4GlZ","tipposition":"autostart","nextButton":true,"textVisible":true,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"wRR7LYEZWoz0iMNYZi1Ip","number":"25","text":null,"image":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/screenshots/pK1csrQosPHNjolxXy2kH.png","video":null,"createdAt":"2025-04-21T21:22:29.615Z","updatedAt":"2025-04-22T13:35:46.511Z","demoId":"cm9rivnj77fsmljv5fxm484mt","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2538,"heightOrg":1440,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/audio/7M0BPlcoLnESVVqyOO0qq.mp3","audioText":"And that’s how Himanshu set up a clean, side-by-side homepage layout using Multiple Canvases in his React theme. Support for Multiple Canvases is available, but merchants can only use this feature if their theme developer has implemented it on a storefront page within their theme. Contact your theme support team to confirm whether your theme supports canvases.","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"21.1330612244898","captionsUrl":"https://media.supademo.com/clsjvgc9c0eo5peh2w88nqol6/captions/7M0BPlcoLnESVVqyOO0qq.vtt","zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"ShQjcTj_zjawChHALTNme","number":null,"createdAt":"2025-04-21T21:22:29.615Z","updatedAt":"2025-04-22T13:32:21.611Z","default":false,"text":"And that’s how Himanshu set up a clean, side-by-side homepage layout using Multiple Canvases in his React theme.\nSupport for Multiple Canvases is available, but merchants can only use this feature if their theme developer has implemented it on a storefront page within their theme.\nContact your theme support team to confirm whether your theme supports canvases.","bgcolor":"#3ac69a","textcolor":"#fff","mouseXCooridnate":"50","mouseYCooridnate":"62.74382174462604","style":"Tooltip","animation":"Pulse","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"wRR7LYEZWoz0iMNYZi1Ip","tipposition":"autostart","nextButton":true,"textVisible":true,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"d4J3Bvm0a7huPrW9Z2q2e","number":"26","text":null,"image":null,"video":null,"createdAt":"2025-04-21T21:23:51.254Z","updatedAt":"2025-04-21T21:29:36.345Z","demoId":"cm9rivnj77fsmljv5fxm484mt","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1066,"heightOrg":604,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":{"id":"mEcqy813hV6BRvTQVSoy9","stepId":"d4J3Bvm0a7huPrW9Z2q2e","enabled":true,"type":"Link","skip":false,"heading":"Enjoyed the guided demo?","description":"Learn more about our features and benefits on our website!","headingColor":"#000000","descriptionColor":"#000000","theme":"Custom","blurIntensity":24,"allowCompanyEmail":true,"embedCode":null,"buttons":[{"id":"_FdxhIEfFx7XGv8UrweKO","createdAt":"2025-04-21T21:23:47.638Z","updatedAt":"2025-04-21T21:23:47.638Z","chapterId":"mEcqy813hV6BRvTQVSoy9","content":"Try Now at Fynd Platform","btnColor":"#4f46e5","color":"#fff","linkTxt":"https://platform.fynd.com/","isLinkExternal":true,"openInNewTab":true,"animation":null,"order":0}],"backgroundId":"cm9rl2s2s02u7x00iznfxx5lf","background":{"id":"cm9rl2s2s02u7x00iznfxx5lf","createdAt":"2025-04-21T21:23:59.524Z","updatedAt":"2025-04-21T21:23:59.524Z","type":"Color","value":"#A8D6F9","workspaceId":"clsjv5d6z0ec1peh28lfwsck4","demoId":null,"chapterId":"mEcqy813hV6BRvTQVSoy9","screenshotId":null},"formFields":[]},"comments":[]}],"htmlEdits":[],"workspace":{"id":"clsjv5d6z0ec1peh28lfwsck4","createdAt":"2024-02-13T04:28:47.243Z","updatedAt":"2025-07-17T07:12:48.311Z","name":"Fynd","color":"#3ac69a","hotspottextcolor":"#fff","logo":"https://media.supademo.com/workspaces/clsjv5d6z0ec1peh28lfwsck4/a1K0Y7q9GmLc0U1fXgWbG.png","favicon":"https://media.supademo.com/workspaces/clsjv5d6z0ec1peh28lfwsck4/E11tJTmSPqqS63OCexBEk.png","owner":"clsjv4rdi0ebipeh2eqrah3i0","madein":true,"watermarkLogoUrl":"https://media.supademo.com/workspaces/clsjv5d6z0ec1peh28lfwsck4/xRIlHf9j8bFEtiqV35eW0.jpg","watermarkText":"Fynd Commerce","watermarkLink":"https://docs.fynd.com/commerce/","sharepagebtntext":"Try Now!","sharepagebtncolor":"#3ac69a","sharepagebtntextcolor":"#fff","sharepagebtnlink":"https://platform.fynd.com","subscriptionId":"sub_1Rgl6DDNBXQNFoJIcQY1vyof","autoplay":false,"autoplayduration":3000,"loop":false,"progressbar":true,"nextButton":true,"subDomain":null,"seoIndexable":true,"seoAuthor":true,"seoDescription":true,"showSteps":true,"font":"Default","showSupademoLink":true,"hotspotNextBtn":true,"hotspotTextVisible":true,"hotspotOpacity":"60","enableCreatorsToInvite":true,"stripeId":"cus_PYKFdlPnNL6OaS","topBar":true,"darkmode":false,"plan":"Scale","tourSetup":false,"inTrial":false,"customDomainEnabled":false,"trackingEnabled":true,"autoJoinTeam":true,"linkViewNotifications":true,"monthlyStatsEmail":true,"invoiceEmail":false,"customDomainLandingPage":"https://app.supademo.com","isDiscounted":false,"enterpriseId":null,"selectedCustomFontId":null,"backgroundMusicUrl":null,"hotspotNextBtnText":null,"hotspotBackBtnText":null,"integrations":[],"chapter":{"id":"cly2bo5ox0mm9yerrrshr05jn","createdAt":"2024-07-01T01:49:40.689Z","updatedAt":"2025-07-03T07:00:27.332Z","stepId":null,"workspaceId":"clsjv5d6z0ec1peh28lfwsck4","enabled":false,"type":"Link","password":null,"skip":false,"heading":"🎬 That's a wrap for our demo video!","description":"Learn more about our features and benefits on our website!","theme":"Dark","allowCompanyEmail":true,"embedCode":null,"blurIntensity":24,"headingColor":"#fff","descriptionColor":"#fff","backgroundId":null,"buttons":[{"id":"cly2bo5y00mmbyerruav86b80","createdAt":"2024-07-01T01:49:41.016Z","updatedAt":"2024-07-01T01:49:41.016Z","chapterId":"cly2bo5ox0mm9yerrrshr05jn","content":"Try Now at Fynd Platform","btnColor":"#4f46e5","color":"#fff","linkTxt":"https://platform.fynd.com/","isLinkExternal":true,"openInNewTab":true,"animation":null,"order":0}],"background":null}},"background":null,"translatedTexts":[],"translations":[],"customFont":null},"variablesFromUrl":[]}]