5:["$","$L16",null,{"demo":{"id":"cm4jjp5sm0mv127exbpsw9aej","createdAt":"2024-12-11T07:04:43.414Z","updatedAt":"2024-12-11T14:13:40.558Z","title":"商品画像をギャラリー形式で表示する方法","published":true,"color":"bg-gray-200","authorId":"cm25jy2b300icvovmk816ghpd","metadesc":"Click through a step-by-step, interactive demo walkthrough of Hypernomad, powered by Supademo.","ctabtntext":"Create demo","ctabtncolor":"#4f46e5","ctabtntextcolor":"#fff","ctabtnlink":"https://supademo.com","autoplay":false,"autoplayduration":3000,"autoPlayDelay":0,"showplaypause":true,"loop":false,"progressbar":false,"font":"Default","workspaceId":"cm25jz6oo00jqvovm1gvnotqy","darkmode":false,"shared":true,"folderId":null,"border":true,"nextButton":true,"showSteps":true,"globalSettings":true,"hotspotTextVisible":true,"hotspotOpacity":"100","number":null,"topBar":false,"indexable":true,"displayAuthor":false,"displayDescription":false,"showSupademoLink":false,"showCCButton":true,"archived":false,"archivedAt":null,"domainURL":"https://dev.hypernomad.jp/xmp_inst/index.php?dispatch=products.view&product_id=592","brandLogo":null,"allowDuplicate":false,"recordOwnVoice":false,"backgroundId":null,"backgroundMusicUrl":null,"backgroundMusicVolume":50,"demoSource":"Extension","type":"Default","fullWidth":false,"detectBrowserLanguage":true,"customFontId":null,"mobileHotspotView":true,"author":{"id":"cm25jy2b300icvovmk816ghpd","name":"Tomotaka Nakayasu","image":"https://lh3.googleusercontent.com/a/ACg8ocKkFOBvALelrHzuohh8V9JTsHvGPh69b2t8VS9a1D4Y_DIidCA=s96-c"},"steps":[{"id":"LOaL3uyNI25EegwabVP08","number":"1","text":"Chapter","image":null,"video":null,"createdAt":"2024-12-11T07:11:19.736Z","updatedAt":"2024-12-11T14:12:37.248Z","demoId":"cm4jjp5sm0mv127exbpsw9aej","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1436,"heightOrg":681,"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","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[],"chapter":{"id":"y0Cf1wuMdgkRdV-f_H0KR","stepId":"LOaL3uyNI25EegwabVP08","enabled":true,"type":"Link","skip":false,"heading":"商品画像をギャラリー形式で表示する方法","description":"CS-Cart for ECモール & マーケットプレイス公式ガイド","headingColor":"#fff","descriptionColor":"#fff","theme":"Dark","blurIntensity":0,"allowCompanyEmail":true,"embedCode":null,"buttons":[{"id":"JvkNegX9ei0ZL5Um8MBIS","createdAt":"2024-12-11T07:11:15.682Z","updatedAt":"2024-12-11T07:11:15.682Z","chapterId":"y0Cf1wuMdgkRdV-f_H0KR","content":"スタート","btnColor":"#4f46e5","color":"#fff","linkTxt":"cm4jjp8tn0mv327ex10uowr9h","isLinkExternal":false,"openInNewTab":true,"animation":null,"order":0}],"backgroundId":null,"background":null,"formFields":[]},"comments":[]},{"id":"cm4jjp8tn0mv327ex10uowr9h","number":"2","text":"Click on \"フリルキャミソールトップス（ビビッドイエロー）\".","image":"https://media.supademo.com/cm25jy2b300icvovmk816ghpd/2snkG2LtLqULC8FX2KLBG.jpg","video":null,"createdAt":"2024-12-11T07:04:47.339Z","updatedAt":"2024-12-11T14:12:37.248Z","demoId":"cm4jjp5sm0mv127exbpsw9aej","imageWidth":"688","imageHeight":"327","mouseXCooridnate":"81.35416666666667","mouseYCooridnate":"25.457205559619606","editedImage":null,"widthOrg":2880,"heightOrg":1367,"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","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cm4jjp8tn0mv427ex8uhxzlfs","number":"1","createdAt":"2024-12-11T07:04:47.339Z","updatedAt":"2024-12-11T14:13:40.560Z","default":false,"text":"Click on \"フリルキャミソールトップス（ビビッドイエロー）\".","bgcolor":"#4f46e5","textcolor":"#fff","mouseXCooridnate":"37.7281043437205","mouseYCooridnate":"77.38125089368792","style":"Tooltip","animation":"Pulse","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm4jjp8tn0mv327ex10uowr9h","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

フリルキャミソールトップス（ビビッドイエロー）

","aiText":"商品に複数の画像が登録されている場合、PCではグリッド形式で表示されます。これをギャラリー形式に変更します。","aiTextVisible":true,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm4jjpgqb0mv627ext1oante2","number":"3","text":"Then, click on \"設定\".","image":"https://media.supademo.com/cm25jy2b300icvovmk816ghpd/eyhYQ8EaZ2tiKzoifqx_k.jpg","video":null,"createdAt":"2024-12-11T07:04:57.587Z","updatedAt":"2024-12-11T14:12:37.248Z","demoId":"cm4jjp5sm0mv127exbpsw9aej","imageWidth":"688","imageHeight":"326","mouseXCooridnate":"4.322916666666667","mouseYCooridnate":"90.45005488474203","editedImage":null,"widthOrg":1920,"heightOrg":911,"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","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cm4jjpgqc0mv727exvz40gq7z","number":"2","createdAt":"2024-12-11T07:04:57.587Z","updatedAt":"2024-12-11T07:11:19.738Z","default":false,"text":"Then, click on \"設定\".","bgcolor":"#4f46e5","textcolor":"#fff","mouseXCooridnate":"4.004219782813976","mouseYCooridnate":"90.30084785791999","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"3.470254957507082","boxHeight":"5.669867019237345","prevslide":null,"nextslide":null,"stepId":"cm4jjpgqb0mv627ext1oante2","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":"管理画面にログインし、「設定」をクリックします。","aiTextVisible":true,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm4jjpjvm0mv927ex868p3f10","number":"4","text":"Next up, click on \"基本設定\".","image":"https://media.supademo.com/cm25jy2b300icvovmk816ghpd/4TvlUnAvQj1DzYOp6dZfs.jpg","video":null,"createdAt":"2024-12-11T07:05:01.667Z","updatedAt":"2024-12-11T14:12:37.248Z","demoId":"cm4jjp5sm0mv127exbpsw9aej","imageWidth":"688","imageHeight":"326","mouseXCooridnate":"38.385416666666664","mouseYCooridnate":"43.3589462129528","editedImage":null,"widthOrg":1920,"heightOrg":911,"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","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cm4jjpjvm0mva27exgbrfqpw1","number":"3","createdAt":"2024-12-11T07:05:01.667Z","updatedAt":"2024-12-11T07:11:19.736Z","default":false,"text":"Next up, click on \"基本設定\".","bgcolor":"#4f46e5","textcolor":"#fff","mouseXCooridnate":"37.99589825306893","mouseYCooridnate":"43.3589462129528","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"3.611898016997167","boxHeight":"5.968281072881416","prevslide":null,"nextslide":null,"stepId":"cm4jjpjvm0mv927ex868p3f10","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

基本設定

","aiText":"「基本設定」をクリックします。","aiTextVisible":true,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm4jjpmqn0mvc27exvwh8n0rb","number":"5","text":"Click on \"表示設定\".","image":"https://media.supademo.com/cm25jy2b300icvovmk816ghpd/42K-xrW1JmB4w5_Oq5YVE.jpg","video":null,"createdAt":"2024-12-11T07:05:05.375Z","updatedAt":"2024-12-11T14:12:37.248Z","demoId":"cm4jjp5sm0mv127exbpsw9aej","imageWidth":"688","imageHeight":"326","mouseXCooridnate":"15.937499999999998","mouseYCooridnate":"19.758507135016465","editedImage":null,"widthOrg":1920,"heightOrg":911,"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","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cm4jjpmqn0mvd27ex3g0f2nz1","number":"4","createdAt":"2024-12-11T07:05:05.375Z","updatedAt":"2024-12-11T07:11:19.738Z","default":false,"text":"Click on \"表示設定\".","bgcolor":"#4f46e5","textcolor":"#fff","mouseXCooridnate":"15.547981586402265","mouseYCooridnate":"19.68390362160545","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"3.611898016997167","boxHeight":"5.819074046059381","prevslide":null,"nextslide":null,"stepId":"cm4jjpmqn0mvc27exvwh8n0rb","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"","aiText":"「表示設定」をクリックします。","aiTextVisible":true,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm4jjpuqo0mvf27exfv4pzxh8","number":"6","text":"Click here.","image":"https://media.supademo.com/cm25jy2b300icvovmk816ghpd/JhWNXOXRB05rD6YtEnRui.jpg","video":null,"createdAt":"2024-12-11T07:05:15.744Z","updatedAt":"2024-12-11T14:12:37.248Z","demoId":"cm4jjp5sm0mv127exbpsw9aej","imageWidth":"688","imageHeight":"326","mouseXCooridnate":"56.71874999999999","mouseYCooridnate":"54.335894621295274","editedImage":null,"widthOrg":1920,"heightOrg":911,"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","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cm4jjpuqo0mvg27exgakplwdg","number":"5","createdAt":"2024-12-11T07:05:15.744Z","updatedAt":"2024-12-11T07:11:19.736Z","default":false,"text":"Click here.","bgcolor":"#4f46e5","textcolor":"#fff","mouseXCooridnate":"56.71874999999999","mouseYCooridnate":"54.335894621295274","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"2.8328611898017","boxHeight":"5.968281072881416","prevslide":null,"nextslide":null,"stepId":"cm4jjpuqo0mvf27exfv4pzxh8","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":"「商品詳細ページのサムネイルをギャラリー形式で表示」をチェックします。","aiTextVisible":true,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm4jjq0380mvo27exozegm07d","number":"7","text":"After that, click on \"保存\".","image":"https://media.supademo.com/cm25jy2b300icvovmk816ghpd/WFEck_uajAe8z_KDESaNb.jpg","video":null,"createdAt":"2024-12-11T07:05:22.676Z","updatedAt":"2024-12-11T14:12:37.248Z","demoId":"cm4jjp5sm0mv127exbpsw9aej","imageWidth":"688","imageHeight":"326","mouseXCooridnate":"96.14583333333333","mouseYCooridnate":"8.562019758507136","editedImage":null,"widthOrg":1920,"heightOrg":911,"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","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cm4jjq0380mvp27exdbgi38xf","number":"8","createdAt":"2024-12-11T07:05:22.676Z","updatedAt":"2024-12-11T07:11:19.737Z","default":false,"text":"After that, click on \"保存\".","bgcolor":"#4f46e5","textcolor":"#fff","mouseXCooridnate":"96.53535174693107","mouseYCooridnate":"8.636623271918154","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"3.611898016997167","boxHeight":"6.117488099703452","prevslide":null,"nextslide":null,"stepId":"cm4jjq0380mvo27exozegm07d","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

保存

","aiText":"「保存」ボタンをクリックします。","aiTextVisible":true,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm4jjq2y10mvr27ex11w4kvz7","number":"8","text":"Click on the element.","image":"https://media.supademo.com/cm25jy2b300icvovmk816ghpd/nnadtJES8XBzFQeO057By.jpg","video":null,"createdAt":"2024-12-11T07:05:26.377Z","updatedAt":"2024-12-11T14:12:37.248Z","demoId":"cm4jjp5sm0mv127exbpsw9aej","imageWidth":"688","imageHeight":"326","mouseXCooridnate":"98.69791666666666","mouseYCooridnate":"24.149286498353458","editedImage":null,"widthOrg":1920,"heightOrg":911,"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","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cm4jjq2y10mvs27exozghga06","number":"9","createdAt":"2024-12-11T07:05:26.377Z","updatedAt":"2024-12-11T07:11:19.737Z","default":false,"text":"Click on the element.","bgcolor":"#4f46e5","textcolor":"#fff","mouseXCooridnate":"56.106884373708965","mouseYCooridnate":"16.838142184073725","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"13.88101983002833","boxHeight":"6.565109180169556","prevslide":null,"nextslide":null,"stepId":"cm4jjq2y10mvr27ex11w4kvz7","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":"設定変更の完了メッセージが表示されます。","aiTextVisible":true,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm4jjqa640mvu27exwi2pm8lu","number":"9","text":"After, click here.","image":"https://media.supademo.com/cm25jy2b300icvovmk816ghpd/tSFdRaXF7U6Z9ROU0bZhd.jpg","video":null,"createdAt":"2024-12-11T07:05:35.740Z","updatedAt":"2024-12-11T14:12:37.248Z","demoId":"cm4jjp5sm0mv127exbpsw9aej","imageWidth":"688","imageHeight":"327","mouseXCooridnate":"66.84027777777779","mouseYCooridnate":"33.13825896122896","editedImage":null,"widthOrg":2880,"heightOrg":1367,"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","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cm4jjqa640mvv27exncbgavbe","number":"10","createdAt":"2024-12-11T07:05:35.740Z","updatedAt":"2024-12-11T07:11:19.738Z","default":false,"text":"To end off, click here.","bgcolor":"#4f46e5","textcolor":"#fff","mouseXCooridnate":"51.613648882593644","mouseYCooridnate":"74.02098431046666","style":"Tooltip","animation":"Pulse","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm4jjqa640mvu27exwi2pm8lu","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

$\"フリルキャミソールトップス（ビビッドイエロー）\"$

","aiText":"商品画像がギャラリー形式で表示されます。","aiTextVisible":true,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]}],"htmlEdits":[],"workspace":{"id":"cm25jz6oo00jqvovm1gvnotqy","createdAt":"2024-10-12T02:44:19.992Z","updatedAt":"2024-11-04T00:52:19.830Z","name":"Mekuma Inc.","color":"#4f46e5","hotspottextcolor":"#fff","logo":null,"favicon":null,"owner":"cm25jy2b300icvovmk816ghpd","madein":false,"watermarkLogoUrl":"/supademo_logo_icon.svg","watermarkText":"Made with Supademo","watermarkLink":"https://supademo.com","sharepagebtntext":"Create demo","sharepagebtncolor":"#4f46e5","sharepagebtntextcolor":"#fff","sharepagebtnlink":"https://supademo.com","subscriptionId":"sub_1Q8vJXDNBXQNFoJIVQgJsxOT","autoplay":false,"autoplayduration":3000,"loop":false,"progressbar":false,"nextButton":true,"subDomain":null,"seoIndexable":true,"seoAuthor":false,"seoDescription":false,"showSteps":true,"font":"Default","showSupademoLink":false,"hotspotNextBtn":true,"hotspotTextVisible":true,"hotspotOpacity":"100","enableCreatorsToInvite":true,"stripeId":"cus_R0xD7SCDjmdy3o","topBar":false,"darkmode":false,"plan":"Scale","tourSetup":false,"inTrial":false,"customDomainEnabled":false,"trackingEnabled":true,"autoJoinTeam":false,"linkViewNotifications":true,"monthlyStatsEmail":true,"invoiceEmail":false,"customDomainLandingPage":"https://app.supademo.com","isDiscounted":false,"enterpriseId":null,"selectedCustomFontId":null,"hotspotNextBtnText":null,"hotspotBackBtnText":null,"integrations":[],"chapter":{"id":"cm25jz6px00jsvovmpvkhypa6","createdAt":"2024-10-12T02:44:20.037Z","updatedAt":"2024-10-12T02:44:20.037Z","stepId":null,"workspaceId":"cm25jz6oo00jqvovm1gvnotqy","enabled":false,"type":"Link","password":null,"skip":false,"heading":"Enjoyed the guided demo?","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":"cm25jz6qa00juvovmfgjkrxfz","createdAt":"2024-10-12T02:44:20.051Z","updatedAt":"2024-10-12T02:44:20.051Z","chapterId":"cm25jz6px00jsvovmpvkhypa6","content":"Learn More","btnColor":"#4f46e5","color":"#fff","linkTxt":"https://supademo.com","isLinkExternal":true,"openInNewTab":true,"animation":"Ripple","order":0}],"background":null}},"background":null,"translatedTexts":[],"translations":[],"customFont":null},"variablesFromUrl":[]}]