[{"data":1,"prerenderedAt":5159},["ShallowReactive",2],{"sidebar-roots":3,"content-query-tRZwLkMFEP":540,"content-query-B1wDYeFhVz":2170,"content-query-ysRhQg9dZz":4806,"content-query-ZBqnt3l95o":4822,"content-query-eWK7Ojfzgs":4838,"$88NaDudkJM":4854,"qyzkpDqbjz":5084},[4,19,28,37,43,52,60,69,78,87,96,105,113,122,131,140,149,156,165,174,183,192,200,244,253,263,271,280,290,300,309,318,326,333,342,351,360,369,377,386,393,402,410,419,429,438,444,452,459,465,473,482,491,498,505,511,518,525,534],{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"navigation":9,"_id":12,"_type":13,"title":14,"_source":15,"_file":16,"_stem":17,"_extension":18},"/_dir","",false,true,{"title":10,"icon":11},"Home","ri:home-2-fill","base:_dir.yml","yaml","Dir","base","_dir.yml","_dir","yml",{"_path":20,"_dir":21,"_draft":7,"_partial":8,"_locale":6,"title":22,"sidebarRoot":8,"navigation":23,"_id":25,"_type":13,"_source":15,"_file":26,"_stem":27,"_extension":18},"/general/_dir","general","Getting Started",{"icon":24},"ri:book-2-fill","base:2.general:_dir.yml","2.general/_dir.yml","2.general/_dir",{"_path":29,"_dir":30,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"title":31,"navigation":32,"_id":34,"_type":13,"_source":30,"_file":35,"_stem":36,"_extension":18},"/cloud/_dir","cloud","Cloud",{"icon":33},"material-symbols:cloud","cloud:cloud:_dir.yml","cloud/_dir.yml","cloud/_dir",{"_path":38,"_dir":39,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"callout":8,"_id":40,"_type":13,"title":14,"_source":30,"_file":41,"_stem":42,"_extension":18},"/cloud/v1/_dir","v1","cloud:cloud:6.v1:_dir.yml","cloud/6.v1/_dir.yml","cloud/6.v1/_dir",{"_path":44,"_dir":45,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"title":46,"navigation":47,"_id":49,"_type":13,"_source":45,"_file":50,"_stem":51,"_extension":18},"/console/_dir","console","Console (Cloud management)",{"icon":48},"material-symbols:frame-inspect","console:console:_dir.yml","console/_dir.yml","console/_dir",{"_path":53,"_dir":54,"_draft":7,"_partial":8,"_locale":6,"title":55,"navigation":56,"sidebarRoot":8,"_id":57,"_type":13,"_source":15,"_file":58,"_stem":59,"_extension":18},"/cookbook/_dir","cookbook","Cookbooks",{"icon":24},"base:cookbook:_dir.yml","cookbook/_dir.yml","cookbook/_dir",{"_path":61,"_dir":62,"_draft":7,"_partial":8,"_locale":6,"title":63,"sidebarRoot":8,"navigation":64,"_id":66,"_type":13,"_source":15,"_file":67,"_stem":68,"_extension":18},"/guides/_dir","guides","Guides",{"icon":65},"ri:code-s-slash-fill","base:guides:_dir.yml","guides/_dir.yml","guides/_dir",{"_path":70,"_dir":71,"_draft":7,"_partial":8,"_locale":6,"title":72,"sidebarRoot":8,"navigation":73,"_id":75,"_type":13,"_source":15,"_file":76,"_stem":77,"_extension":18},"/guides/alokai-essentials/__2.vue-storefront-with-nuxt/_dir","__2.vue-storefront-with-nuxt","Alokai with Nuxt",{"icon":74},"skill-icons:nuxtjs-dark","base:guides:2.alokai-essentials:__2.vue-storefront-with-nuxt:_dir.yml","guides/2.alokai-essentials/__2.vue-storefront-with-nuxt/_dir.yml","guides/2.alokai-essentials/__2.vue-storefront-with-nuxt/_dir",{"_path":79,"_dir":80,"_draft":7,"_partial":8,"_locale":6,"title":81,"sidebarRoot":8,"navigation":82,"_id":84,"_type":13,"_source":15,"_file":85,"_stem":86,"_extension":18},"/guides/alokai-essentials/_dir","alokai-essentials","Alokai Essentials",{"icon":83},"tabler:123","base:guides:2.alokai-essentials:_dir.yml","guides/2.alokai-essentials/_dir.yml","guides/2.alokai-essentials/_dir",{"_path":88,"_dir":89,"_draft":7,"_partial":8,"_locale":6,"title":90,"sidebarRoot":8,"navigation":91,"_id":93,"_type":13,"_source":15,"_file":94,"_stem":95,"_extension":18},"/guides/alokai-essentials/alokai-next-js/_dir","alokai-next-js","Alokai with Next.js",{"icon":92},"tabler:brand-nextjs","base:guides:2.alokai-essentials:1.alokai-next-js:_dir.yml","guides/2.alokai-essentials/1.alokai-next-js/_dir.yml","guides/2.alokai-essentials/1.alokai-next-js/_dir",{"_path":97,"_dir":98,"_draft":7,"_partial":8,"_locale":6,"title":99,"sidebarRoot":8,"navigation":100,"_id":102,"_type":13,"_source":15,"_file":103,"_stem":104,"_extension":18},"/guides/alokai-essentials/alokai-react-native/_dir","alokai-react-native","Alokai with React Native",{"icon":101},"tabler:brand-react-native","base:guides:2.alokai-essentials:2.alokai-react-native:_dir.yml","guides/2.alokai-essentials/2.alokai-react-native/_dir.yml","guides/2.alokai-essentials/2.alokai-react-native/_dir",{"_path":106,"_dir":107,"_draft":7,"_partial":8,"_locale":6,"title":72,"sidebarRoot":8,"navigation":108,"_id":110,"_type":13,"_source":15,"_file":111,"_stem":112,"_extension":18},"/guides/alokai-essentials/alokai-nuxt/_dir","alokai-nuxt",{"icon":109},"tabler:brand-nuxt","base:guides:2.alokai-essentials:3.alokai-nuxt:_dir.yml","guides/2.alokai-essentials/3.alokai-nuxt/_dir.yml","guides/2.alokai-essentials/3.alokai-nuxt/_dir",{"_path":114,"_dir":115,"_draft":7,"_partial":8,"_locale":6,"title":116,"sidebarRoot":8,"navigation":117,"_id":119,"_type":13,"_source":15,"_file":120,"_stem":121,"_extension":18},"/guides/customization/_dir","customization","Alokai Customization",{"icon":118},"tabler:tool","base:guides:4.customization:_dir.yml","guides/4.customization/_dir.yml","guides/4.customization/_dir",{"_path":123,"_dir":124,"_draft":7,"_partial":8,"_locale":6,"title":125,"sidebarRoot":8,"navigation":126,"_id":128,"_type":13,"_source":15,"_file":129,"_stem":130,"_extension":18},"/guides/customization/app-router/_dir","app-router","Next.js app router",{"icon":127},"tabler:cube","base:guides:4.customization:2.app-router:_dir.yml","guides/4.customization/2.app-router/_dir.yml","guides/4.customization/2.app-router/_dir",{"_path":132,"_dir":133,"_draft":7,"_partial":8,"_locale":6,"title":134,"sidebarRoot":8,"navigation":135,"_id":137,"_type":13,"_source":15,"_file":138,"_stem":139,"_extension":18},"/guides/kubernetes-probe/_dir","kubernetes-probe","Kubernetes Probes",{"icon":136},"tabler:heart-rate-monitor","base:guides:5.kubernetes-probe:_dir.yml","guides/5.kubernetes-probe/_dir.yml","guides/5.kubernetes-probe/_dir",{"_path":141,"_dir":142,"_draft":7,"_partial":8,"_locale":6,"title":143,"sidebarRoot":8,"navigation":144,"_id":146,"_type":13,"_source":15,"_file":147,"_stem":148,"_extension":18},"/guides/best-practices/_dir","best-practices","Best Practices",{"icon":145},"tabler:rosette-discount-check","base:guides:6.best-practices:_dir.yml","guides/6.best-practices/_dir.yml","guides/6.best-practices/_dir",{"_path":150,"_dir":151,"_draft":7,"_partial":8,"_locale":6,"title":152,"sidebarRoot":8,"_id":153,"_type":13,"_source":15,"_file":154,"_stem":155,"_extension":18},"/guides/best-practices/performance/_dir","performance","Performance","base:guides:6.best-practices:3.performance:_dir.yml","guides/6.best-practices/3.performance/_dir.yml","guides/6.best-practices/3.performance/_dir",{"_path":157,"_dir":158,"_draft":7,"_partial":8,"_locale":6,"title":159,"sidebarRoot":8,"navigation":160,"_id":162,"_type":13,"_source":15,"_file":163,"_stem":164,"_extension":18},"/guides/multistore/_dir","multistore","Multistore",{"icon":161},"tabler:box-multiple-filled","base:guides:7.multistore:_dir.yml","guides/7.multistore/_dir.yml","guides/7.multistore/_dir",{"_path":166,"_dir":167,"_draft":7,"_partial":8,"_locale":6,"title":168,"sidebarRoot":8,"navigation":169,"_id":171,"_type":13,"_source":15,"_file":172,"_stem":173,"_extension":18},"/guides/multistore/introduction/_dir","introduction","Introduction",{"icon":170},"tabler:align-box-center-middle","base:guides:7.multistore:1.introduction:_dir.yml","guides/7.multistore/1.introduction/_dir.yml","guides/7.multistore/1.introduction/_dir",{"_path":175,"_dir":176,"_draft":7,"_partial":8,"_locale":6,"title":177,"sidebarRoot":8,"navigation":178,"_id":180,"_type":13,"_source":15,"_file":181,"_stem":182,"_extension":18},"/guides/multistore/tooling-and-concepts/_dir","tooling-and-concepts","Tooling and concepts",{"icon":179},"tabler:tools","base:guides:7.multistore:2.tooling-and-concepts:_dir.yml","guides/7.multistore/2.tooling-and-concepts/_dir.yml","guides/7.multistore/2.tooling-and-concepts/_dir",{"_path":184,"_dir":185,"_draft":7,"_partial":8,"_locale":6,"title":186,"sidebarRoot":8,"navigation":187,"_id":189,"_type":13,"_source":15,"_file":190,"_stem":191,"_extension":18},"/guides/multistore/patterns/_dir","patterns","Patterns",{"icon":188},"tabler:layout-grid","base:guides:7.multistore:3.patterns:_dir.yml","guides/7.multistore/3.patterns/_dir.yml","guides/7.multistore/3.patterns/_dir",{"_path":193,"_dir":194,"_draft":7,"_partial":8,"_locale":6,"title":195,"sidebarRoot":8,"navigation":196,"_id":197,"_type":13,"_source":15,"_file":198,"_stem":199,"_extension":18},"/guides/troubleshooting/_dir","troubleshooting","Troubleshooting",{"icon":179},"base:guides:8.troubleshooting:_dir.yml","guides/8.troubleshooting/_dir.yml","guides/8.troubleshooting/_dir",{"_path":201,"_dir":62,"_draft":7,"_partial":7,"_locale":6,"title":6,"description":202,"layout":203,"sidebarRoot":8,"body":204,"_type":238,"_id":239,"_source":15,"_file":240,"_stem":241,"_extension":242,"sitemap":243},"/guides/troubleshooting","On this page you'll find a set of guides that will help you to resolve common issues that may occur when working with Alokai.","default",{"type":205,"children":206,"toc":234},"root",[207,214,219],{"type":208,"tag":209,"props":210,"children":211},"element","h1",{"id":194},[212],{"type":213,"value":195},"text",{"type":208,"tag":215,"props":216,"children":217},"p",{},[218],{"type":213,"value":202},{"type":208,"tag":220,"props":221,"children":224},"card",{"icon":170,"title":222,"to":223},"Inspecting network requests","/guides/troubleshooting/inspecting-network-requests",[225],{"type":208,"tag":226,"props":227,"children":228},"template",{"v-slot:description":6},[229],{"type":208,"tag":215,"props":230,"children":231},{},[232],{"type":213,"value":233},"Learn how to inspect network requests sent from the client (browser) to Server Middleware and from the Server Middleware to external services.",{"title":6,"searchDepth":235,"depth":236,"links":237},5,2,[],"markdown","base:guides:8.troubleshooting:index.md","guides/8.troubleshooting/index.md","guides/8.troubleshooting/index","md",{"loc":201},{"_path":245,"_dir":246,"_draft":7,"_partial":8,"_locale":6,"title":247,"sidebarRoot":8,"navigation":248,"_id":250,"_type":13,"_source":246,"_file":251,"_stem":252,"_extension":18},"/integrations/_dir","integrations","Integrations",{"icon":249},"fluent:puzzle-cube-piece-20-filled","integrations:integrations:_dir.yml","integrations/_dir.yml","integrations/_dir",{"_path":254,"_dir":255,"_draft":7,"_partial":8,"_locale":6,"navigation":256,"sidebarRoot":8,"_id":259,"_type":13,"title":14,"_source":260,"_file":261,"_stem":262,"_extension":18},"/integrations/adyen-sfcc/_dir","adyen-sfcc",{"title":257,"icon":258},"Adyen Integration for SFCC","ri:terminal-box-fill","adyenSfcc:integrations:adyen-sfcc:_dir.yml","adyenSfcc","integrations/adyen-sfcc/_dir.yml","integrations/adyen-sfcc/_dir",{"_path":264,"_dir":265,"_draft":7,"_partial":8,"_locale":6,"navigation":266,"sidebarRoot":8,"_id":268,"_type":13,"title":14,"_source":265,"_file":269,"_stem":270,"_extension":18},"/integrations/adyen/_dir","adyen",{"title":267,"icon":258},"Adyen Integration","adyen:integrations:adyen:_dir.yml","integrations/adyen/_dir.yml","integrations/adyen/_dir",{"_path":272,"_dir":273,"_draft":7,"_partial":8,"_locale":6,"navigation":274,"sidebarRoot":8,"_id":277,"_type":13,"title":14,"_source":273,"_file":278,"_stem":279,"_extension":18},"/integrations/amplience/_dir","amplience",{"title":275,"icon":276},"Amplience","IconAmplience","amplience:integrations:amplience:_dir.yml","integrations/amplience/_dir.yml","integrations/amplience/_dir",{"_path":281,"_dir":282,"_draft":7,"_partial":8,"_locale":6,"navigation":283,"sidebarRoot":8,"iconClass":286,"_id":287,"_type":13,"title":14,"_source":282,"_file":288,"_stem":289,"_extension":18},"/integrations/bigcommerce/_dir","bigcommerce",{"title":284,"icon":285},"BigCommerce","simple-icons:bigcommerce","text-black dark:text-white","bigcommerce:integrations:bigcommerce:_dir.yml","integrations/bigcommerce/_dir.yml","integrations/bigcommerce/_dir",{"_path":291,"_dir":292,"_draft":7,"_partial":8,"_locale":6,"navigation":293,"sidebarRoot":8,"_id":296,"_type":13,"title":14,"_source":297,"_file":298,"_stem":299,"_extension":18},"/integrations/bloomreach-content/_dir","bloomreach-content",{"title":294,"icon":295},"Bloomreach Content","IconBloomreach","bloomreachContent:integrations:bloomreach-content:_dir.yml","bloomreachContent","integrations/bloomreach-content/_dir.yml","integrations/bloomreach-content/_dir",{"_path":301,"_dir":302,"_draft":7,"_partial":8,"_locale":6,"navigation":303,"sidebarRoot":8,"_id":305,"_type":13,"title":14,"_source":306,"_file":307,"_stem":308,"_extension":18},"/integrations/bloomreach-search/_dir","bloomreach-search",{"title":304,"icon":295},"Bloomreach Discovery","bloomreachSearch:integrations:bloomreach-search:_dir.yml","bloomreachSearch","integrations/bloomreach-search/_dir.yml","integrations/bloomreach-search/_dir",{"_path":310,"_dir":311,"_draft":7,"_partial":8,"_locale":6,"navigation":312,"sidebarRoot":8,"_id":315,"_type":13,"title":14,"_source":311,"_file":316,"_stem":317,"_extension":18},"/integrations/builder/_dir","builder",{"title":313,"icon":314},"Builder.io","logos:builder-io-icon","builder:integrations:builder:_dir.yml","integrations/builder/_dir.yml","integrations/builder/_dir",{"_path":319,"_dir":320,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"navigation":321,"title":320,"_id":323,"_type":13,"_source":320,"_file":324,"_stem":325,"_extension":18},"/integrations/commercetools/_dir","commercetools",{"icon":322},"IconCommercetools","commercetools:integrations:commercetools:_dir.yml","integrations/commercetools/_dir.yml","integrations/commercetools/_dir",{"_path":327,"_dir":328,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"navigation":329,"title":320,"_id":330,"_type":13,"_source":320,"_file":331,"_stem":332,"_extension":18},"/integrations/commercetools/v2/_dir","v2",{"icon":322},"commercetools:integrations:commercetools:v2:_dir.yml","integrations/commercetools/v2/_dir.yml","integrations/commercetools/v2/_dir",{"_path":334,"_dir":335,"_draft":7,"_partial":8,"_locale":6,"navigation":336,"sidebarRoot":8,"_id":339,"_type":13,"title":14,"_source":335,"_file":340,"_stem":341,"_extension":18},"/integrations/contentful/_dir","contentful",{"title":337,"icon":338},"Contentful","logos:contentful","contentful:integrations:contentful:_dir.yml","integrations/contentful/_dir.yml","integrations/contentful/_dir",{"_path":343,"_dir":344,"_draft":7,"_partial":8,"_locale":6,"navigation":345,"sidebarRoot":8,"_id":348,"_type":13,"title":14,"_source":344,"_file":349,"_stem":350,"_extension":18},"/integrations/contentstack/_dir","contentstack",{"title":346,"icon":347},"Contentstack","IconContentstack","contentstack:integrations:contentstack:_dir.yml","integrations/contentstack/_dir.yml","integrations/contentstack/_dir",{"_path":352,"_dir":353,"_draft":7,"_partial":8,"_locale":6,"navigation":354,"sidebarRoot":8,"_id":357,"_type":13,"title":14,"_source":353,"_file":358,"_stem":359,"_extension":18},"/integrations/magento/_dir","magento",{"title":355,"icon":356},"Magento","logos:magento","magento:integrations:magento:_dir.yml","integrations/magento/_dir.yml","integrations/magento/_dir",{"_path":361,"_dir":362,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"navigation":363,"_id":366,"_type":13,"title":14,"_source":362,"_file":367,"_stem":368,"_extension":18},"/integrations/odoo/_dir","odoo",{"title":364,"icon":365},"Odoo","IconOdoo","odoo:integrations:odoo:_dir.yml","integrations/odoo/_dir.yml","integrations/odoo/_dir",{"_path":370,"_dir":371,"_draft":7,"_partial":8,"_locale":6,"navigation":372,"sidebarRoot":8,"_id":374,"_type":13,"title":14,"_source":371,"_file":375,"_stem":376,"_extension":18},"/integrations/redis/_dir","redis",{"title":373,"icon":258},"Redis","redis:integrations:redis:_dir.yml","integrations/redis/_dir.yml","integrations/redis/_dir",{"_path":378,"_dir":379,"_draft":7,"_partial":8,"_locale":6,"navigation":380,"sidebarRoot":8,"_id":383,"_type":13,"title":14,"_source":379,"_file":384,"_stem":385,"_extension":18},"/integrations/sapcc/_dir","sapcc",{"title":381,"icon":382},"SAP Commerce Cloud","IconSAP","sapcc:integrations:sapcc:_dir.yml","integrations/sapcc/_dir.yml","integrations/sapcc/_dir",{"_path":387,"_dir":388,"_draft":7,"_partial":8,"_locale":6,"navigation":389,"sidebarRoot":8,"_id":390,"_type":13,"title":14,"_source":379,"_file":391,"_stem":392,"_extension":18},"/integrations/sapcc/v7/_dir","v7",{"title":381,"icon":382},"sapcc:integrations:sapcc:v7:_dir.yml","integrations/sapcc/v7/_dir.yml","integrations/sapcc/v7/_dir",{"_path":394,"_dir":395,"_draft":7,"_partial":8,"_locale":6,"navigation":396,"sidebarRoot":8,"_id":399,"_type":13,"title":14,"_source":395,"_file":400,"_stem":401,"_extension":18},"/integrations/sfcc/_dir","sfcc",{"title":397,"icon":398},"Salesforce Commerce Cloud","logos:salesforce","sfcc:integrations:sfcc:_dir.yml","integrations/sfcc/_dir.yml","integrations/sfcc/_dir",{"_path":403,"_dir":404,"_draft":7,"_partial":8,"_locale":6,"navigation":405,"sidebarRoot":8,"_id":407,"_type":13,"title":14,"_source":404,"_file":408,"_stem":409,"_extension":18},"/integrations/smartedit/_dir","smartedit",{"title":406,"icon":382},"SmartEdit","smartedit:integrations:smartedit:_dir.yml","integrations/smartedit/_dir.yml","integrations/smartedit/_dir",{"_path":411,"_dir":412,"_draft":7,"_partial":8,"_locale":6,"navigation":413,"sidebarRoot":8,"_id":416,"_type":13,"title":14,"_source":412,"_file":417,"_stem":418,"_extension":18},"/integrations/storyblok/_dir","storyblok",{"title":414,"icon":415},"Storyblok","logos:storyblok-icon","storyblok:integrations:storyblok:_dir.yml","integrations/storyblok/_dir.yml","integrations/storyblok/_dir",{"_path":420,"_dir":421,"_draft":7,"_partial":8,"_locale":6,"navigation":422,"sidebarRoot":8,"_id":425,"_type":13,"title":14,"_source":426,"_file":427,"_stem":428,"_extension":18},"/integrations/stripe-commercetools/_dir","stripe-commercetools",{"title":423,"icon":424},"Stripe + commercetools","logos:stripe","stripeCt:integrations:stripe-commercetools:_dir.yml","stripeCt","integrations/stripe-commercetools/_dir.yml","integrations/stripe-commercetools/_dir",{"_path":430,"_dir":431,"_draft":7,"_partial":8,"_locale":6,"title":432,"sidebarRoot":8,"navigation":433,"_id":435,"_type":13,"_source":431,"_file":436,"_stem":437,"_extension":18},"/middleware/_dir","middleware","Middleware",{"icon":434},"fa6-solid:layer-group","middleware:middleware:_dir.yml","middleware/_dir.yml","middleware/_dir",{"_path":439,"_dir":39,"_draft":7,"_partial":8,"_locale":6,"title":432,"sidebarRoot":8,"navigation":440,"_id":441,"_type":13,"_source":431,"_file":442,"_stem":443,"_extension":18},"/middleware/v1/_dir",{"icon":434},"middleware:middleware:v1:_dir.yml","middleware/v1/_dir.yml","middleware/v1/_dir",{"_path":445,"_dir":446,"_draft":7,"_partial":8,"_locale":6,"navigation":447,"sidebarRoot":8,"_id":449,"_type":13,"title":14,"_source":446,"_file":450,"_stem":451,"_extension":18},"/sdk/_dir","sdk",{"title":448,"icon":258},"SDK","sdk:sdk:_dir.yml","sdk/_dir.yml","sdk/_dir",{"_path":453,"_dir":454,"_draft":7,"_partial":8,"_locale":6,"navigation":455,"sidebarRoot":8,"_id":456,"_type":13,"title":14,"_source":446,"_file":457,"_stem":458,"_extension":18},"/sdk/legacy/_dir","legacy",{"title":448,"icon":258},"sdk:sdk:legacy:_dir.yml","sdk/legacy/_dir.yml","sdk/legacy/_dir",{"_path":460,"_dir":39,"_draft":7,"_partial":8,"_locale":6,"navigation":461,"sidebarRoot":8,"_id":462,"_type":13,"title":14,"_source":446,"_file":463,"_stem":464,"_extension":18},"/sdk/v1/_dir",{"title":448,"icon":258},"sdk:sdk:v1:_dir.yml","sdk/v1/_dir.yml","sdk/v1/_dir",{"_path":466,"_dir":467,"_draft":7,"_partial":8,"_locale":6,"navigation":468,"sidebarRoot":8,"_id":470,"_type":13,"title":14,"_source":467,"_file":471,"_stem":472,"_extension":18},"/storefront/_dir","storefront",{"title":469,"icon":258},"Storefront","storefront:storefront:_dir.yml","storefront/_dir.yml","storefront/_dir",{"_path":474,"_dir":475,"_draft":7,"_partial":8,"_locale":6,"navigation":476,"sidebarRoot":8,"_id":479,"_type":13,"title":14,"_source":475,"_file":480,"_stem":481,"_extension":18},"/storefront/modules/_dir","modules",{"title":477,"icon":478},"Storefront Modules","ri:home-fill","modules:storefront:modules:_dir.yml","storefront/modules/_dir.yml","storefront/modules/_dir",{"_path":483,"_dir":484,"_draft":7,"_partial":8,"_locale":6,"navigation":485,"sidebarRoot":8,"_id":488,"_type":13,"title":14,"_source":475,"_file":489,"_stem":490,"_extension":18},"/storefront/modules/search-integrations/coveo/_dir","coveo",{"title":486,"icon":487},"Coveo","ri:user-search-fill","modules:storefront:modules:2.search-integrations:1.coveo:_dir.yml","storefront/modules/2.search-integrations/1.coveo/_dir.yml","storefront/modules/2.search-integrations/1.coveo/_dir",{"_path":492,"_dir":493,"_draft":7,"_partial":8,"_locale":6,"navigation":494,"sidebarRoot":8,"_id":495,"_type":13,"title":14,"_source":475,"_file":496,"_stem":497,"_extension":18},"/storefront/modules/search-integrations/bloomreach/_dir","bloomreach",{"title":304,"icon":487},"modules:storefront:modules:2.search-integrations:3.bloomreach:_dir.yml","storefront/modules/2.search-integrations/3.bloomreach/_dir.yml","storefront/modules/2.search-integrations/3.bloomreach/_dir",{"_path":499,"_dir":500,"_draft":7,"_partial":8,"_locale":6,"navigation":501,"sidebarRoot":8,"_id":502,"_type":13,"title":14,"_source":475,"_file":503,"_stem":504,"_extension":18},"/storefront/modules/v0/_dir","v0",{"title":477,"icon":478},"modules:storefront:modules:v0:_dir.yml","storefront/modules/v0/_dir.yml","storefront/modules/v0/_dir",{"_path":506,"_dir":484,"_draft":7,"_partial":8,"_locale":6,"navigation":507,"sidebarRoot":8,"_id":508,"_type":13,"title":14,"_source":475,"_file":509,"_stem":510,"_extension":18},"/storefront/modules/v0/search-integrations/coveo/_dir",{"title":486,"icon":487},"modules:storefront:modules:v0:2.search-integrations:1.coveo:_dir.yml","storefront/modules/v0/2.search-integrations/1.coveo/_dir.yml","storefront/modules/v0/2.search-integrations/1.coveo/_dir",{"_path":512,"_dir":513,"_draft":7,"_partial":8,"_locale":6,"navigation":514,"sidebarRoot":8,"_id":515,"_type":13,"title":14,"_source":467,"_file":516,"_stem":517,"_extension":18},"/storefront/v0.1/_dir","v0.1",{"title":469,"icon":258},"storefront:storefront:v0.1:_dir.yml","storefront/v0.1/_dir.yml","storefront/v0.1/_dir",{"_path":519,"_dir":520,"_draft":7,"_partial":8,"_locale":6,"navigation":521,"sidebarRoot":8,"_id":522,"_type":13,"title":14,"_source":467,"_file":523,"_stem":524,"_extension":18},"/storefront/v0.2/_dir","v0.2",{"title":469,"icon":258},"storefront:storefront:v0.2:_dir.yml","storefront/v0.2/_dir.yml","storefront/v0.2/_dir",{"_path":526,"_dir":527,"_draft":7,"_partial":8,"_locale":6,"navigation":528,"sidebarRoot":8,"_id":530,"_type":13,"title":14,"_source":531,"_file":532,"_stem":533,"_extension":18},"/unified-data-layer/_dir","unified-data-layer",{"title":529,"icon":258},"Unified Data Layer","unified:unified-data-layer:_dir.yml","unified","unified-data-layer/_dir.yml","unified-data-layer/_dir",{"_path":535,"_dir":39,"_draft":7,"_partial":8,"_locale":6,"navigation":536,"sidebarRoot":8,"_id":537,"_type":13,"title":14,"_source":531,"_file":538,"_stem":539,"_extension":18},"/unified-data-layer/v1/_dir",{"title":529,"icon":258},"unified:unified-data-layer:v1:_dir.yml","unified-data-layer/v1/_dir.yml","unified-data-layer/v1/_dir",{"_path":541,"_dir":542,"_draft":7,"_partial":8,"_locale":6,"title":543,"description":6,"body":544,"_type":238,"_id":2167,"_source":475,"_file":2168,"_stem":2169,"_extension":242,"layout":203},"/storefront/modules/_partials/custom-components-next","_partials","Custom Components Next",{"type":205,"children":545,"toc":2163},[546,566,2157],{"type":208,"tag":547,"props":548,"children":549},"tip",{},[550,553],{"type":208,"tag":226,"props":551,"children":552},{"v-slot:title":6},[],{"type":208,"tag":215,"props":554,"children":555},{},[556,558,564],{"type":213,"value":557},"Code examples in this guide refer to the ",{"type":208,"tag":559,"props":560,"children":561},"strong",{},[562],{"type":213,"value":563},"/apps/storefront-unified-nextjs",{"type":213,"value":565}," directory of your Next Storefront.",{"type":208,"tag":567,"props":568,"children":569},"steps",{},[570,1470],{"type":208,"tag":226,"props":571,"children":572},{"v-slot:step-1":6},[573,580,594],{"type":208,"tag":574,"props":575,"children":577},"h3",{"id":576},"create-a-component",[578],{"type":213,"value":579},"Create a component",{"type":208,"tag":215,"props":581,"children":582},{},[583,585,592],{"type":213,"value":584},"Create a new ",{"type":208,"tag":586,"props":587,"children":589},"code",{"className":588},[],[590],{"type":213,"value":591},"picture.tsx",{"type":213,"value":593}," file with the following content:",{"type":208,"tag":595,"props":596,"children":601},"pre",{"className":597,"code":598,"filename":599,"language":600,"meta":6,"style":6},"language-tsx shiki shiki-themes one-dark-pro","import { PropsWithStyle } from '@storefront-ui/react';\nimport { AgnosticCmsImage } from '@vsf-enterprise/cms-components-utils';\nimport classNames from 'classnames';\nimport { PropsWithChildren, ReactNode } from 'react';\n\nexport interface PictureProps extends PropsWithStyle, PropsWithChildren {\n  caption: ReactNode;\n  image?: AgnosticCmsImage;\n}\n\nexport default function Picture({ children, caption = children, className, image, ...rest }: PictureProps) {\n  const { alt, desktop, mobile } = image ?? {};\n\n  return (\n    \u003Cfigure className={classNames('flex flex-col items-center', className)} {...rest}>\n      {image && (\n        \u003Cpicture>\n          {mobile && \u003Csource media=\"(max-width: 768px)\" srcSet={mobile} />}\n          {desktop && \u003Cimg alt={alt} className=\"rounded-md\" src={desktop} />}\n        \u003C/picture>\n      )}\n      {caption && \u003Cfigcaption className=\"text-center\">{caption}\u003C/figcaption>}\n    \u003C/figure>\n  );\n}\n","components/cms/page/example.tsx","tsx",[602],{"type":208,"tag":586,"props":603,"children":604},{"__ignoreMap":6},[605,650,683,710,754,762,805,827,853,862,870,968,1028,1036,1050,1135,1157,1175,1246,1334,1351,1364,1436,1453,1462],{"type":208,"tag":606,"props":607,"children":610},"span",{"class":608,"line":609},"line",1,[611,617,623,629,634,639,645],{"type":208,"tag":606,"props":612,"children":614},{"style":613},"--shiki-default:#C678DD",[615],{"type":213,"value":616},"import",{"type":208,"tag":606,"props":618,"children":620},{"style":619},"--shiki-default:#ABB2BF",[621],{"type":213,"value":622}," { ",{"type":208,"tag":606,"props":624,"children":626},{"style":625},"--shiki-default:#E06C75",[627],{"type":213,"value":628},"PropsWithStyle",{"type":208,"tag":606,"props":630,"children":631},{"style":619},[632],{"type":213,"value":633}," } ",{"type":208,"tag":606,"props":635,"children":636},{"style":613},[637],{"type":213,"value":638},"from",{"type":208,"tag":606,"props":640,"children":642},{"style":641},"--shiki-default:#98C379",[643],{"type":213,"value":644}," '@storefront-ui/react'",{"type":208,"tag":606,"props":646,"children":647},{"style":619},[648],{"type":213,"value":649},";\n",{"type":208,"tag":606,"props":651,"children":652},{"class":608,"line":236},[653,657,661,666,670,674,679],{"type":208,"tag":606,"props":654,"children":655},{"style":613},[656],{"type":213,"value":616},{"type":208,"tag":606,"props":658,"children":659},{"style":619},[660],{"type":213,"value":622},{"type":208,"tag":606,"props":662,"children":663},{"style":625},[664],{"type":213,"value":665},"AgnosticCmsImage",{"type":208,"tag":606,"props":667,"children":668},{"style":619},[669],{"type":213,"value":633},{"type":208,"tag":606,"props":671,"children":672},{"style":613},[673],{"type":213,"value":638},{"type":208,"tag":606,"props":675,"children":676},{"style":641},[677],{"type":213,"value":678}," '@vsf-enterprise/cms-components-utils'",{"type":208,"tag":606,"props":680,"children":681},{"style":619},[682],{"type":213,"value":649},{"type":208,"tag":606,"props":684,"children":686},{"class":608,"line":685},3,[687,691,696,701,706],{"type":208,"tag":606,"props":688,"children":689},{"style":613},[690],{"type":213,"value":616},{"type":208,"tag":606,"props":692,"children":693},{"style":625},[694],{"type":213,"value":695}," classNames",{"type":208,"tag":606,"props":697,"children":698},{"style":613},[699],{"type":213,"value":700}," from",{"type":208,"tag":606,"props":702,"children":703},{"style":641},[704],{"type":213,"value":705}," 'classnames'",{"type":208,"tag":606,"props":707,"children":708},{"style":619},[709],{"type":213,"value":649},{"type":208,"tag":606,"props":711,"children":713},{"class":608,"line":712},4,[714,718,722,727,732,737,741,745,750],{"type":208,"tag":606,"props":715,"children":716},{"style":613},[717],{"type":213,"value":616},{"type":208,"tag":606,"props":719,"children":720},{"style":619},[721],{"type":213,"value":622},{"type":208,"tag":606,"props":723,"children":724},{"style":625},[725],{"type":213,"value":726},"PropsWithChildren",{"type":208,"tag":606,"props":728,"children":729},{"style":619},[730],{"type":213,"value":731},", ",{"type":208,"tag":606,"props":733,"children":734},{"style":625},[735],{"type":213,"value":736},"ReactNode",{"type":208,"tag":606,"props":738,"children":739},{"style":619},[740],{"type":213,"value":633},{"type":208,"tag":606,"props":742,"children":743},{"style":613},[744],{"type":213,"value":638},{"type":208,"tag":606,"props":746,"children":747},{"style":641},[748],{"type":213,"value":749}," 'react'",{"type":208,"tag":606,"props":751,"children":752},{"style":619},[753],{"type":213,"value":649},{"type":208,"tag":606,"props":755,"children":756},{"class":608,"line":235},[757],{"type":208,"tag":606,"props":758,"children":759},{"emptyLinePlaceholder":8},[760],{"type":213,"value":761},"\n",{"type":208,"tag":606,"props":763,"children":765},{"class":608,"line":764},6,[766,771,776,782,787,792,796,800],{"type":208,"tag":606,"props":767,"children":768},{"style":613},[769],{"type":213,"value":770},"export",{"type":208,"tag":606,"props":772,"children":773},{"style":613},[774],{"type":213,"value":775}," interface",{"type":208,"tag":606,"props":777,"children":779},{"style":778},"--shiki-default:#E5C07B",[780],{"type":213,"value":781}," PictureProps",{"type":208,"tag":606,"props":783,"children":784},{"style":613},[785],{"type":213,"value":786}," extends",{"type":208,"tag":606,"props":788,"children":789},{"style":778},[790],{"type":213,"value":791}," PropsWithStyle",{"type":208,"tag":606,"props":793,"children":794},{"style":619},[795],{"type":213,"value":731},{"type":208,"tag":606,"props":797,"children":798},{"style":778},[799],{"type":213,"value":726},{"type":208,"tag":606,"props":801,"children":802},{"style":619},[803],{"type":213,"value":804}," {\n",{"type":208,"tag":606,"props":806,"children":808},{"class":608,"line":807},7,[809,814,819,823],{"type":208,"tag":606,"props":810,"children":811},{"style":625},[812],{"type":213,"value":813},"  caption",{"type":208,"tag":606,"props":815,"children":816},{"style":619},[817],{"type":213,"value":818},": ",{"type":208,"tag":606,"props":820,"children":821},{"style":778},[822],{"type":213,"value":736},{"type":208,"tag":606,"props":824,"children":825},{"style":619},[826],{"type":213,"value":649},{"type":208,"tag":606,"props":828,"children":830},{"class":608,"line":829},8,[831,836,841,845,849],{"type":208,"tag":606,"props":832,"children":833},{"style":625},[834],{"type":213,"value":835},"  image",{"type":208,"tag":606,"props":837,"children":838},{"style":613},[839],{"type":213,"value":840},"?",{"type":208,"tag":606,"props":842,"children":843},{"style":619},[844],{"type":213,"value":818},{"type":208,"tag":606,"props":846,"children":847},{"style":778},[848],{"type":213,"value":665},{"type":208,"tag":606,"props":850,"children":851},{"style":619},[852],{"type":213,"value":649},{"type":208,"tag":606,"props":854,"children":856},{"class":608,"line":855},9,[857],{"type":208,"tag":606,"props":858,"children":859},{"style":619},[860],{"type":213,"value":861},"}\n",{"type":208,"tag":606,"props":863,"children":865},{"class":608,"line":864},10,[866],{"type":208,"tag":606,"props":867,"children":868},{"emptyLinePlaceholder":8},[869],{"type":213,"value":761},{"type":208,"tag":606,"props":871,"children":873},{"class":608,"line":872},11,[874,878,883,888,894,899,905,909,914,920,925,929,934,938,943,948,953,958,963],{"type":208,"tag":606,"props":875,"children":876},{"style":613},[877],{"type":213,"value":770},{"type":208,"tag":606,"props":879,"children":880},{"style":613},[881],{"type":213,"value":882}," default",{"type":208,"tag":606,"props":884,"children":885},{"style":613},[886],{"type":213,"value":887}," function",{"type":208,"tag":606,"props":889,"children":891},{"style":890},"--shiki-default:#61AFEF",[892],{"type":213,"value":893}," Picture",{"type":208,"tag":606,"props":895,"children":896},{"style":619},[897],{"type":213,"value":898},"({ ",{"type":208,"tag":606,"props":900,"children":902},{"style":901},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[903],{"type":213,"value":904},"children",{"type":208,"tag":606,"props":906,"children":907},{"style":619},[908],{"type":213,"value":731},{"type":208,"tag":606,"props":910,"children":911},{"style":901},[912],{"type":213,"value":913},"caption",{"type":208,"tag":606,"props":915,"children":917},{"style":916},"--shiki-default:#56B6C2",[918],{"type":213,"value":919}," =",{"type":208,"tag":606,"props":921,"children":922},{"style":625},[923],{"type":213,"value":924}," children",{"type":208,"tag":606,"props":926,"children":927},{"style":619},[928],{"type":213,"value":731},{"type":208,"tag":606,"props":930,"children":931},{"style":901},[932],{"type":213,"value":933},"className",{"type":208,"tag":606,"props":935,"children":936},{"style":619},[937],{"type":213,"value":731},{"type":208,"tag":606,"props":939,"children":940},{"style":901},[941],{"type":213,"value":942},"image",{"type":208,"tag":606,"props":944,"children":945},{"style":619},[946],{"type":213,"value":947},", ...",{"type":208,"tag":606,"props":949,"children":950},{"style":901},[951],{"type":213,"value":952},"rest",{"type":208,"tag":606,"props":954,"children":955},{"style":619},[956],{"type":213,"value":957}," }: ",{"type":208,"tag":606,"props":959,"children":960},{"style":778},[961],{"type":213,"value":962},"PictureProps",{"type":208,"tag":606,"props":964,"children":965},{"style":619},[966],{"type":213,"value":967},") {\n",{"type":208,"tag":606,"props":969,"children":971},{"class":608,"line":970},12,[972,977,981,986,990,995,999,1004,1008,1013,1018,1023],{"type":208,"tag":606,"props":973,"children":974},{"style":613},[975],{"type":213,"value":976},"  const",{"type":208,"tag":606,"props":978,"children":979},{"style":619},[980],{"type":213,"value":622},{"type":208,"tag":606,"props":982,"children":983},{"style":778},[984],{"type":213,"value":985},"alt",{"type":208,"tag":606,"props":987,"children":988},{"style":619},[989],{"type":213,"value":731},{"type":208,"tag":606,"props":991,"children":992},{"style":778},[993],{"type":213,"value":994},"desktop",{"type":208,"tag":606,"props":996,"children":997},{"style":619},[998],{"type":213,"value":731},{"type":208,"tag":606,"props":1000,"children":1001},{"style":778},[1002],{"type":213,"value":1003},"mobile",{"type":208,"tag":606,"props":1005,"children":1006},{"style":619},[1007],{"type":213,"value":633},{"type":208,"tag":606,"props":1009,"children":1010},{"style":916},[1011],{"type":213,"value":1012},"=",{"type":208,"tag":606,"props":1014,"children":1015},{"style":625},[1016],{"type":213,"value":1017}," image",{"type":208,"tag":606,"props":1019,"children":1020},{"style":916},[1021],{"type":213,"value":1022}," ??",{"type":208,"tag":606,"props":1024,"children":1025},{"style":619},[1026],{"type":213,"value":1027}," {};\n",{"type":208,"tag":606,"props":1029,"children":1031},{"class":608,"line":1030},13,[1032],{"type":208,"tag":606,"props":1033,"children":1034},{"emptyLinePlaceholder":8},[1035],{"type":213,"value":761},{"type":208,"tag":606,"props":1037,"children":1039},{"class":608,"line":1038},14,[1040,1045],{"type":208,"tag":606,"props":1041,"children":1042},{"style":613},[1043],{"type":213,"value":1044},"  return",{"type":208,"tag":606,"props":1046,"children":1047},{"style":619},[1048],{"type":213,"value":1049}," (\n",{"type":208,"tag":606,"props":1051,"children":1053},{"class":608,"line":1052},15,[1054,1059,1064,1070,1074,1079,1084,1089,1094,1098,1102,1107,1112,1117,1122,1126,1130],{"type":208,"tag":606,"props":1055,"children":1056},{"style":619},[1057],{"type":213,"value":1058},"    \u003C",{"type":208,"tag":606,"props":1060,"children":1061},{"style":625},[1062],{"type":213,"value":1063},"figure",{"type":208,"tag":606,"props":1065,"children":1067},{"style":1066},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[1068],{"type":213,"value":1069}," className",{"type":208,"tag":606,"props":1071,"children":1072},{"style":916},[1073],{"type":213,"value":1012},{"type":208,"tag":606,"props":1075,"children":1076},{"style":613},[1077],{"type":213,"value":1078},"{",{"type":208,"tag":606,"props":1080,"children":1081},{"style":890},[1082],{"type":213,"value":1083},"classNames",{"type":208,"tag":606,"props":1085,"children":1086},{"style":619},[1087],{"type":213,"value":1088},"(",{"type":208,"tag":606,"props":1090,"children":1091},{"style":641},[1092],{"type":213,"value":1093},"'flex flex-col items-center'",{"type":208,"tag":606,"props":1095,"children":1096},{"style":619},[1097],{"type":213,"value":731},{"type":208,"tag":606,"props":1099,"children":1100},{"style":625},[1101],{"type":213,"value":933},{"type":208,"tag":606,"props":1103,"children":1104},{"style":619},[1105],{"type":213,"value":1106},")",{"type":208,"tag":606,"props":1108,"children":1109},{"style":613},[1110],{"type":213,"value":1111},"}",{"type":208,"tag":606,"props":1113,"children":1114},{"style":613},[1115],{"type":213,"value":1116}," {",{"type":208,"tag":606,"props":1118,"children":1119},{"style":619},[1120],{"type":213,"value":1121},"...",{"type":208,"tag":606,"props":1123,"children":1124},{"style":625},[1125],{"type":213,"value":952},{"type":208,"tag":606,"props":1127,"children":1128},{"style":613},[1129],{"type":213,"value":1111},{"type":208,"tag":606,"props":1131,"children":1132},{"style":619},[1133],{"type":213,"value":1134},">\n",{"type":208,"tag":606,"props":1136,"children":1138},{"class":608,"line":1137},16,[1139,1144,1148,1153],{"type":208,"tag":606,"props":1140,"children":1141},{"style":613},[1142],{"type":213,"value":1143},"      {",{"type":208,"tag":606,"props":1145,"children":1146},{"style":625},[1147],{"type":213,"value":942},{"type":208,"tag":606,"props":1149,"children":1150},{"style":916},[1151],{"type":213,"value":1152}," &&",{"type":208,"tag":606,"props":1154,"children":1155},{"style":619},[1156],{"type":213,"value":1049},{"type":208,"tag":606,"props":1158,"children":1160},{"class":608,"line":1159},17,[1161,1166,1171],{"type":208,"tag":606,"props":1162,"children":1163},{"style":619},[1164],{"type":213,"value":1165},"        \u003C",{"type":208,"tag":606,"props":1167,"children":1168},{"style":625},[1169],{"type":213,"value":1170},"picture",{"type":208,"tag":606,"props":1172,"children":1173},{"style":619},[1174],{"type":213,"value":1134},{"type":208,"tag":606,"props":1176,"children":1178},{"class":608,"line":1177},18,[1179,1184,1188,1192,1197,1202,1207,1211,1216,1221,1225,1229,1233,1237,1242],{"type":208,"tag":606,"props":1180,"children":1181},{"style":613},[1182],{"type":213,"value":1183},"          {",{"type":208,"tag":606,"props":1185,"children":1186},{"style":625},[1187],{"type":213,"value":1003},{"type":208,"tag":606,"props":1189,"children":1190},{"style":916},[1191],{"type":213,"value":1152},{"type":208,"tag":606,"props":1193,"children":1194},{"style":619},[1195],{"type":213,"value":1196}," \u003C",{"type":208,"tag":606,"props":1198,"children":1199},{"style":625},[1200],{"type":213,"value":1201},"source",{"type":208,"tag":606,"props":1203,"children":1204},{"style":1066},[1205],{"type":213,"value":1206}," media",{"type":208,"tag":606,"props":1208,"children":1209},{"style":916},[1210],{"type":213,"value":1012},{"type":208,"tag":606,"props":1212,"children":1213},{"style":641},[1214],{"type":213,"value":1215},"\"(max-width: 768px)\"",{"type":208,"tag":606,"props":1217,"children":1218},{"style":1066},[1219],{"type":213,"value":1220}," srcSet",{"type":208,"tag":606,"props":1222,"children":1223},{"style":916},[1224],{"type":213,"value":1012},{"type":208,"tag":606,"props":1226,"children":1227},{"style":613},[1228],{"type":213,"value":1078},{"type":208,"tag":606,"props":1230,"children":1231},{"style":625},[1232],{"type":213,"value":1003},{"type":208,"tag":606,"props":1234,"children":1235},{"style":613},[1236],{"type":213,"value":1111},{"type":208,"tag":606,"props":1238,"children":1239},{"style":619},[1240],{"type":213,"value":1241}," />",{"type":208,"tag":606,"props":1243,"children":1244},{"style":613},[1245],{"type":213,"value":861},{"type":208,"tag":606,"props":1247,"children":1249},{"class":608,"line":1248},19,[1250,1254,1258,1262,1266,1271,1276,1280,1284,1288,1292,1296,1300,1305,1310,1314,1318,1322,1326,1330],{"type":208,"tag":606,"props":1251,"children":1252},{"style":613},[1253],{"type":213,"value":1183},{"type":208,"tag":606,"props":1255,"children":1256},{"style":625},[1257],{"type":213,"value":994},{"type":208,"tag":606,"props":1259,"children":1260},{"style":916},[1261],{"type":213,"value":1152},{"type":208,"tag":606,"props":1263,"children":1264},{"style":619},[1265],{"type":213,"value":1196},{"type":208,"tag":606,"props":1267,"children":1268},{"style":625},[1269],{"type":213,"value":1270},"img",{"type":208,"tag":606,"props":1272,"children":1273},{"style":1066},[1274],{"type":213,"value":1275}," alt",{"type":208,"tag":606,"props":1277,"children":1278},{"style":916},[1279],{"type":213,"value":1012},{"type":208,"tag":606,"props":1281,"children":1282},{"style":613},[1283],{"type":213,"value":1078},{"type":208,"tag":606,"props":1285,"children":1286},{"style":625},[1287],{"type":213,"value":985},{"type":208,"tag":606,"props":1289,"children":1290},{"style":613},[1291],{"type":213,"value":1111},{"type":208,"tag":606,"props":1293,"children":1294},{"style":1066},[1295],{"type":213,"value":1069},{"type":208,"tag":606,"props":1297,"children":1298},{"style":916},[1299],{"type":213,"value":1012},{"type":208,"tag":606,"props":1301,"children":1302},{"style":641},[1303],{"type":213,"value":1304},"\"rounded-md\"",{"type":208,"tag":606,"props":1306,"children":1307},{"style":1066},[1308],{"type":213,"value":1309}," src",{"type":208,"tag":606,"props":1311,"children":1312},{"style":916},[1313],{"type":213,"value":1012},{"type":208,"tag":606,"props":1315,"children":1316},{"style":613},[1317],{"type":213,"value":1078},{"type":208,"tag":606,"props":1319,"children":1320},{"style":625},[1321],{"type":213,"value":994},{"type":208,"tag":606,"props":1323,"children":1324},{"style":613},[1325],{"type":213,"value":1111},{"type":208,"tag":606,"props":1327,"children":1328},{"style":619},[1329],{"type":213,"value":1241},{"type":208,"tag":606,"props":1331,"children":1332},{"style":613},[1333],{"type":213,"value":861},{"type":208,"tag":606,"props":1335,"children":1337},{"class":608,"line":1336},20,[1338,1343,1347],{"type":208,"tag":606,"props":1339,"children":1340},{"style":619},[1341],{"type":213,"value":1342},"        \u003C/",{"type":208,"tag":606,"props":1344,"children":1345},{"style":625},[1346],{"type":213,"value":1170},{"type":208,"tag":606,"props":1348,"children":1349},{"style":619},[1350],{"type":213,"value":1134},{"type":208,"tag":606,"props":1352,"children":1354},{"class":608,"line":1353},21,[1355,1360],{"type":208,"tag":606,"props":1356,"children":1357},{"style":619},[1358],{"type":213,"value":1359},"      )",{"type":208,"tag":606,"props":1361,"children":1362},{"style":613},[1363],{"type":213,"value":861},{"type":208,"tag":606,"props":1365,"children":1367},{"class":608,"line":1366},22,[1368,1372,1376,1380,1384,1389,1393,1397,1402,1407,1411,1415,1419,1424,1428,1432],{"type":208,"tag":606,"props":1369,"children":1370},{"style":613},[1371],{"type":213,"value":1143},{"type":208,"tag":606,"props":1373,"children":1374},{"style":625},[1375],{"type":213,"value":913},{"type":208,"tag":606,"props":1377,"children":1378},{"style":916},[1379],{"type":213,"value":1152},{"type":208,"tag":606,"props":1381,"children":1382},{"style":619},[1383],{"type":213,"value":1196},{"type":208,"tag":606,"props":1385,"children":1386},{"style":625},[1387],{"type":213,"value":1388},"figcaption",{"type":208,"tag":606,"props":1390,"children":1391},{"style":1066},[1392],{"type":213,"value":1069},{"type":208,"tag":606,"props":1394,"children":1395},{"style":916},[1396],{"type":213,"value":1012},{"type":208,"tag":606,"props":1398,"children":1399},{"style":641},[1400],{"type":213,"value":1401},"\"text-center\"",{"type":208,"tag":606,"props":1403,"children":1404},{"style":619},[1405],{"type":213,"value":1406},">",{"type":208,"tag":606,"props":1408,"children":1409},{"style":613},[1410],{"type":213,"value":1078},{"type":208,"tag":606,"props":1412,"children":1413},{"style":625},[1414],{"type":213,"value":913},{"type":208,"tag":606,"props":1416,"children":1417},{"style":613},[1418],{"type":213,"value":1111},{"type":208,"tag":606,"props":1420,"children":1421},{"style":619},[1422],{"type":213,"value":1423},"\u003C/",{"type":208,"tag":606,"props":1425,"children":1426},{"style":625},[1427],{"type":213,"value":1388},{"type":208,"tag":606,"props":1429,"children":1430},{"style":619},[1431],{"type":213,"value":1406},{"type":208,"tag":606,"props":1433,"children":1434},{"style":613},[1435],{"type":213,"value":861},{"type":208,"tag":606,"props":1437,"children":1439},{"class":608,"line":1438},23,[1440,1445,1449],{"type":208,"tag":606,"props":1441,"children":1442},{"style":619},[1443],{"type":213,"value":1444},"    \u003C/",{"type":208,"tag":606,"props":1446,"children":1447},{"style":625},[1448],{"type":213,"value":1063},{"type":208,"tag":606,"props":1450,"children":1451},{"style":619},[1452],{"type":213,"value":1134},{"type":208,"tag":606,"props":1454,"children":1456},{"class":608,"line":1455},24,[1457],{"type":208,"tag":606,"props":1458,"children":1459},{"style":619},[1460],{"type":213,"value":1461},"  );\n",{"type":208,"tag":606,"props":1463,"children":1465},{"class":608,"line":1464},25,[1466],{"type":208,"tag":606,"props":1467,"children":1468},{"style":619},[1469],{"type":213,"value":861},{"type":208,"tag":226,"props":1471,"children":1472},{"v-slot:step-2":6},[1473,1479,1510,1985,1998],{"type":208,"tag":574,"props":1474,"children":1476},{"id":1475},"register-the-component",[1477],{"type":213,"value":1478},"Register the component",{"type":208,"tag":215,"props":1480,"children":1481},{},[1482,1484,1489,1491,1500,1502,1508],{"type":213,"value":1483},"If you are using our ",{"type":208,"tag":586,"props":1485,"children":1487},{"className":1486},[],[1488],{"type":213,"value":313},{"type":213,"value":1490}," integration, you have to register the ",{"type":208,"tag":1492,"props":1493,"children":1497},"a",{"href":1494,"rel":1495},"https://www.builder.io/c/docs/custom-components-setup",[1496],"nofollow",[1498],{"type":213,"value":1499},"Custom Component",{"type":213,"value":1501}," in the ",{"type":208,"tag":586,"props":1503,"children":1505},{"className":1504},[],[1506],{"type":213,"value":1507},"schemas.tsx",{"type":213,"value":1509}," file:",{"type":208,"tag":595,"props":1511,"children":1515},{"className":1512,"code":1513,"filename":1514,"language":600,"meta":6,"style":6},"language-tsx shiki shiki-themes one-dark-pro has-diff","import { RegisteredComponent } from '@builder.io/sdk-react';\nimport Picture from '@/components/cms/page/picture'; // [!code ++]\n\nexport const customComponents: RegisteredComponent[] = [\n  // ... other components schemas\n  // [!code ++:24]\n  {\n    component: Picture,\n    defaultChildren: [\n      {\n        '@type': '@builder.io/sdk:Element',\n        component: {\n          name: 'Editorial',\n          options: {\n            content: 'Image caption',\n          },\n        },\n      },\n    ],\n    image: 'https://alokai.com/favicon.svg',\n    inputs: [\n      {\n        ...baseImageInput,\n        name: 'image',\n        required: true,\n      },\n    ],\n    name: 'Picture',\n  },\n];\n","sf-modules/cms-builderio/components/schemas.tsx",[1516],{"type":208,"tag":586,"props":1517,"children":1518},{"__ignoreMap":6},[1519,1552,1580,1587,1626,1635,1644,1667,1681,1690,1712,1726,1748,1761,1783,1792,1801,1810,1819,1841,1854,1862,1880,1902,1925,1934,1943,1966,1976],{"type":208,"tag":606,"props":1520,"children":1521},{"class":608,"line":609},[1522,1526,1530,1535,1539,1543,1548],{"type":208,"tag":606,"props":1523,"children":1524},{"style":613},[1525],{"type":213,"value":616},{"type":208,"tag":606,"props":1527,"children":1528},{"style":619},[1529],{"type":213,"value":622},{"type":208,"tag":606,"props":1531,"children":1532},{"style":625},[1533],{"type":213,"value":1534},"RegisteredComponent",{"type":208,"tag":606,"props":1536,"children":1537},{"style":619},[1538],{"type":213,"value":633},{"type":208,"tag":606,"props":1540,"children":1541},{"style":613},[1542],{"type":213,"value":638},{"type":208,"tag":606,"props":1544,"children":1545},{"style":641},[1546],{"type":213,"value":1547}," '@builder.io/sdk-react'",{"type":208,"tag":606,"props":1549,"children":1550},{"style":619},[1551],{"type":213,"value":649},{"type":208,"tag":606,"props":1553,"children":1557},{"class":1554,"line":236},[608,1555,1556],"diff","add",[1558,1562,1566,1570,1575],{"type":208,"tag":606,"props":1559,"children":1560},{"style":613},[1561],{"type":213,"value":616},{"type":208,"tag":606,"props":1563,"children":1564},{"style":625},[1565],{"type":213,"value":893},{"type":208,"tag":606,"props":1567,"children":1568},{"style":613},[1569],{"type":213,"value":700},{"type":208,"tag":606,"props":1571,"children":1572},{"style":641},[1573],{"type":213,"value":1574}," '@/components/cms/page/picture'",{"type":208,"tag":606,"props":1576,"children":1577},{"style":619},[1578],{"type":213,"value":1579},"; ",{"type":208,"tag":606,"props":1581,"children":1582},{"class":608,"line":685},[1583],{"type":208,"tag":606,"props":1584,"children":1585},{"emptyLinePlaceholder":8},[1586],{"type":213,"value":761},{"type":208,"tag":606,"props":1588,"children":1589},{"class":608,"line":712},[1590,1594,1599,1604,1608,1612,1617,1621],{"type":208,"tag":606,"props":1591,"children":1592},{"style":613},[1593],{"type":213,"value":770},{"type":208,"tag":606,"props":1595,"children":1596},{"style":613},[1597],{"type":213,"value":1598}," const",{"type":208,"tag":606,"props":1600,"children":1601},{"style":778},[1602],{"type":213,"value":1603}," customComponents",{"type":208,"tag":606,"props":1605,"children":1606},{"style":619},[1607],{"type":213,"value":818},{"type":208,"tag":606,"props":1609,"children":1610},{"style":778},[1611],{"type":213,"value":1534},{"type":208,"tag":606,"props":1613,"children":1614},{"style":619},[1615],{"type":213,"value":1616},"[] ",{"type":208,"tag":606,"props":1618,"children":1619},{"style":916},[1620],{"type":213,"value":1012},{"type":208,"tag":606,"props":1622,"children":1623},{"style":619},[1624],{"type":213,"value":1625}," [\n",{"type":208,"tag":606,"props":1627,"children":1628},{"class":608,"line":235},[1629],{"type":208,"tag":606,"props":1630,"children":1632},{"style":1631},"--shiki-default:#7F848E;--shiki-default-font-style:italic",[1633],{"type":213,"value":1634},"  // ... other components schemas\n",{"type":208,"tag":606,"props":1636,"children":1638},{"class":1637,"line":807},[608,1555,1556],[1639],{"type":208,"tag":606,"props":1640,"children":1641},{"style":619},[1642],{"type":213,"value":1643},"  {\n",{"type":208,"tag":606,"props":1645,"children":1647},{"class":1646,"line":829},[608,1555,1556],[1648,1653,1657,1662],{"type":208,"tag":606,"props":1649,"children":1650},{"style":625},[1651],{"type":213,"value":1652},"    component",{"type":208,"tag":606,"props":1654,"children":1655},{"style":619},[1656],{"type":213,"value":818},{"type":208,"tag":606,"props":1658,"children":1659},{"style":625},[1660],{"type":213,"value":1661},"Picture",{"type":208,"tag":606,"props":1663,"children":1664},{"style":619},[1665],{"type":213,"value":1666},",\n",{"type":208,"tag":606,"props":1668,"children":1670},{"class":1669,"line":855},[608,1555,1556],[1671,1676],{"type":208,"tag":606,"props":1672,"children":1673},{"style":625},[1674],{"type":213,"value":1675},"    defaultChildren",{"type":208,"tag":606,"props":1677,"children":1678},{"style":619},[1679],{"type":213,"value":1680},": [\n",{"type":208,"tag":606,"props":1682,"children":1684},{"class":1683,"line":864},[608,1555,1556],[1685],{"type":208,"tag":606,"props":1686,"children":1687},{"style":619},[1688],{"type":213,"value":1689},"      {\n",{"type":208,"tag":606,"props":1691,"children":1693},{"class":1692,"line":872},[608,1555,1556],[1694,1699,1703,1708],{"type":208,"tag":606,"props":1695,"children":1696},{"style":641},[1697],{"type":213,"value":1698},"        '@type'",{"type":208,"tag":606,"props":1700,"children":1701},{"style":619},[1702],{"type":213,"value":818},{"type":208,"tag":606,"props":1704,"children":1705},{"style":641},[1706],{"type":213,"value":1707},"'@builder.io/sdk:Element'",{"type":208,"tag":606,"props":1709,"children":1710},{"style":619},[1711],{"type":213,"value":1666},{"type":208,"tag":606,"props":1713,"children":1715},{"class":1714,"line":970},[608,1555,1556],[1716,1721],{"type":208,"tag":606,"props":1717,"children":1718},{"style":625},[1719],{"type":213,"value":1720},"        component",{"type":208,"tag":606,"props":1722,"children":1723},{"style":619},[1724],{"type":213,"value":1725},": {\n",{"type":208,"tag":606,"props":1727,"children":1729},{"class":1728,"line":1030},[608,1555,1556],[1730,1735,1739,1744],{"type":208,"tag":606,"props":1731,"children":1732},{"style":625},[1733],{"type":213,"value":1734},"          name",{"type":208,"tag":606,"props":1736,"children":1737},{"style":619},[1738],{"type":213,"value":818},{"type":208,"tag":606,"props":1740,"children":1741},{"style":641},[1742],{"type":213,"value":1743},"'Editorial'",{"type":208,"tag":606,"props":1745,"children":1746},{"style":619},[1747],{"type":213,"value":1666},{"type":208,"tag":606,"props":1749,"children":1751},{"class":1750,"line":1038},[608,1555,1556],[1752,1757],{"type":208,"tag":606,"props":1753,"children":1754},{"style":625},[1755],{"type":213,"value":1756},"          options",{"type":208,"tag":606,"props":1758,"children":1759},{"style":619},[1760],{"type":213,"value":1725},{"type":208,"tag":606,"props":1762,"children":1764},{"class":1763,"line":1052},[608,1555,1556],[1765,1770,1774,1779],{"type":208,"tag":606,"props":1766,"children":1767},{"style":625},[1768],{"type":213,"value":1769},"            content",{"type":208,"tag":606,"props":1771,"children":1772},{"style":619},[1773],{"type":213,"value":818},{"type":208,"tag":606,"props":1775,"children":1776},{"style":641},[1777],{"type":213,"value":1778},"'Image caption'",{"type":208,"tag":606,"props":1780,"children":1781},{"style":619},[1782],{"type":213,"value":1666},{"type":208,"tag":606,"props":1784,"children":1786},{"class":1785,"line":1137},[608,1555,1556],[1787],{"type":208,"tag":606,"props":1788,"children":1789},{"style":619},[1790],{"type":213,"value":1791},"          },\n",{"type":208,"tag":606,"props":1793,"children":1795},{"class":1794,"line":1159},[608,1555,1556],[1796],{"type":208,"tag":606,"props":1797,"children":1798},{"style":619},[1799],{"type":213,"value":1800},"        },\n",{"type":208,"tag":606,"props":1802,"children":1804},{"class":1803,"line":1177},[608,1555,1556],[1805],{"type":208,"tag":606,"props":1806,"children":1807},{"style":619},[1808],{"type":213,"value":1809},"      },\n",{"type":208,"tag":606,"props":1811,"children":1813},{"class":1812,"line":1248},[608,1555,1556],[1814],{"type":208,"tag":606,"props":1815,"children":1816},{"style":619},[1817],{"type":213,"value":1818},"    ],\n",{"type":208,"tag":606,"props":1820,"children":1822},{"class":1821,"line":1336},[608,1555,1556],[1823,1828,1832,1837],{"type":208,"tag":606,"props":1824,"children":1825},{"style":625},[1826],{"type":213,"value":1827},"    image",{"type":208,"tag":606,"props":1829,"children":1830},{"style":619},[1831],{"type":213,"value":818},{"type":208,"tag":606,"props":1833,"children":1834},{"style":641},[1835],{"type":213,"value":1836},"'https://alokai.com/favicon.svg'",{"type":208,"tag":606,"props":1838,"children":1839},{"style":619},[1840],{"type":213,"value":1666},{"type":208,"tag":606,"props":1842,"children":1844},{"class":1843,"line":1353},[608,1555,1556],[1845,1850],{"type":208,"tag":606,"props":1846,"children":1847},{"style":625},[1848],{"type":213,"value":1849},"    inputs",{"type":208,"tag":606,"props":1851,"children":1852},{"style":619},[1853],{"type":213,"value":1680},{"type":208,"tag":606,"props":1855,"children":1857},{"class":1856,"line":1366},[608,1555,1556],[1858],{"type":208,"tag":606,"props":1859,"children":1860},{"style":619},[1861],{"type":213,"value":1689},{"type":208,"tag":606,"props":1863,"children":1865},{"class":1864,"line":1438},[608,1555,1556],[1866,1871,1876],{"type":208,"tag":606,"props":1867,"children":1868},{"style":619},[1869],{"type":213,"value":1870},"        ...",{"type":208,"tag":606,"props":1872,"children":1873},{"style":625},[1874],{"type":213,"value":1875},"baseImageInput",{"type":208,"tag":606,"props":1877,"children":1878},{"style":619},[1879],{"type":213,"value":1666},{"type":208,"tag":606,"props":1881,"children":1883},{"class":1882,"line":1455},[608,1555,1556],[1884,1889,1893,1898],{"type":208,"tag":606,"props":1885,"children":1886},{"style":625},[1887],{"type":213,"value":1888},"        name",{"type":208,"tag":606,"props":1890,"children":1891},{"style":619},[1892],{"type":213,"value":818},{"type":208,"tag":606,"props":1894,"children":1895},{"style":641},[1896],{"type":213,"value":1897},"'image'",{"type":208,"tag":606,"props":1899,"children":1900},{"style":619},[1901],{"type":213,"value":1666},{"type":208,"tag":606,"props":1903,"children":1905},{"class":1904,"line":1464},[608,1555,1556],[1906,1911,1915,1921],{"type":208,"tag":606,"props":1907,"children":1908},{"style":625},[1909],{"type":213,"value":1910},"        required",{"type":208,"tag":606,"props":1912,"children":1913},{"style":619},[1914],{"type":213,"value":818},{"type":208,"tag":606,"props":1916,"children":1918},{"style":1917},"--shiki-default:#D19A66",[1919],{"type":213,"value":1920},"true",{"type":208,"tag":606,"props":1922,"children":1923},{"style":619},[1924],{"type":213,"value":1666},{"type":208,"tag":606,"props":1926,"children":1929},{"class":1927,"line":1928},[608,1555,1556],26,[1930],{"type":208,"tag":606,"props":1931,"children":1932},{"style":619},[1933],{"type":213,"value":1809},{"type":208,"tag":606,"props":1935,"children":1938},{"class":1936,"line":1937},[608,1555,1556],27,[1939],{"type":208,"tag":606,"props":1940,"children":1941},{"style":619},[1942],{"type":213,"value":1818},{"type":208,"tag":606,"props":1944,"children":1947},{"class":1945,"line":1946},[608,1555,1556],28,[1948,1953,1957,1962],{"type":208,"tag":606,"props":1949,"children":1950},{"style":625},[1951],{"type":213,"value":1952},"    name",{"type":208,"tag":606,"props":1954,"children":1955},{"style":619},[1956],{"type":213,"value":818},{"type":208,"tag":606,"props":1958,"children":1959},{"style":641},[1960],{"type":213,"value":1961},"'Picture'",{"type":208,"tag":606,"props":1963,"children":1964},{"style":619},[1965],{"type":213,"value":1666},{"type":208,"tag":606,"props":1967,"children":1970},{"class":1968,"line":1969},[608,1555,1556],29,[1971],{"type":208,"tag":606,"props":1972,"children":1973},{"style":619},[1974],{"type":213,"value":1975},"  },\n",{"type":208,"tag":606,"props":1977,"children":1979},{"class":608,"line":1978},30,[1980],{"type":208,"tag":606,"props":1981,"children":1982},{"style":619},[1983],{"type":213,"value":1984},"];\n",{"type":208,"tag":215,"props":1986,"children":1987},{},[1988,1990,1996],{"type":213,"value":1989},"If you are using our other integrations, import the component in the ",{"type":208,"tag":586,"props":1991,"children":1993},{"className":1992},[],[1994],{"type":213,"value":1995},"render-cms-content.tsx",{"type":213,"value":1997}," wrapper:",{"type":208,"tag":595,"props":1999,"children":2002},{"className":1512,"code":2000,"filename":2001,"language":600,"meta":6,"style":6},"import type { ComponentType } from 'react';\nimport Picture from '@/components/cms/page/picture'; // [!code ++]\n\nconst components: Record\u003Cstring, CmsComponent> = {\n  // ... other components\n  Picture, // [!code ++]\n};\n","sf-modules/cms-\u003Cname>/components/render-cms-content.tsx",[2003],{"type":208,"tag":586,"props":2004,"children":2005},{"__ignoreMap":6},[2006,2043,2067,2074,2128,2136,2149],{"type":208,"tag":606,"props":2007,"children":2008},{"class":608,"line":609},[2009,2013,2018,2022,2027,2031,2035,2039],{"type":208,"tag":606,"props":2010,"children":2011},{"style":613},[2012],{"type":213,"value":616},{"type":208,"tag":606,"props":2014,"children":2015},{"style":613},[2016],{"type":213,"value":2017}," type",{"type":208,"tag":606,"props":2019,"children":2020},{"style":619},[2021],{"type":213,"value":622},{"type":208,"tag":606,"props":2023,"children":2024},{"style":625},[2025],{"type":213,"value":2026},"ComponentType",{"type":208,"tag":606,"props":2028,"children":2029},{"style":619},[2030],{"type":213,"value":633},{"type":208,"tag":606,"props":2032,"children":2033},{"style":613},[2034],{"type":213,"value":638},{"type":208,"tag":606,"props":2036,"children":2037},{"style":641},[2038],{"type":213,"value":749},{"type":208,"tag":606,"props":2040,"children":2041},{"style":619},[2042],{"type":213,"value":649},{"type":208,"tag":606,"props":2044,"children":2046},{"class":2045,"line":236},[608,1555,1556],[2047,2051,2055,2059,2063],{"type":208,"tag":606,"props":2048,"children":2049},{"style":613},[2050],{"type":213,"value":616},{"type":208,"tag":606,"props":2052,"children":2053},{"style":625},[2054],{"type":213,"value":893},{"type":208,"tag":606,"props":2056,"children":2057},{"style":613},[2058],{"type":213,"value":700},{"type":208,"tag":606,"props":2060,"children":2061},{"style":641},[2062],{"type":213,"value":1574},{"type":208,"tag":606,"props":2064,"children":2065},{"style":619},[2066],{"type":213,"value":1579},{"type":208,"tag":606,"props":2068,"children":2069},{"class":608,"line":685},[2070],{"type":208,"tag":606,"props":2071,"children":2072},{"emptyLinePlaceholder":8},[2073],{"type":213,"value":761},{"type":208,"tag":606,"props":2075,"children":2076},{"class":608,"line":712},[2077,2082,2087,2091,2096,2101,2106,2110,2115,2120,2124],{"type":208,"tag":606,"props":2078,"children":2079},{"style":613},[2080],{"type":213,"value":2081},"const",{"type":208,"tag":606,"props":2083,"children":2084},{"style":778},[2085],{"type":213,"value":2086}," components",{"type":208,"tag":606,"props":2088,"children":2089},{"style":619},[2090],{"type":213,"value":818},{"type":208,"tag":606,"props":2092,"children":2093},{"style":778},[2094],{"type":213,"value":2095},"Record",{"type":208,"tag":606,"props":2097,"children":2098},{"style":619},[2099],{"type":213,"value":2100},"\u003C",{"type":208,"tag":606,"props":2102,"children":2103},{"style":778},[2104],{"type":213,"value":2105},"string",{"type":208,"tag":606,"props":2107,"children":2108},{"style":619},[2109],{"type":213,"value":731},{"type":208,"tag":606,"props":2111,"children":2112},{"style":778},[2113],{"type":213,"value":2114},"CmsComponent",{"type":208,"tag":606,"props":2116,"children":2117},{"style":619},[2118],{"type":213,"value":2119},"> ",{"type":208,"tag":606,"props":2121,"children":2122},{"style":916},[2123],{"type":213,"value":1012},{"type":208,"tag":606,"props":2125,"children":2126},{"style":619},[2127],{"type":213,"value":804},{"type":208,"tag":606,"props":2129,"children":2130},{"class":608,"line":235},[2131],{"type":208,"tag":606,"props":2132,"children":2133},{"style":1631},[2134],{"type":213,"value":2135},"  // ... other components\n",{"type":208,"tag":606,"props":2137,"children":2139},{"class":2138,"line":764},[608,1555,1556],[2140,2145],{"type":208,"tag":606,"props":2141,"children":2142},{"style":625},[2143],{"type":213,"value":2144},"  Picture",{"type":208,"tag":606,"props":2146,"children":2147},{"style":619},[2148],{"type":213,"value":731},{"type":208,"tag":606,"props":2150,"children":2151},{"class":608,"line":807},[2152],{"type":208,"tag":606,"props":2153,"children":2154},{"style":619},[2155],{"type":213,"value":2156},"};\n",{"type":208,"tag":2158,"props":2159,"children":2160},"style",{},[2161],{"type":213,"value":2162},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":6,"searchDepth":235,"depth":236,"links":2164},[2165,2166],{"id":576,"depth":685,"text":579},{"id":1475,"depth":685,"text":1478},"modules:storefront:modules:_partials:custom-components-next.md","storefront/modules/_partials/custom-components-next.md","storefront/modules/_partials/custom-components-next",{"_path":2171,"_dir":542,"_draft":7,"_partial":8,"_locale":6,"title":2172,"description":2173,"body":2174,"_type":238,"_id":4803,"_source":475,"_file":4804,"_stem":4805,"_extension":242,"layout":203},"/storefront/modules/_partials/custom-components-amplience","Custom Components Amplience","In this section, you're going to create a new, custom Content Type in Amplience. It will act as a scaffolding for entries which will be rendered by your new frontend component. Remember that by default you'll be equipped with couple predefined Alokai components (content models/types).",{"type":205,"children":2175,"toc":4788},[2176,2180,2206,4784],{"type":208,"tag":215,"props":2177,"children":2178},{},[2179],{"type":213,"value":2173},{"type":208,"tag":547,"props":2181,"children":2182},{},[2183,2186,2189,2192],{"type":208,"tag":226,"props":2184,"children":2185},{"v-slot:title":6},[],{"type":208,"tag":226,"props":2187,"children":2188},{"v-slot:title":6},[],{"type":208,"tag":226,"props":2190,"children":2191},{"v-slot:title":6},[],{"type":208,"tag":215,"props":2193,"children":2194},{},[2195,2197,2204],{"type":213,"value":2196},"Read more about creating Content Types in the ",{"type":208,"tag":1492,"props":2198,"children":2201},{"href":2199,"rel":2200},"https://amplience.com/developers/docs/dev-tools/guides-tutorials/content-types/",[1496],[2202],{"type":213,"value":2203},"Amplience documentation",{"type":213,"value":2205},".",{"type":208,"tag":567,"props":2207,"children":2208},{},[2209,2300,2478,2953,3220,4106,4174,4724],{"type":208,"tag":226,"props":2210,"children":2211},{"v-slot:step-1":6},[2212,2218,2240,2277,2287],{"type":208,"tag":574,"props":2213,"children":2215},{"id":2214},"create-content-type",[2216],{"type":213,"value":2217},"Create Content Type",{"type":208,"tag":215,"props":2219,"children":2220},{},[2221,2223,2230,2232,2238],{"type":213,"value":2222},"Open up your Amplience ",{"type":208,"tag":1492,"props":2224,"children":2227},{"href":2225,"rel":2226},"https://app.amplience.net/content/",[1496],[2228],{"type":213,"value":2229},"Dynamic Content panel",{"type":213,"value":2231},", navigate to the Development dropdown and choose ",{"type":208,"tag":586,"props":2233,"children":2235},{"className":2234},[],[2236],{"type":213,"value":2237},"Content Type schemas",{"type":213,"value":2239},". Once a popup appears on the screen, choose \"code from scratch\".",{"type":208,"tag":215,"props":2241,"children":2242},{},[2243,2245,2251,2253,2259,2261,2267,2269,2275],{"type":213,"value":2244},"In the following screen, give your schema an ",{"type":208,"tag":586,"props":2246,"children":2248},{"className":2247},[],[2249],{"type":213,"value":2250},"id",{"type":213,"value":2252}," (in the URI format, e.g. ",{"type":208,"tag":586,"props":2254,"children":2256},{"className":2255},[],[2257],{"type":213,"value":2258},"https://www.vuestorefront.io/picture.json",{"type":213,"value":2260},") and set ",{"type":208,"tag":586,"props":2262,"children":2264},{"className":2263},[],[2265],{"type":213,"value":2266},"Content Type",{"type":213,"value":2268}," as the validation level. Hit the ",{"type":208,"tag":586,"props":2270,"children":2272},{"className":2271},[],[2273],{"type":213,"value":2274},"Create schema",{"type":213,"value":2276}," button to confirm.",{"type":208,"tag":215,"props":2278,"children":2279},{},[2280],{"type":208,"tag":1270,"props":2281,"children":2286},{"alt":2282,"src":2283,"style":2284},"Schema from scratch modal","/storefront/modules/5.cms/images/amplience/guides-create-content-type-1.png",{"aspectRatio":2285},"639/434",[],{"type":208,"tag":215,"props":2288,"children":2289},{},[2290,2292,2298],{"type":213,"value":2291},"A schema editor window should pop up. Now you can create your own schema based on pre-configured properties listed in ",{"type":208,"tag":586,"props":2293,"children":2295},{"className":2294},[],[2296],{"type":213,"value":2297},"add property",{"type":213,"value":2299}," dropdown.",{"type":208,"tag":226,"props":2301,"children":2302},{"v-slot:step-2":6},[2303,2317,2336,2355],{"type":208,"tag":574,"props":2304,"children":2306},{"id":2305},"add-the-component-field",[2307,2309,2315],{"type":213,"value":2308},"Add the ",{"type":208,"tag":586,"props":2310,"children":2312},{"className":2311},[],[2313],{"type":213,"value":2314},"component",{"type":213,"value":2316}," field",{"type":208,"tag":215,"props":2318,"children":2319},{},[2320,2322,2327,2329,2334],{"type":213,"value":2321},"In the schema, add the ",{"type":208,"tag":586,"props":2323,"children":2325},{"className":2324},[],[2326],{"type":213,"value":2314},{"type":213,"value":2328}," field of type ",{"type":208,"tag":586,"props":2330,"children":2332},{"className":2331},[],[2333],{"type":213,"value":2105},{"type":213,"value":2335},". It is mandatory for all Content Types which act as components (e.g. Banner, Hero). Its value should represent the name of the frontend component which will be used to render it.",{"type":208,"tag":215,"props":2337,"children":2338},{},[2339,2341,2346,2348,2353],{"type":213,"value":2340},"Use the ",{"type":208,"tag":586,"props":2342,"children":2344},{"className":2343},[],[2345],{"type":213,"value":2081},{"type":213,"value":2347}," property to hardcode that value so that content editors do not have to type it manually every time they create a new ",{"type":208,"tag":586,"props":2349,"children":2351},{"className":2350},[],[2352],{"type":213,"value":1661},{"type":213,"value":2354}," entry.",{"type":208,"tag":595,"props":2356,"children":2360},{"className":2357,"code":2358,"language":2359,"meta":6,"style":6},"language-json shiki shiki-themes one-dark-pro","{\n  \"properties\": {\n    \"component\": {\n      \"title\": \"Component\",\n      \"type\": \"string\",\n      \"const\": \"Picture\"\n    }\n  }\n}\n","json",[2361],{"type":208,"tag":586,"props":2362,"children":2363},{"__ignoreMap":6},[2364,2372,2384,2396,2417,2438,2455,2463,2471],{"type":208,"tag":606,"props":2365,"children":2366},{"class":608,"line":609},[2367],{"type":208,"tag":606,"props":2368,"children":2369},{"style":619},[2370],{"type":213,"value":2371},"{\n",{"type":208,"tag":606,"props":2373,"children":2374},{"class":608,"line":236},[2375,2380],{"type":208,"tag":606,"props":2376,"children":2377},{"style":625},[2378],{"type":213,"value":2379},"  \"properties\"",{"type":208,"tag":606,"props":2381,"children":2382},{"style":619},[2383],{"type":213,"value":1725},{"type":208,"tag":606,"props":2385,"children":2386},{"class":608,"line":685},[2387,2392],{"type":208,"tag":606,"props":2388,"children":2389},{"style":625},[2390],{"type":213,"value":2391},"    \"component\"",{"type":208,"tag":606,"props":2393,"children":2394},{"style":619},[2395],{"type":213,"value":1725},{"type":208,"tag":606,"props":2397,"children":2398},{"class":608,"line":712},[2399,2404,2408,2413],{"type":208,"tag":606,"props":2400,"children":2401},{"style":625},[2402],{"type":213,"value":2403},"      \"title\"",{"type":208,"tag":606,"props":2405,"children":2406},{"style":619},[2407],{"type":213,"value":818},{"type":208,"tag":606,"props":2409,"children":2410},{"style":641},[2411],{"type":213,"value":2412},"\"Component\"",{"type":208,"tag":606,"props":2414,"children":2415},{"style":619},[2416],{"type":213,"value":1666},{"type":208,"tag":606,"props":2418,"children":2419},{"class":608,"line":235},[2420,2425,2429,2434],{"type":208,"tag":606,"props":2421,"children":2422},{"style":625},[2423],{"type":213,"value":2424},"      \"type\"",{"type":208,"tag":606,"props":2426,"children":2427},{"style":619},[2428],{"type":213,"value":818},{"type":208,"tag":606,"props":2430,"children":2431},{"style":641},[2432],{"type":213,"value":2433},"\"string\"",{"type":208,"tag":606,"props":2435,"children":2436},{"style":619},[2437],{"type":213,"value":1666},{"type":208,"tag":606,"props":2439,"children":2440},{"class":608,"line":764},[2441,2446,2450],{"type":208,"tag":606,"props":2442,"children":2443},{"style":625},[2444],{"type":213,"value":2445},"      \"const\"",{"type":208,"tag":606,"props":2447,"children":2448},{"style":619},[2449],{"type":213,"value":818},{"type":208,"tag":606,"props":2451,"children":2452},{"style":641},[2453],{"type":213,"value":2454},"\"Picture\"\n",{"type":208,"tag":606,"props":2456,"children":2457},{"class":608,"line":807},[2458],{"type":208,"tag":606,"props":2459,"children":2460},{"style":619},[2461],{"type":213,"value":2462},"    }\n",{"type":208,"tag":606,"props":2464,"children":2465},{"class":608,"line":829},[2466],{"type":208,"tag":606,"props":2467,"children":2468},{"style":619},[2469],{"type":213,"value":2470},"  }\n",{"type":208,"tag":606,"props":2472,"children":2473},{"class":608,"line":855},[2474],{"type":208,"tag":606,"props":2475,"children":2476},{"style":619},[2477],{"type":213,"value":861},{"type":208,"tag":226,"props":2479,"children":2480},{"v-slot:step-3":6},[2481,2493,2505,2636],{"type":208,"tag":574,"props":2482,"children":2484},{"id":2483},"add-image-field",[2485,2487,2492],{"type":213,"value":2486},"Add ",{"type":208,"tag":586,"props":2488,"children":2490},{"className":2489},[],[2491],{"type":213,"value":942},{"type":213,"value":2316},{"type":208,"tag":215,"props":2494,"children":2495},{},[2496,2498,2503],{"type":213,"value":2497},"You can add any field you want, for our Picture Content Type we will need a ",{"type":208,"tag":586,"props":2499,"children":2501},{"className":2500},[],[2502],{"type":213,"value":942},{"type":213,"value":2504}," field.",{"type":208,"tag":595,"props":2506,"children":2508},{"className":2357,"code":2507,"language":2359,"meta":6,"style":6},"{\n  \"properties\": {\n    \"image\": {\n      \"type\": \"object\",\n      \"allOf\": [\n        {\n          \"$ref\": \"http://bigcontent.io/cms/schema/v1/core#/definitions/image-link\"\n        }\n      ]\n    }\n  }\n}\n",[2509],{"type":208,"tag":586,"props":2510,"children":2511},{"__ignoreMap":6},[2512,2519,2530,2542,2562,2574,2582,2599,2607,2615,2622,2629],{"type":208,"tag":606,"props":2513,"children":2514},{"class":608,"line":609},[2515],{"type":208,"tag":606,"props":2516,"children":2517},{"style":619},[2518],{"type":213,"value":2371},{"type":208,"tag":606,"props":2520,"children":2521},{"class":608,"line":236},[2522,2526],{"type":208,"tag":606,"props":2523,"children":2524},{"style":625},[2525],{"type":213,"value":2379},{"type":208,"tag":606,"props":2527,"children":2528},{"style":619},[2529],{"type":213,"value":1725},{"type":208,"tag":606,"props":2531,"children":2532},{"class":608,"line":685},[2533,2538],{"type":208,"tag":606,"props":2534,"children":2535},{"style":625},[2536],{"type":213,"value":2537},"    \"image\"",{"type":208,"tag":606,"props":2539,"children":2540},{"style":619},[2541],{"type":213,"value":1725},{"type":208,"tag":606,"props":2543,"children":2544},{"class":608,"line":712},[2545,2549,2553,2558],{"type":208,"tag":606,"props":2546,"children":2547},{"style":625},[2548],{"type":213,"value":2424},{"type":208,"tag":606,"props":2550,"children":2551},{"style":619},[2552],{"type":213,"value":818},{"type":208,"tag":606,"props":2554,"children":2555},{"style":641},[2556],{"type":213,"value":2557},"\"object\"",{"type":208,"tag":606,"props":2559,"children":2560},{"style":619},[2561],{"type":213,"value":1666},{"type":208,"tag":606,"props":2563,"children":2564},{"class":608,"line":235},[2565,2570],{"type":208,"tag":606,"props":2566,"children":2567},{"style":625},[2568],{"type":213,"value":2569},"      \"allOf\"",{"type":208,"tag":606,"props":2571,"children":2572},{"style":619},[2573],{"type":213,"value":1680},{"type":208,"tag":606,"props":2575,"children":2576},{"class":608,"line":764},[2577],{"type":208,"tag":606,"props":2578,"children":2579},{"style":619},[2580],{"type":213,"value":2581},"        {\n",{"type":208,"tag":606,"props":2583,"children":2584},{"class":608,"line":807},[2585,2590,2594],{"type":208,"tag":606,"props":2586,"children":2587},{"style":625},[2588],{"type":213,"value":2589},"          \"$ref\"",{"type":208,"tag":606,"props":2591,"children":2592},{"style":619},[2593],{"type":213,"value":818},{"type":208,"tag":606,"props":2595,"children":2596},{"style":641},[2597],{"type":213,"value":2598},"\"http://bigcontent.io/cms/schema/v1/core#/definitions/image-link\"\n",{"type":208,"tag":606,"props":2600,"children":2601},{"class":608,"line":829},[2602],{"type":208,"tag":606,"props":2603,"children":2604},{"style":619},[2605],{"type":213,"value":2606},"        }\n",{"type":208,"tag":606,"props":2608,"children":2609},{"class":608,"line":855},[2610],{"type":208,"tag":606,"props":2611,"children":2612},{"style":619},[2613],{"type":213,"value":2614},"      ]\n",{"type":208,"tag":606,"props":2616,"children":2617},{"class":608,"line":864},[2618],{"type":208,"tag":606,"props":2619,"children":2620},{"style":619},[2621],{"type":213,"value":2462},{"type":208,"tag":606,"props":2623,"children":2624},{"class":608,"line":872},[2625],{"type":208,"tag":606,"props":2626,"children":2627},{"style":619},[2628],{"type":213,"value":2470},{"type":208,"tag":606,"props":2630,"children":2631},{"class":608,"line":970},[2632],{"type":208,"tag":606,"props":2633,"children":2634},{"style":619},[2635],{"type":213,"value":861},{"type":208,"tag":547,"props":2637,"children":2638},{},[2639,2652,2931],{"type":208,"tag":215,"props":2640,"children":2641},{},[2642,2644,2650],{"type":213,"value":2643},"If you want to make the field localizable, it has to be wrapped in the ",{"type":208,"tag":586,"props":2645,"children":2647},{"className":2646},[],[2648],{"type":213,"value":2649},"localized-value",{"type":213,"value":2651},". For instance the localized image would look as follows:",{"type":208,"tag":595,"props":2653,"children":2655},{"className":2357,"code":2654,"language":2359,"meta":6,"style":6},"{\n  \"properties\": {\n    \"image\": {\n            \"allOf\":[\n                {\n                    \"$ref\":\"http://bigcontent.io/cms/schema/v1/core#/definitions/localized-value\"\n                }\n            ],\n            \"properties\": {\n                \"values\": {\n                    \"items\": {\n                        \"properties\": {\n                            \"value\": {\n                                \"title\": \"Image\",\n                                \"allOf\": [\n                                    { \"$ref\": \"http://bigcontent.io/cms/schema/v1/core#/definitions/image-link\" }\n                                ]\n                            }\n                        }\n                    }\n                }\n            }\n        },\n  }\n}\n",[2656],{"type":208,"tag":586,"props":2657,"children":2658},{"__ignoreMap":6},[2659,2666,2677,2688,2701,2709,2727,2735,2743,2755,2767,2779,2791,2803,2824,2836,2863,2871,2879,2887,2895,2902,2910,2917,2924],{"type":208,"tag":606,"props":2660,"children":2661},{"class":608,"line":609},[2662],{"type":208,"tag":606,"props":2663,"children":2664},{"style":619},[2665],{"type":213,"value":2371},{"type":208,"tag":606,"props":2667,"children":2668},{"class":608,"line":236},[2669,2673],{"type":208,"tag":606,"props":2670,"children":2671},{"style":625},[2672],{"type":213,"value":2379},{"type":208,"tag":606,"props":2674,"children":2675},{"style":619},[2676],{"type":213,"value":1725},{"type":208,"tag":606,"props":2678,"children":2679},{"class":608,"line":685},[2680,2684],{"type":208,"tag":606,"props":2681,"children":2682},{"style":625},[2683],{"type":213,"value":2537},{"type":208,"tag":606,"props":2685,"children":2686},{"style":619},[2687],{"type":213,"value":1725},{"type":208,"tag":606,"props":2689,"children":2690},{"class":608,"line":712},[2691,2696],{"type":208,"tag":606,"props":2692,"children":2693},{"style":625},[2694],{"type":213,"value":2695},"            \"allOf\"",{"type":208,"tag":606,"props":2697,"children":2698},{"style":619},[2699],{"type":213,"value":2700},":[\n",{"type":208,"tag":606,"props":2702,"children":2703},{"class":608,"line":235},[2704],{"type":208,"tag":606,"props":2705,"children":2706},{"style":619},[2707],{"type":213,"value":2708},"                {\n",{"type":208,"tag":606,"props":2710,"children":2711},{"class":608,"line":764},[2712,2717,2722],{"type":208,"tag":606,"props":2713,"children":2714},{"style":625},[2715],{"type":213,"value":2716},"                    \"$ref\"",{"type":208,"tag":606,"props":2718,"children":2719},{"style":619},[2720],{"type":213,"value":2721},":",{"type":208,"tag":606,"props":2723,"children":2724},{"style":641},[2725],{"type":213,"value":2726},"\"http://bigcontent.io/cms/schema/v1/core#/definitions/localized-value\"\n",{"type":208,"tag":606,"props":2728,"children":2729},{"class":608,"line":807},[2730],{"type":208,"tag":606,"props":2731,"children":2732},{"style":619},[2733],{"type":213,"value":2734},"                }\n",{"type":208,"tag":606,"props":2736,"children":2737},{"class":608,"line":829},[2738],{"type":208,"tag":606,"props":2739,"children":2740},{"style":619},[2741],{"type":213,"value":2742},"            ],\n",{"type":208,"tag":606,"props":2744,"children":2745},{"class":608,"line":855},[2746,2751],{"type":208,"tag":606,"props":2747,"children":2748},{"style":625},[2749],{"type":213,"value":2750},"            \"properties\"",{"type":208,"tag":606,"props":2752,"children":2753},{"style":619},[2754],{"type":213,"value":1725},{"type":208,"tag":606,"props":2756,"children":2757},{"class":608,"line":864},[2758,2763],{"type":208,"tag":606,"props":2759,"children":2760},{"style":625},[2761],{"type":213,"value":2762},"                \"values\"",{"type":208,"tag":606,"props":2764,"children":2765},{"style":619},[2766],{"type":213,"value":1725},{"type":208,"tag":606,"props":2768,"children":2769},{"class":608,"line":872},[2770,2775],{"type":208,"tag":606,"props":2771,"children":2772},{"style":625},[2773],{"type":213,"value":2774},"                    \"items\"",{"type":208,"tag":606,"props":2776,"children":2777},{"style":619},[2778],{"type":213,"value":1725},{"type":208,"tag":606,"props":2780,"children":2781},{"class":608,"line":970},[2782,2787],{"type":208,"tag":606,"props":2783,"children":2784},{"style":625},[2785],{"type":213,"value":2786},"                        \"properties\"",{"type":208,"tag":606,"props":2788,"children":2789},{"style":619},[2790],{"type":213,"value":1725},{"type":208,"tag":606,"props":2792,"children":2793},{"class":608,"line":1030},[2794,2799],{"type":208,"tag":606,"props":2795,"children":2796},{"style":625},[2797],{"type":213,"value":2798},"                            \"value\"",{"type":208,"tag":606,"props":2800,"children":2801},{"style":619},[2802],{"type":213,"value":1725},{"type":208,"tag":606,"props":2804,"children":2805},{"class":608,"line":1038},[2806,2811,2815,2820],{"type":208,"tag":606,"props":2807,"children":2808},{"style":625},[2809],{"type":213,"value":2810},"                                \"title\"",{"type":208,"tag":606,"props":2812,"children":2813},{"style":619},[2814],{"type":213,"value":818},{"type":208,"tag":606,"props":2816,"children":2817},{"style":641},[2818],{"type":213,"value":2819},"\"Image\"",{"type":208,"tag":606,"props":2821,"children":2822},{"style":619},[2823],{"type":213,"value":1666},{"type":208,"tag":606,"props":2825,"children":2826},{"class":608,"line":1052},[2827,2832],{"type":208,"tag":606,"props":2828,"children":2829},{"style":625},[2830],{"type":213,"value":2831},"                                \"allOf\"",{"type":208,"tag":606,"props":2833,"children":2834},{"style":619},[2835],{"type":213,"value":1680},{"type":208,"tag":606,"props":2837,"children":2838},{"class":608,"line":1137},[2839,2844,2849,2853,2858],{"type":208,"tag":606,"props":2840,"children":2841},{"style":619},[2842],{"type":213,"value":2843},"                                    { ",{"type":208,"tag":606,"props":2845,"children":2846},{"style":625},[2847],{"type":213,"value":2848},"\"$ref\"",{"type":208,"tag":606,"props":2850,"children":2851},{"style":619},[2852],{"type":213,"value":818},{"type":208,"tag":606,"props":2854,"children":2855},{"style":641},[2856],{"type":213,"value":2857},"\"http://bigcontent.io/cms/schema/v1/core#/definitions/image-link\"",{"type":208,"tag":606,"props":2859,"children":2860},{"style":619},[2861],{"type":213,"value":2862}," }\n",{"type":208,"tag":606,"props":2864,"children":2865},{"class":608,"line":1159},[2866],{"type":208,"tag":606,"props":2867,"children":2868},{"style":619},[2869],{"type":213,"value":2870},"                                ]\n",{"type":208,"tag":606,"props":2872,"children":2873},{"class":608,"line":1177},[2874],{"type":208,"tag":606,"props":2875,"children":2876},{"style":619},[2877],{"type":213,"value":2878},"                            }\n",{"type":208,"tag":606,"props":2880,"children":2881},{"class":608,"line":1248},[2882],{"type":208,"tag":606,"props":2883,"children":2884},{"style":619},[2885],{"type":213,"value":2886},"                        }\n",{"type":208,"tag":606,"props":2888,"children":2889},{"class":608,"line":1336},[2890],{"type":208,"tag":606,"props":2891,"children":2892},{"style":619},[2893],{"type":213,"value":2894},"                    }\n",{"type":208,"tag":606,"props":2896,"children":2897},{"class":608,"line":1353},[2898],{"type":208,"tag":606,"props":2899,"children":2900},{"style":619},[2901],{"type":213,"value":2734},{"type":208,"tag":606,"props":2903,"children":2904},{"class":608,"line":1366},[2905],{"type":208,"tag":606,"props":2906,"children":2907},{"style":619},[2908],{"type":213,"value":2909},"            }\n",{"type":208,"tag":606,"props":2911,"children":2912},{"class":608,"line":1438},[2913],{"type":208,"tag":606,"props":2914,"children":2915},{"style":619},[2916],{"type":213,"value":1800},{"type":208,"tag":606,"props":2918,"children":2919},{"class":608,"line":1455},[2920],{"type":208,"tag":606,"props":2921,"children":2922},{"style":619},[2923],{"type":213,"value":2470},{"type":208,"tag":606,"props":2925,"children":2926},{"class":608,"line":1464},[2927],{"type":208,"tag":606,"props":2928,"children":2929},{"style":619},[2930],{"type":213,"value":861},{"type":208,"tag":215,"props":2932,"children":2933},{},[2934,2936,2943,2945,2951],{"type":213,"value":2935},"You can read more about the localization in the ",{"type":208,"tag":1492,"props":2937,"children":2940},{"href":2938,"rel":2939},"https://amplience.com/developers/docs/dev-tools/guides-tutorials/localization/",[1496],[2941],{"type":213,"value":2942},"Amplience docs",{"type":213,"value":2944},". We recommend also to analyze the schema for the Alokai's content types which we provide out of the box for you. You can find them in ",{"type":208,"tag":586,"props":2946,"children":2948},{"className":2947},[],[2949],{"type":213,"value":2950},"apps/storefront-middleware/sf-modules/cms-amplience/content-type-schemas/schemas",{"type":213,"value":2952}," directory.",{"type":208,"tag":226,"props":2954,"children":2955},{"v-slot:step-4":6},[2956,2968,3003,3204],{"type":208,"tag":574,"props":2957,"children":2959},{"id":2958},"add-caption-content-link-field",[2960,2961,2966],{"type":213,"value":2486},{"type":208,"tag":586,"props":2962,"children":2964},{"className":2963},[],[2965],{"type":213,"value":913},{"type":213,"value":2967}," content link field",{"type":208,"tag":215,"props":2969,"children":2970},{},[2971,2973,2979,2981,2986,2987,2993,2995,3001],{"type":213,"value":2972},"To make the caption flexible, we can set a caption as ",{"type":208,"tag":586,"props":2974,"children":2976},{"className":2975},[],[2977],{"type":213,"value":2978},"Editorial",{"type":213,"value":2980}," Content Type, which will allow you to use rich text features. Create the ",{"type":208,"tag":586,"props":2982,"children":2984},{"className":2983},[],[2985],{"type":213,"value":913},{"type":213,"value":2328},{"type":208,"tag":586,"props":2988,"children":2990},{"className":2989},[],[2991],{"type":213,"value":2992},"content-link",{"type":213,"value":2994},". As the only possible type to be chosen pick the ",{"type":208,"tag":586,"props":2996,"children":2998},{"className":2997},[],[2999],{"type":213,"value":3000},"https://www.vuestorefront.io/editorial.json",{"type":213,"value":3002}," schema which allows you to add rich text.",{"type":208,"tag":595,"props":3004,"children":3006},{"className":2357,"code":3005,"language":2359,"meta":6,"style":6},"{\n  \"properties\": {\n    \"caption\": {\n      \"type\": \"object\",\n      \"allOf\": [\n        {\n          \"$ref\": \"http://bigcontent.io/cms/schema/v1/core#/definitions/content-link\"\n        },\n        {\n          \"properties\": {\n            \"contentType\": {\n              \"enum\": [\"https://www.vuestorefront.io/editorial.json\"]\n            }\n          }\n        }\n      ]\n    }\n  }\n}\n",[3007],{"type":208,"tag":586,"props":3008,"children":3009},{"__ignoreMap":6},[3010,3017,3028,3040,3059,3070,3077,3093,3100,3107,3119,3131,3154,3161,3169,3176,3183,3190,3197],{"type":208,"tag":606,"props":3011,"children":3012},{"class":608,"line":609},[3013],{"type":208,"tag":606,"props":3014,"children":3015},{"style":619},[3016],{"type":213,"value":2371},{"type":208,"tag":606,"props":3018,"children":3019},{"class":608,"line":236},[3020,3024],{"type":208,"tag":606,"props":3021,"children":3022},{"style":625},[3023],{"type":213,"value":2379},{"type":208,"tag":606,"props":3025,"children":3026},{"style":619},[3027],{"type":213,"value":1725},{"type":208,"tag":606,"props":3029,"children":3030},{"class":608,"line":685},[3031,3036],{"type":208,"tag":606,"props":3032,"children":3033},{"style":625},[3034],{"type":213,"value":3035},"    \"caption\"",{"type":208,"tag":606,"props":3037,"children":3038},{"style":619},[3039],{"type":213,"value":1725},{"type":208,"tag":606,"props":3041,"children":3042},{"class":608,"line":712},[3043,3047,3051,3055],{"type":208,"tag":606,"props":3044,"children":3045},{"style":625},[3046],{"type":213,"value":2424},{"type":208,"tag":606,"props":3048,"children":3049},{"style":619},[3050],{"type":213,"value":818},{"type":208,"tag":606,"props":3052,"children":3053},{"style":641},[3054],{"type":213,"value":2557},{"type":208,"tag":606,"props":3056,"children":3057},{"style":619},[3058],{"type":213,"value":1666},{"type":208,"tag":606,"props":3060,"children":3061},{"class":608,"line":235},[3062,3066],{"type":208,"tag":606,"props":3063,"children":3064},{"style":625},[3065],{"type":213,"value":2569},{"type":208,"tag":606,"props":3067,"children":3068},{"style":619},[3069],{"type":213,"value":1680},{"type":208,"tag":606,"props":3071,"children":3072},{"class":608,"line":764},[3073],{"type":208,"tag":606,"props":3074,"children":3075},{"style":619},[3076],{"type":213,"value":2581},{"type":208,"tag":606,"props":3078,"children":3079},{"class":608,"line":807},[3080,3084,3088],{"type":208,"tag":606,"props":3081,"children":3082},{"style":625},[3083],{"type":213,"value":2589},{"type":208,"tag":606,"props":3085,"children":3086},{"style":619},[3087],{"type":213,"value":818},{"type":208,"tag":606,"props":3089,"children":3090},{"style":641},[3091],{"type":213,"value":3092},"\"http://bigcontent.io/cms/schema/v1/core#/definitions/content-link\"\n",{"type":208,"tag":606,"props":3094,"children":3095},{"class":608,"line":829},[3096],{"type":208,"tag":606,"props":3097,"children":3098},{"style":619},[3099],{"type":213,"value":1800},{"type":208,"tag":606,"props":3101,"children":3102},{"class":608,"line":855},[3103],{"type":208,"tag":606,"props":3104,"children":3105},{"style":619},[3106],{"type":213,"value":2581},{"type":208,"tag":606,"props":3108,"children":3109},{"class":608,"line":864},[3110,3115],{"type":208,"tag":606,"props":3111,"children":3112},{"style":625},[3113],{"type":213,"value":3114},"          \"properties\"",{"type":208,"tag":606,"props":3116,"children":3117},{"style":619},[3118],{"type":213,"value":1725},{"type":208,"tag":606,"props":3120,"children":3121},{"class":608,"line":872},[3122,3127],{"type":208,"tag":606,"props":3123,"children":3124},{"style":625},[3125],{"type":213,"value":3126},"            \"contentType\"",{"type":208,"tag":606,"props":3128,"children":3129},{"style":619},[3130],{"type":213,"value":1725},{"type":208,"tag":606,"props":3132,"children":3133},{"class":608,"line":970},[3134,3139,3144,3149],{"type":208,"tag":606,"props":3135,"children":3136},{"style":625},[3137],{"type":213,"value":3138},"              \"enum\"",{"type":208,"tag":606,"props":3140,"children":3141},{"style":619},[3142],{"type":213,"value":3143},": [",{"type":208,"tag":606,"props":3145,"children":3146},{"style":641},[3147],{"type":213,"value":3148},"\"https://www.vuestorefront.io/editorial.json\"",{"type":208,"tag":606,"props":3150,"children":3151},{"style":619},[3152],{"type":213,"value":3153},"]\n",{"type":208,"tag":606,"props":3155,"children":3156},{"class":608,"line":1030},[3157],{"type":208,"tag":606,"props":3158,"children":3159},{"style":619},[3160],{"type":213,"value":2909},{"type":208,"tag":606,"props":3162,"children":3163},{"class":608,"line":1038},[3164],{"type":208,"tag":606,"props":3165,"children":3166},{"style":619},[3167],{"type":213,"value":3168},"          }\n",{"type":208,"tag":606,"props":3170,"children":3171},{"class":608,"line":1052},[3172],{"type":208,"tag":606,"props":3173,"children":3174},{"style":619},[3175],{"type":213,"value":2606},{"type":208,"tag":606,"props":3177,"children":3178},{"class":608,"line":1137},[3179],{"type":208,"tag":606,"props":3180,"children":3181},{"style":619},[3182],{"type":213,"value":2614},{"type":208,"tag":606,"props":3184,"children":3185},{"class":608,"line":1159},[3186],{"type":208,"tag":606,"props":3187,"children":3188},{"style":619},[3189],{"type":213,"value":2462},{"type":208,"tag":606,"props":3191,"children":3192},{"class":608,"line":1177},[3193],{"type":208,"tag":606,"props":3194,"children":3195},{"style":619},[3196],{"type":213,"value":2470},{"type":208,"tag":606,"props":3198,"children":3199},{"class":608,"line":1248},[3200],{"type":208,"tag":606,"props":3201,"children":3202},{"style":619},[3203],{"type":213,"value":861},{"type":208,"tag":547,"props":3205,"children":3206},{},[3207],{"type":208,"tag":215,"props":3208,"children":3209},{},[3210,3212,3219],{"type":213,"value":3211},"It is worth to mention that you can share different kind of references between schemas as described ",{"type":208,"tag":1492,"props":3213,"children":3216},{"href":3214,"rel":3215},"https://amplience.com/developers/docs/schema-reference/schema-examples/core-concepts/combine-schemas/",[1496],[3217],{"type":213,"value":3218},"here",{"type":213,"value":2205},{"type":208,"tag":226,"props":3221,"children":3222},{"v-slot:step-5":6},[3223,3229,3258,3428,3456,3461],{"type":208,"tag":574,"props":3224,"children":3226},{"id":3225},"make-the-component-stylable",[3227],{"type":213,"value":3228},"Make the component stylable",{"type":208,"tag":215,"props":3230,"children":3231},{},[3232,3234,3240,3242,3248,3250,3256],{"type":213,"value":3233},"Additionally, you can make your component stylable by adding another field of type ",{"type":208,"tag":586,"props":3235,"children":3237},{"className":3236},[],[3238],{"type":213,"value":3239},"Content link",{"type":213,"value":3241}," to it. Name it ",{"type":208,"tag":586,"props":3243,"children":3245},{"className":3244},[],[3246],{"type":213,"value":3247},"styles",{"type":213,"value":3249}," and let it only accept schema of the styles (",{"type":208,"tag":586,"props":3251,"children":3253},{"className":3252},[],[3254],{"type":213,"value":3255},"https://www.alokai.com/styles_partial.json",{"type":213,"value":3257},").",{"type":208,"tag":595,"props":3259,"children":3261},{"className":2357,"code":3260,"language":2359,"meta":6,"style":6},"{\n  \"properties\": {\n    \"styles\": {\n      \"type\": \"array\",\n      \"items\": {\n        \"type\": \"object\",\n        \"allOf\": [\n          {\n            \"$ref\": \"https://www.alokai.com/styles_partial.json#/definitions/styles\"\n          }\n        ]\n      }\n    }\n  }\n}\n",[3262],{"type":208,"tag":586,"props":3263,"children":3264},{"__ignoreMap":6},[3265,3272,3283,3295,3315,3327,3347,3359,3367,3384,3391,3399,3407,3414,3421],{"type":208,"tag":606,"props":3266,"children":3267},{"class":608,"line":609},[3268],{"type":208,"tag":606,"props":3269,"children":3270},{"style":619},[3271],{"type":213,"value":2371},{"type":208,"tag":606,"props":3273,"children":3274},{"class":608,"line":236},[3275,3279],{"type":208,"tag":606,"props":3276,"children":3277},{"style":625},[3278],{"type":213,"value":2379},{"type":208,"tag":606,"props":3280,"children":3281},{"style":619},[3282],{"type":213,"value":1725},{"type":208,"tag":606,"props":3284,"children":3285},{"class":608,"line":685},[3286,3291],{"type":208,"tag":606,"props":3287,"children":3288},{"style":625},[3289],{"type":213,"value":3290},"    \"styles\"",{"type":208,"tag":606,"props":3292,"children":3293},{"style":619},[3294],{"type":213,"value":1725},{"type":208,"tag":606,"props":3296,"children":3297},{"class":608,"line":712},[3298,3302,3306,3311],{"type":208,"tag":606,"props":3299,"children":3300},{"style":625},[3301],{"type":213,"value":2424},{"type":208,"tag":606,"props":3303,"children":3304},{"style":619},[3305],{"type":213,"value":818},{"type":208,"tag":606,"props":3307,"children":3308},{"style":641},[3309],{"type":213,"value":3310},"\"array\"",{"type":208,"tag":606,"props":3312,"children":3313},{"style":619},[3314],{"type":213,"value":1666},{"type":208,"tag":606,"props":3316,"children":3317},{"class":608,"line":235},[3318,3323],{"type":208,"tag":606,"props":3319,"children":3320},{"style":625},[3321],{"type":213,"value":3322},"      \"items\"",{"type":208,"tag":606,"props":3324,"children":3325},{"style":619},[3326],{"type":213,"value":1725},{"type":208,"tag":606,"props":3328,"children":3329},{"class":608,"line":764},[3330,3335,3339,3343],{"type":208,"tag":606,"props":3331,"children":3332},{"style":625},[3333],{"type":213,"value":3334},"        \"type\"",{"type":208,"tag":606,"props":3336,"children":3337},{"style":619},[3338],{"type":213,"value":818},{"type":208,"tag":606,"props":3340,"children":3341},{"style":641},[3342],{"type":213,"value":2557},{"type":208,"tag":606,"props":3344,"children":3345},{"style":619},[3346],{"type":213,"value":1666},{"type":208,"tag":606,"props":3348,"children":3349},{"class":608,"line":807},[3350,3355],{"type":208,"tag":606,"props":3351,"children":3352},{"style":625},[3353],{"type":213,"value":3354},"        \"allOf\"",{"type":208,"tag":606,"props":3356,"children":3357},{"style":619},[3358],{"type":213,"value":1680},{"type":208,"tag":606,"props":3360,"children":3361},{"class":608,"line":829},[3362],{"type":208,"tag":606,"props":3363,"children":3364},{"style":619},[3365],{"type":213,"value":3366},"          {\n",{"type":208,"tag":606,"props":3368,"children":3369},{"class":608,"line":855},[3370,3375,3379],{"type":208,"tag":606,"props":3371,"children":3372},{"style":625},[3373],{"type":213,"value":3374},"            \"$ref\"",{"type":208,"tag":606,"props":3376,"children":3377},{"style":619},[3378],{"type":213,"value":818},{"type":208,"tag":606,"props":3380,"children":3381},{"style":641},[3382],{"type":213,"value":3383},"\"https://www.alokai.com/styles_partial.json#/definitions/styles\"\n",{"type":208,"tag":606,"props":3385,"children":3386},{"class":608,"line":864},[3387],{"type":208,"tag":606,"props":3388,"children":3389},{"style":619},[3390],{"type":213,"value":3168},{"type":208,"tag":606,"props":3392,"children":3393},{"class":608,"line":872},[3394],{"type":208,"tag":606,"props":3395,"children":3396},{"style":619},[3397],{"type":213,"value":3398},"        ]\n",{"type":208,"tag":606,"props":3400,"children":3401},{"class":608,"line":970},[3402],{"type":208,"tag":606,"props":3403,"children":3404},{"style":619},[3405],{"type":213,"value":3406},"      }\n",{"type":208,"tag":606,"props":3408,"children":3409},{"class":608,"line":1030},[3410],{"type":208,"tag":606,"props":3411,"children":3412},{"style":619},[3413],{"type":213,"value":2462},{"type":208,"tag":606,"props":3415,"children":3416},{"class":608,"line":1038},[3417],{"type":208,"tag":606,"props":3418,"children":3419},{"style":619},[3420],{"type":213,"value":2470},{"type":208,"tag":606,"props":3422,"children":3423},{"class":608,"line":1052},[3424],{"type":208,"tag":606,"props":3425,"children":3426},{"style":619},[3427],{"type":213,"value":861},{"type":208,"tag":3429,"props":3430,"children":3431},"info",{},[3432,3435,3438],{"type":208,"tag":226,"props":3433,"children":3434},{"v-slot:title":6},[],{"type":208,"tag":226,"props":3436,"children":3437},{"v-slot:title":6},[],{"type":208,"tag":215,"props":3439,"children":3440},{},[3441,3446,3448,3454],{"type":208,"tag":586,"props":3442,"children":3444},{"className":3443},[],[3445],{"type":213,"value":3247},{"type":213,"value":3447}," field has to be of type ",{"type":208,"tag":586,"props":3449,"children":3451},{"className":3450},[],[3452],{"type":213,"value":3453},"array",{"type":213,"value":3455}," to allow setting multiple styles based on media queries.",{"type":208,"tag":215,"props":3457,"children":3458},{},[3459],{"type":213,"value":3460},"Once done, save your Picture Content Type schema. Now it should look like this:",{"type":208,"tag":595,"props":3462,"children":3464},{"className":2357,"code":3463,"language":2359,"meta":6,"style":6},"{\n  \"$id\": \"https://www.vuestorefront.io/picture.json\",\n  \"$schema\": \"http://json-schema.org/draft-07/schema#\",\n  \"allOf\": [\n    {\n      \"$ref\": \"http://bigcontent.io/cms/schema/v1/core#/definitions/content\"\n    }\n  ],\n  \"title\": \"Picture\",\n  \"description\": \"Picture Content Type schema\",\n  \"type\": \"object\",\n  \"properties\": {\n    \"component\": {\n      \"const\": \"Picture\",\n      \"title\": \"Component\",\n      \"type\": \"string\"\n    },\n    \"image\": {\n      \"type\": \"object\",\n      \"allOf\": [\n        {\n          \"$ref\": \"http://bigcontent.io/cms/schema/v1/core#/definitions/image-link\"\n        }\n      ]\n    },\n    \"caption\": {\n      \"type\": \"object\",\n      \"allOf\": [\n        {\n          \"$ref\": \"http://bigcontent.io/cms/schema/v1/core#/definitions/content-link\"\n        },\n        {\n          \"properties\": {\n            \"contentType\": {\n              \"enum\": [\"https://www.vuestorefront.io/editorial.json\"]\n            }\n          }\n        }\n      ]\n    },\n    \"styles\": {\n      \"items\": {\n        \"allOf\": [\n          {\n            \"$ref\": \"https://www.vuestorefront.io/styles_partial.json#/definitions/styles\"\n          }\n        ],\n        \"type\": \"object\"\n      },\n      \"type\": \"array\"\n    }\n  }\n}\n",[3465],{"type":208,"tag":586,"props":3466,"children":3467},{"__ignoreMap":6},[3468,3475,3496,3517,3529,3537,3554,3561,3569,3590,3611,3631,3642,3653,3672,3691,3707,3715,3726,3745,3756,3763,3778,3785,3792,3799,3810,3829,3840,3847,3862,3870,3878,3890,3902,3922,3930,3938,3946,3954,3962,3974,3986,3998,4006,4023,4031,4040,4057,4065,4082,4090,4098],{"type":208,"tag":606,"props":3469,"children":3470},{"class":608,"line":609},[3471],{"type":208,"tag":606,"props":3472,"children":3473},{"style":619},[3474],{"type":213,"value":2371},{"type":208,"tag":606,"props":3476,"children":3477},{"class":608,"line":236},[3478,3483,3487,3492],{"type":208,"tag":606,"props":3479,"children":3480},{"style":625},[3481],{"type":213,"value":3482},"  \"$id\"",{"type":208,"tag":606,"props":3484,"children":3485},{"style":619},[3486],{"type":213,"value":818},{"type":208,"tag":606,"props":3488,"children":3489},{"style":641},[3490],{"type":213,"value":3491},"\"https://www.vuestorefront.io/picture.json\"",{"type":208,"tag":606,"props":3493,"children":3494},{"style":619},[3495],{"type":213,"value":1666},{"type":208,"tag":606,"props":3497,"children":3498},{"class":608,"line":685},[3499,3504,3508,3513],{"type":208,"tag":606,"props":3500,"children":3501},{"style":625},[3502],{"type":213,"value":3503},"  \"$schema\"",{"type":208,"tag":606,"props":3505,"children":3506},{"style":619},[3507],{"type":213,"value":818},{"type":208,"tag":606,"props":3509,"children":3510},{"style":641},[3511],{"type":213,"value":3512},"\"http://json-schema.org/draft-07/schema#\"",{"type":208,"tag":606,"props":3514,"children":3515},{"style":619},[3516],{"type":213,"value":1666},{"type":208,"tag":606,"props":3518,"children":3519},{"class":608,"line":712},[3520,3525],{"type":208,"tag":606,"props":3521,"children":3522},{"style":625},[3523],{"type":213,"value":3524},"  \"allOf\"",{"type":208,"tag":606,"props":3526,"children":3527},{"style":619},[3528],{"type":213,"value":1680},{"type":208,"tag":606,"props":3530,"children":3531},{"class":608,"line":235},[3532],{"type":208,"tag":606,"props":3533,"children":3534},{"style":619},[3535],{"type":213,"value":3536},"    {\n",{"type":208,"tag":606,"props":3538,"children":3539},{"class":608,"line":764},[3540,3545,3549],{"type":208,"tag":606,"props":3541,"children":3542},{"style":625},[3543],{"type":213,"value":3544},"      \"$ref\"",{"type":208,"tag":606,"props":3546,"children":3547},{"style":619},[3548],{"type":213,"value":818},{"type":208,"tag":606,"props":3550,"children":3551},{"style":641},[3552],{"type":213,"value":3553},"\"http://bigcontent.io/cms/schema/v1/core#/definitions/content\"\n",{"type":208,"tag":606,"props":3555,"children":3556},{"class":608,"line":807},[3557],{"type":208,"tag":606,"props":3558,"children":3559},{"style":619},[3560],{"type":213,"value":2462},{"type":208,"tag":606,"props":3562,"children":3563},{"class":608,"line":829},[3564],{"type":208,"tag":606,"props":3565,"children":3566},{"style":619},[3567],{"type":213,"value":3568},"  ],\n",{"type":208,"tag":606,"props":3570,"children":3571},{"class":608,"line":855},[3572,3577,3581,3586],{"type":208,"tag":606,"props":3573,"children":3574},{"style":625},[3575],{"type":213,"value":3576},"  \"title\"",{"type":208,"tag":606,"props":3578,"children":3579},{"style":619},[3580],{"type":213,"value":818},{"type":208,"tag":606,"props":3582,"children":3583},{"style":641},[3584],{"type":213,"value":3585},"\"Picture\"",{"type":208,"tag":606,"props":3587,"children":3588},{"style":619},[3589],{"type":213,"value":1666},{"type":208,"tag":606,"props":3591,"children":3592},{"class":608,"line":864},[3593,3598,3602,3607],{"type":208,"tag":606,"props":3594,"children":3595},{"style":625},[3596],{"type":213,"value":3597},"  \"description\"",{"type":208,"tag":606,"props":3599,"children":3600},{"style":619},[3601],{"type":213,"value":818},{"type":208,"tag":606,"props":3603,"children":3604},{"style":641},[3605],{"type":213,"value":3606},"\"Picture Content Type schema\"",{"type":208,"tag":606,"props":3608,"children":3609},{"style":619},[3610],{"type":213,"value":1666},{"type":208,"tag":606,"props":3612,"children":3613},{"class":608,"line":872},[3614,3619,3623,3627],{"type":208,"tag":606,"props":3615,"children":3616},{"style":625},[3617],{"type":213,"value":3618},"  \"type\"",{"type":208,"tag":606,"props":3620,"children":3621},{"style":619},[3622],{"type":213,"value":818},{"type":208,"tag":606,"props":3624,"children":3625},{"style":641},[3626],{"type":213,"value":2557},{"type":208,"tag":606,"props":3628,"children":3629},{"style":619},[3630],{"type":213,"value":1666},{"type":208,"tag":606,"props":3632,"children":3633},{"class":608,"line":970},[3634,3638],{"type":208,"tag":606,"props":3635,"children":3636},{"style":625},[3637],{"type":213,"value":2379},{"type":208,"tag":606,"props":3639,"children":3640},{"style":619},[3641],{"type":213,"value":1725},{"type":208,"tag":606,"props":3643,"children":3644},{"class":608,"line":1030},[3645,3649],{"type":208,"tag":606,"props":3646,"children":3647},{"style":625},[3648],{"type":213,"value":2391},{"type":208,"tag":606,"props":3650,"children":3651},{"style":619},[3652],{"type":213,"value":1725},{"type":208,"tag":606,"props":3654,"children":3655},{"class":608,"line":1038},[3656,3660,3664,3668],{"type":208,"tag":606,"props":3657,"children":3658},{"style":625},[3659],{"type":213,"value":2445},{"type":208,"tag":606,"props":3661,"children":3662},{"style":619},[3663],{"type":213,"value":818},{"type":208,"tag":606,"props":3665,"children":3666},{"style":641},[3667],{"type":213,"value":3585},{"type":208,"tag":606,"props":3669,"children":3670},{"style":619},[3671],{"type":213,"value":1666},{"type":208,"tag":606,"props":3673,"children":3674},{"class":608,"line":1052},[3675,3679,3683,3687],{"type":208,"tag":606,"props":3676,"children":3677},{"style":625},[3678],{"type":213,"value":2403},{"type":208,"tag":606,"props":3680,"children":3681},{"style":619},[3682],{"type":213,"value":818},{"type":208,"tag":606,"props":3684,"children":3685},{"style":641},[3686],{"type":213,"value":2412},{"type":208,"tag":606,"props":3688,"children":3689},{"style":619},[3690],{"type":213,"value":1666},{"type":208,"tag":606,"props":3692,"children":3693},{"class":608,"line":1137},[3694,3698,3702],{"type":208,"tag":606,"props":3695,"children":3696},{"style":625},[3697],{"type":213,"value":2424},{"type":208,"tag":606,"props":3699,"children":3700},{"style":619},[3701],{"type":213,"value":818},{"type":208,"tag":606,"props":3703,"children":3704},{"style":641},[3705],{"type":213,"value":3706},"\"string\"\n",{"type":208,"tag":606,"props":3708,"children":3709},{"class":608,"line":1159},[3710],{"type":208,"tag":606,"props":3711,"children":3712},{"style":619},[3713],{"type":213,"value":3714},"    },\n",{"type":208,"tag":606,"props":3716,"children":3717},{"class":608,"line":1177},[3718,3722],{"type":208,"tag":606,"props":3719,"children":3720},{"style":625},[3721],{"type":213,"value":2537},{"type":208,"tag":606,"props":3723,"children":3724},{"style":619},[3725],{"type":213,"value":1725},{"type":208,"tag":606,"props":3727,"children":3728},{"class":608,"line":1248},[3729,3733,3737,3741],{"type":208,"tag":606,"props":3730,"children":3731},{"style":625},[3732],{"type":213,"value":2424},{"type":208,"tag":606,"props":3734,"children":3735},{"style":619},[3736],{"type":213,"value":818},{"type":208,"tag":606,"props":3738,"children":3739},{"style":641},[3740],{"type":213,"value":2557},{"type":208,"tag":606,"props":3742,"children":3743},{"style":619},[3744],{"type":213,"value":1666},{"type":208,"tag":606,"props":3746,"children":3747},{"class":608,"line":1336},[3748,3752],{"type":208,"tag":606,"props":3749,"children":3750},{"style":625},[3751],{"type":213,"value":2569},{"type":208,"tag":606,"props":3753,"children":3754},{"style":619},[3755],{"type":213,"value":1680},{"type":208,"tag":606,"props":3757,"children":3758},{"class":608,"line":1353},[3759],{"type":208,"tag":606,"props":3760,"children":3761},{"style":619},[3762],{"type":213,"value":2581},{"type":208,"tag":606,"props":3764,"children":3765},{"class":608,"line":1366},[3766,3770,3774],{"type":208,"tag":606,"props":3767,"children":3768},{"style":625},[3769],{"type":213,"value":2589},{"type":208,"tag":606,"props":3771,"children":3772},{"style":619},[3773],{"type":213,"value":818},{"type":208,"tag":606,"props":3775,"children":3776},{"style":641},[3777],{"type":213,"value":2598},{"type":208,"tag":606,"props":3779,"children":3780},{"class":608,"line":1438},[3781],{"type":208,"tag":606,"props":3782,"children":3783},{"style":619},[3784],{"type":213,"value":2606},{"type":208,"tag":606,"props":3786,"children":3787},{"class":608,"line":1455},[3788],{"type":208,"tag":606,"props":3789,"children":3790},{"style":619},[3791],{"type":213,"value":2614},{"type":208,"tag":606,"props":3793,"children":3794},{"class":608,"line":1464},[3795],{"type":208,"tag":606,"props":3796,"children":3797},{"style":619},[3798],{"type":213,"value":3714},{"type":208,"tag":606,"props":3800,"children":3801},{"class":608,"line":1928},[3802,3806],{"type":208,"tag":606,"props":3803,"children":3804},{"style":625},[3805],{"type":213,"value":3035},{"type":208,"tag":606,"props":3807,"children":3808},{"style":619},[3809],{"type":213,"value":1725},{"type":208,"tag":606,"props":3811,"children":3812},{"class":608,"line":1937},[3813,3817,3821,3825],{"type":208,"tag":606,"props":3814,"children":3815},{"style":625},[3816],{"type":213,"value":2424},{"type":208,"tag":606,"props":3818,"children":3819},{"style":619},[3820],{"type":213,"value":818},{"type":208,"tag":606,"props":3822,"children":3823},{"style":641},[3824],{"type":213,"value":2557},{"type":208,"tag":606,"props":3826,"children":3827},{"style":619},[3828],{"type":213,"value":1666},{"type":208,"tag":606,"props":3830,"children":3831},{"class":608,"line":1946},[3832,3836],{"type":208,"tag":606,"props":3833,"children":3834},{"style":625},[3835],{"type":213,"value":2569},{"type":208,"tag":606,"props":3837,"children":3838},{"style":619},[3839],{"type":213,"value":1680},{"type":208,"tag":606,"props":3841,"children":3842},{"class":608,"line":1969},[3843],{"type":208,"tag":606,"props":3844,"children":3845},{"style":619},[3846],{"type":213,"value":2581},{"type":208,"tag":606,"props":3848,"children":3849},{"class":608,"line":1978},[3850,3854,3858],{"type":208,"tag":606,"props":3851,"children":3852},{"style":625},[3853],{"type":213,"value":2589},{"type":208,"tag":606,"props":3855,"children":3856},{"style":619},[3857],{"type":213,"value":818},{"type":208,"tag":606,"props":3859,"children":3860},{"style":641},[3861],{"type":213,"value":3092},{"type":208,"tag":606,"props":3863,"children":3865},{"class":608,"line":3864},31,[3866],{"type":208,"tag":606,"props":3867,"children":3868},{"style":619},[3869],{"type":213,"value":1800},{"type":208,"tag":606,"props":3871,"children":3873},{"class":608,"line":3872},32,[3874],{"type":208,"tag":606,"props":3875,"children":3876},{"style":619},[3877],{"type":213,"value":2581},{"type":208,"tag":606,"props":3879,"children":3881},{"class":608,"line":3880},33,[3882,3886],{"type":208,"tag":606,"props":3883,"children":3884},{"style":625},[3885],{"type":213,"value":3114},{"type":208,"tag":606,"props":3887,"children":3888},{"style":619},[3889],{"type":213,"value":1725},{"type":208,"tag":606,"props":3891,"children":3893},{"class":608,"line":3892},34,[3894,3898],{"type":208,"tag":606,"props":3895,"children":3896},{"style":625},[3897],{"type":213,"value":3126},{"type":208,"tag":606,"props":3899,"children":3900},{"style":619},[3901],{"type":213,"value":1725},{"type":208,"tag":606,"props":3903,"children":3905},{"class":608,"line":3904},35,[3906,3910,3914,3918],{"type":208,"tag":606,"props":3907,"children":3908},{"style":625},[3909],{"type":213,"value":3138},{"type":208,"tag":606,"props":3911,"children":3912},{"style":619},[3913],{"type":213,"value":3143},{"type":208,"tag":606,"props":3915,"children":3916},{"style":641},[3917],{"type":213,"value":3148},{"type":208,"tag":606,"props":3919,"children":3920},{"style":619},[3921],{"type":213,"value":3153},{"type":208,"tag":606,"props":3923,"children":3925},{"class":608,"line":3924},36,[3926],{"type":208,"tag":606,"props":3927,"children":3928},{"style":619},[3929],{"type":213,"value":2909},{"type":208,"tag":606,"props":3931,"children":3933},{"class":608,"line":3932},37,[3934],{"type":208,"tag":606,"props":3935,"children":3936},{"style":619},[3937],{"type":213,"value":3168},{"type":208,"tag":606,"props":3939,"children":3941},{"class":608,"line":3940},38,[3942],{"type":208,"tag":606,"props":3943,"children":3944},{"style":619},[3945],{"type":213,"value":2606},{"type":208,"tag":606,"props":3947,"children":3949},{"class":608,"line":3948},39,[3950],{"type":208,"tag":606,"props":3951,"children":3952},{"style":619},[3953],{"type":213,"value":2614},{"type":208,"tag":606,"props":3955,"children":3957},{"class":608,"line":3956},40,[3958],{"type":208,"tag":606,"props":3959,"children":3960},{"style":619},[3961],{"type":213,"value":3714},{"type":208,"tag":606,"props":3963,"children":3965},{"class":608,"line":3964},41,[3966,3970],{"type":208,"tag":606,"props":3967,"children":3968},{"style":625},[3969],{"type":213,"value":3290},{"type":208,"tag":606,"props":3971,"children":3972},{"style":619},[3973],{"type":213,"value":1725},{"type":208,"tag":606,"props":3975,"children":3977},{"class":608,"line":3976},42,[3978,3982],{"type":208,"tag":606,"props":3979,"children":3980},{"style":625},[3981],{"type":213,"value":3322},{"type":208,"tag":606,"props":3983,"children":3984},{"style":619},[3985],{"type":213,"value":1725},{"type":208,"tag":606,"props":3987,"children":3989},{"class":608,"line":3988},43,[3990,3994],{"type":208,"tag":606,"props":3991,"children":3992},{"style":625},[3993],{"type":213,"value":3354},{"type":208,"tag":606,"props":3995,"children":3996},{"style":619},[3997],{"type":213,"value":1680},{"type":208,"tag":606,"props":3999,"children":4001},{"class":608,"line":4000},44,[4002],{"type":208,"tag":606,"props":4003,"children":4004},{"style":619},[4005],{"type":213,"value":3366},{"type":208,"tag":606,"props":4007,"children":4009},{"class":608,"line":4008},45,[4010,4014,4018],{"type":208,"tag":606,"props":4011,"children":4012},{"style":625},[4013],{"type":213,"value":3374},{"type":208,"tag":606,"props":4015,"children":4016},{"style":619},[4017],{"type":213,"value":818},{"type":208,"tag":606,"props":4019,"children":4020},{"style":641},[4021],{"type":213,"value":4022},"\"https://www.vuestorefront.io/styles_partial.json#/definitions/styles\"\n",{"type":208,"tag":606,"props":4024,"children":4026},{"class":608,"line":4025},46,[4027],{"type":208,"tag":606,"props":4028,"children":4029},{"style":619},[4030],{"type":213,"value":3168},{"type":208,"tag":606,"props":4032,"children":4034},{"class":608,"line":4033},47,[4035],{"type":208,"tag":606,"props":4036,"children":4037},{"style":619},[4038],{"type":213,"value":4039},"        ],\n",{"type":208,"tag":606,"props":4041,"children":4043},{"class":608,"line":4042},48,[4044,4048,4052],{"type":208,"tag":606,"props":4045,"children":4046},{"style":625},[4047],{"type":213,"value":3334},{"type":208,"tag":606,"props":4049,"children":4050},{"style":619},[4051],{"type":213,"value":818},{"type":208,"tag":606,"props":4053,"children":4054},{"style":641},[4055],{"type":213,"value":4056},"\"object\"\n",{"type":208,"tag":606,"props":4058,"children":4060},{"class":608,"line":4059},49,[4061],{"type":208,"tag":606,"props":4062,"children":4063},{"style":619},[4064],{"type":213,"value":1809},{"type":208,"tag":606,"props":4066,"children":4068},{"class":608,"line":4067},50,[4069,4073,4077],{"type":208,"tag":606,"props":4070,"children":4071},{"style":625},[4072],{"type":213,"value":2424},{"type":208,"tag":606,"props":4074,"children":4075},{"style":619},[4076],{"type":213,"value":818},{"type":208,"tag":606,"props":4078,"children":4079},{"style":641},[4080],{"type":213,"value":4081},"\"array\"\n",{"type":208,"tag":606,"props":4083,"children":4085},{"class":608,"line":4084},51,[4086],{"type":208,"tag":606,"props":4087,"children":4088},{"style":619},[4089],{"type":213,"value":2462},{"type":208,"tag":606,"props":4091,"children":4093},{"class":608,"line":4092},52,[4094],{"type":208,"tag":606,"props":4095,"children":4096},{"style":619},[4097],{"type":213,"value":2470},{"type":208,"tag":606,"props":4099,"children":4101},{"class":608,"line":4100},53,[4102],{"type":208,"tag":606,"props":4103,"children":4104},{"style":619},[4105],{"type":213,"value":861},{"type":208,"tag":226,"props":4107,"children":4108},{"v-slot:step-6":6},[4109,4115,4136,4146],{"type":208,"tag":574,"props":4110,"children":4112},{"id":4111},"register-schema",[4113],{"type":213,"value":4114},"Register schema",{"type":208,"tag":215,"props":4116,"children":4117},{},[4118,4120,4126,4128,4134],{"type":213,"value":4119},"In order to use your schema, it needs to be registered, so click on the ",{"type":208,"tag":586,"props":4121,"children":4123},{"className":4122},[],[4124],{"type":213,"value":4125},"Save and register as content type",{"type":213,"value":4127}," option from ",{"type":208,"tag":586,"props":4129,"children":4131},{"className":4130},[],[4132],{"type":213,"value":4133},"Save",{"type":213,"value":4135}," dropdown in upper right corner of the screen.",{"type":208,"tag":215,"props":4137,"children":4138},{},[4139],{"type":208,"tag":1270,"props":4140,"children":4145},{"alt":4141,"src":4142,"style":4143},"Save Content type schema","/storefront/modules/5.cms/images/amplience/guides-create-content-type-3.png",{"aspectRatio":4144},"2832/1408",[],{"type":208,"tag":215,"props":4147,"children":4148},{},[4149,4151,4157,4159,4164,4166,4172],{"type":213,"value":4150},"In the following screen set the ",{"type":208,"tag":586,"props":4152,"children":4154},{"className":4153},[],[4155],{"type":213,"value":4156},"Content type label",{"type":213,"value":4158}," to ",{"type":208,"tag":586,"props":4160,"children":4162},{"className":4161},[],[4163],{"type":213,"value":1661},{"type":213,"value":4165}," and set associated repository to ",{"type":208,"tag":586,"props":4167,"children":4169},{"className":4168},[],[4170],{"type":213,"value":4171},"Content",{"type":213,"value":4173},". Optionally you can also add the icon and card for better recognition of the Content Type for final users.",{"type":208,"tag":226,"props":4175,"children":4176},{"v-slot:step-7":6},[4177,4183,4211,4221,4232,4248,4260,4295,4346,4711],{"type":208,"tag":574,"props":4178,"children":4180},{"id":4179},"add-visualization",[4181],{"type":213,"value":4182},"Add Visualization",{"type":208,"tag":215,"props":4184,"children":4185},{},[4186,4188,4194,4196,4202,4204,4210],{"type":213,"value":4187},"To be able to preview the Picture Content Type, go to the Visualizations tab and create a new visualization. Our module provides a ",{"type":208,"tag":586,"props":4189,"children":4191},{"className":4190},[],[4192],{"type":213,"value":4193},"/amplience-visualization",{"type":213,"value":4195}," Storefront route which allows you to preview a single component in isolation. We can use this page to set up the ",{"type":208,"tag":586,"props":4197,"children":4199},{"className":4198},[],[4200],{"type":213,"value":4201},"Localhost",{"type":213,"value":4203}," visualization. To to identify the component, make sure that the tokens are passed as query params, so the Visualization URL should look like this ",{"type":208,"tag":586,"props":4205,"children":4207},{"className":4206},[],[4208],{"type":213,"value":4209},"http://localhost:3000/amplience-visualization?hubName={{hub.name}}&contentItemId={{content.sys.id}}&deliveryKey={{delivery.key}}&snapshotId={{snapshot.id}}&vseDomain={{vse.domain}}&locales={{locales}}",{"type":213,"value":2205},{"type":208,"tag":215,"props":4212,"children":4213},{},[4214],{"type":208,"tag":1270,"props":4215,"children":4220},{"alt":4216,"src":4217,"style":4218},"Localhost visualization","/storefront/modules/5.cms/images/amplience/guides-create-content-type-4.png",{"aspectRatio":4219},"1690/988",[],{"type":208,"tag":215,"props":4222,"children":4223},{},[4224,4226,4231],{"type":213,"value":4225},"Once done, click the ",{"type":208,"tag":586,"props":4227,"children":4229},{"className":4228},[],[4230],{"type":213,"value":4133},{"type":213,"value":2276},{"type":208,"tag":3429,"props":4233,"children":4234},{},[4235],{"type":208,"tag":215,"props":4236,"children":4237},{},[4238,4240,4247],{"type":213,"value":4239},"You can read more about the Amplience visualizations in the ",{"type":208,"tag":1492,"props":4241,"children":4244},{"href":4242,"rel":4243},"https://amplience.com/developers/docs/user-guides/produce-content/visualize/",[1496],[4245],{"type":213,"value":4246},"official documentation",{"type":213,"value":2205},{"type":208,"tag":574,"props":4249,"children":4251},{"id":4250},"register-the-new-component-in-the-page",[4252,4254],{"type":213,"value":4253},"Register the new component in the ",{"type":208,"tag":586,"props":4255,"children":4257},{"className":4256},[],[4258],{"type":213,"value":4259},"Page",{"type":208,"tag":215,"props":4261,"children":4262},{},[4263,4265,4270,4272,4277,4279,4285,4287,4293],{"type":213,"value":4264},"To be able to use the new ",{"type":208,"tag":586,"props":4266,"children":4268},{"className":4267},[],[4269],{"type":213,"value":1661},{"type":213,"value":4271}," component in the ",{"type":208,"tag":586,"props":4273,"children":4275},{"className":4274},[],[4276],{"type":213,"value":4259},{"type":213,"value":4278}," Content Type, you need to include it in the ",{"type":208,"tag":586,"props":4280,"children":4282},{"className":4281},[],[4283],{"type":213,"value":4284},"componentsAboveFold",{"type":213,"value":4286}," and ",{"type":208,"tag":586,"props":4288,"children":4290},{"className":4289},[],[4291],{"type":213,"value":4292},"componentsBelowFold",{"type":213,"value":4294}," fields.",{"type":208,"tag":215,"props":4296,"children":4297},{},[4298,4300,4305,4307,4316,4318,4324,4326,4332,4334,4339,4340,4345],{"type":213,"value":4299},"Go to ",{"type":208,"tag":559,"props":4301,"children":4302},{},[4303],{"type":213,"value":4304},"Development > Content Type schemas",{"type":213,"value":4306}," and search for the Page Content Type schema (",{"type":208,"tag":559,"props":4308,"children":4309},{},[4310],{"type":208,"tag":1492,"props":4311,"children":4314},{"href":4312,"rel":4313},"https://www.vuestorefront.io/page.json",[1496],[4315],{"type":213,"value":4312},{"type":213,"value":4317},"). Open it in the editor and scroll down to the ",{"type":208,"tag":586,"props":4319,"children":4321},{"className":4320},[],[4322],{"type":213,"value":4323},"properties",{"type":213,"value":4325}," section. Include the ",{"type":208,"tag":586,"props":4327,"children":4329},{"className":4328},[],[4330],{"type":213,"value":4331},"ID",{"type":213,"value":4333}," of your Picture component in both ",{"type":208,"tag":586,"props":4335,"children":4337},{"className":4336},[],[4338],{"type":213,"value":4284},{"type":213,"value":4286},{"type":208,"tag":586,"props":4341,"children":4343},{"className":4342},[],[4344],{"type":213,"value":4292},{"type":213,"value":2205},{"type":208,"tag":595,"props":4347,"children":4350},{"className":4348,"code":4349,"language":2359,"meta":6,"style":6},"language-json shiki shiki-themes one-dark-pro has-diff","{\n  \"properties\": {\n    \"componentsAboveFold\": {\n      \"items\": {\n        \"allOf\": [\n          {\n            \"$ref\": \"http://bigcontent.io/cms/schema/v1/core#/definitions/content-link\"\n          },\n          {\n            \"properties\": {\n              \"contentType\": {\n                \"enum\": [\n                  \"https://www.vuestorefront.io/picture.json\" // [!code ++]\n                ]\n              }\n            }\n          }\n        ]\n      }\n    },\n    \"componentsBelowFold\": {\n      \"items\": {\n        \"allOf\": [\n          {\n            \"$ref\": \"http://bigcontent.io/cms/schema/v1/core#/definitions/content-link\"\n          },\n          {\n            \"properties\": {\n              \"contentType\": {\n                \"enum\": [\n                  \"https://www.vuestorefront.io/picture.json\" // [!code ++]\n                ]\n              }\n            }\n          }\n        ]\n      }\n    }\n  }\n}\n",[4351],{"type":208,"tag":586,"props":4352,"children":4353},{"__ignoreMap":6},[4354,4361,4372,4384,4395,4406,4413,4428,4435,4442,4453,4465,4477,4486,4494,4502,4509,4516,4523,4530,4537,4549,4560,4571,4578,4593,4600,4607,4618,4629,4640,4648,4655,4662,4669,4676,4683,4690,4697,4704],{"type":208,"tag":606,"props":4355,"children":4356},{"class":608,"line":609},[4357],{"type":208,"tag":606,"props":4358,"children":4359},{"style":619},[4360],{"type":213,"value":2371},{"type":208,"tag":606,"props":4362,"children":4363},{"class":608,"line":236},[4364,4368],{"type":208,"tag":606,"props":4365,"children":4366},{"style":625},[4367],{"type":213,"value":2379},{"type":208,"tag":606,"props":4369,"children":4370},{"style":619},[4371],{"type":213,"value":1725},{"type":208,"tag":606,"props":4373,"children":4374},{"class":608,"line":685},[4375,4380],{"type":208,"tag":606,"props":4376,"children":4377},{"style":625},[4378],{"type":213,"value":4379},"    \"componentsAboveFold\"",{"type":208,"tag":606,"props":4381,"children":4382},{"style":619},[4383],{"type":213,"value":1725},{"type":208,"tag":606,"props":4385,"children":4386},{"class":608,"line":712},[4387,4391],{"type":208,"tag":606,"props":4388,"children":4389},{"style":625},[4390],{"type":213,"value":3322},{"type":208,"tag":606,"props":4392,"children":4393},{"style":619},[4394],{"type":213,"value":1725},{"type":208,"tag":606,"props":4396,"children":4397},{"class":608,"line":235},[4398,4402],{"type":208,"tag":606,"props":4399,"children":4400},{"style":625},[4401],{"type":213,"value":3354},{"type":208,"tag":606,"props":4403,"children":4404},{"style":619},[4405],{"type":213,"value":1680},{"type":208,"tag":606,"props":4407,"children":4408},{"class":608,"line":764},[4409],{"type":208,"tag":606,"props":4410,"children":4411},{"style":619},[4412],{"type":213,"value":3366},{"type":208,"tag":606,"props":4414,"children":4415},{"class":608,"line":807},[4416,4420,4424],{"type":208,"tag":606,"props":4417,"children":4418},{"style":625},[4419],{"type":213,"value":3374},{"type":208,"tag":606,"props":4421,"children":4422},{"style":619},[4423],{"type":213,"value":818},{"type":208,"tag":606,"props":4425,"children":4426},{"style":641},[4427],{"type":213,"value":3092},{"type":208,"tag":606,"props":4429,"children":4430},{"class":608,"line":829},[4431],{"type":208,"tag":606,"props":4432,"children":4433},{"style":619},[4434],{"type":213,"value":1791},{"type":208,"tag":606,"props":4436,"children":4437},{"class":608,"line":855},[4438],{"type":208,"tag":606,"props":4439,"children":4440},{"style":619},[4441],{"type":213,"value":3366},{"type":208,"tag":606,"props":4443,"children":4444},{"class":608,"line":864},[4445,4449],{"type":208,"tag":606,"props":4446,"children":4447},{"style":625},[4448],{"type":213,"value":2750},{"type":208,"tag":606,"props":4450,"children":4451},{"style":619},[4452],{"type":213,"value":1725},{"type":208,"tag":606,"props":4454,"children":4455},{"class":608,"line":872},[4456,4461],{"type":208,"tag":606,"props":4457,"children":4458},{"style":625},[4459],{"type":213,"value":4460},"              \"contentType\"",{"type":208,"tag":606,"props":4462,"children":4463},{"style":619},[4464],{"type":213,"value":1725},{"type":208,"tag":606,"props":4466,"children":4467},{"class":608,"line":970},[4468,4473],{"type":208,"tag":606,"props":4469,"children":4470},{"style":625},[4471],{"type":213,"value":4472},"                \"enum\"",{"type":208,"tag":606,"props":4474,"children":4475},{"style":619},[4476],{"type":213,"value":1680},{"type":208,"tag":606,"props":4478,"children":4480},{"class":4479,"line":1030},[608,1555,1556],[4481],{"type":208,"tag":606,"props":4482,"children":4483},{"style":641},[4484],{"type":213,"value":4485},"                  \"https://www.vuestorefront.io/picture.json\"",{"type":208,"tag":606,"props":4487,"children":4488},{"class":608,"line":1038},[4489],{"type":208,"tag":606,"props":4490,"children":4491},{"style":619},[4492],{"type":213,"value":4493},"                ]\n",{"type":208,"tag":606,"props":4495,"children":4496},{"class":608,"line":1052},[4497],{"type":208,"tag":606,"props":4498,"children":4499},{"style":619},[4500],{"type":213,"value":4501},"              }\n",{"type":208,"tag":606,"props":4503,"children":4504},{"class":608,"line":1137},[4505],{"type":208,"tag":606,"props":4506,"children":4507},{"style":619},[4508],{"type":213,"value":2909},{"type":208,"tag":606,"props":4510,"children":4511},{"class":608,"line":1159},[4512],{"type":208,"tag":606,"props":4513,"children":4514},{"style":619},[4515],{"type":213,"value":3168},{"type":208,"tag":606,"props":4517,"children":4518},{"class":608,"line":1177},[4519],{"type":208,"tag":606,"props":4520,"children":4521},{"style":619},[4522],{"type":213,"value":3398},{"type":208,"tag":606,"props":4524,"children":4525},{"class":608,"line":1248},[4526],{"type":208,"tag":606,"props":4527,"children":4528},{"style":619},[4529],{"type":213,"value":3406},{"type":208,"tag":606,"props":4531,"children":4532},{"class":608,"line":1336},[4533],{"type":208,"tag":606,"props":4534,"children":4535},{"style":619},[4536],{"type":213,"value":3714},{"type":208,"tag":606,"props":4538,"children":4539},{"class":608,"line":1353},[4540,4545],{"type":208,"tag":606,"props":4541,"children":4542},{"style":625},[4543],{"type":213,"value":4544},"    \"componentsBelowFold\"",{"type":208,"tag":606,"props":4546,"children":4547},{"style":619},[4548],{"type":213,"value":1725},{"type":208,"tag":606,"props":4550,"children":4551},{"class":608,"line":1366},[4552,4556],{"type":208,"tag":606,"props":4553,"children":4554},{"style":625},[4555],{"type":213,"value":3322},{"type":208,"tag":606,"props":4557,"children":4558},{"style":619},[4559],{"type":213,"value":1725},{"type":208,"tag":606,"props":4561,"children":4562},{"class":608,"line":1438},[4563,4567],{"type":208,"tag":606,"props":4564,"children":4565},{"style":625},[4566],{"type":213,"value":3354},{"type":208,"tag":606,"props":4568,"children":4569},{"style":619},[4570],{"type":213,"value":1680},{"type":208,"tag":606,"props":4572,"children":4573},{"class":608,"line":1455},[4574],{"type":208,"tag":606,"props":4575,"children":4576},{"style":619},[4577],{"type":213,"value":3366},{"type":208,"tag":606,"props":4579,"children":4580},{"class":608,"line":1464},[4581,4585,4589],{"type":208,"tag":606,"props":4582,"children":4583},{"style":625},[4584],{"type":213,"value":3374},{"type":208,"tag":606,"props":4586,"children":4587},{"style":619},[4588],{"type":213,"value":818},{"type":208,"tag":606,"props":4590,"children":4591},{"style":641},[4592],{"type":213,"value":3092},{"type":208,"tag":606,"props":4594,"children":4595},{"class":608,"line":1928},[4596],{"type":208,"tag":606,"props":4597,"children":4598},{"style":619},[4599],{"type":213,"value":1791},{"type":208,"tag":606,"props":4601,"children":4602},{"class":608,"line":1937},[4603],{"type":208,"tag":606,"props":4604,"children":4605},{"style":619},[4606],{"type":213,"value":3366},{"type":208,"tag":606,"props":4608,"children":4609},{"class":608,"line":1946},[4610,4614],{"type":208,"tag":606,"props":4611,"children":4612},{"style":625},[4613],{"type":213,"value":2750},{"type":208,"tag":606,"props":4615,"children":4616},{"style":619},[4617],{"type":213,"value":1725},{"type":208,"tag":606,"props":4619,"children":4620},{"class":608,"line":1969},[4621,4625],{"type":208,"tag":606,"props":4622,"children":4623},{"style":625},[4624],{"type":213,"value":4460},{"type":208,"tag":606,"props":4626,"children":4627},{"style":619},[4628],{"type":213,"value":1725},{"type":208,"tag":606,"props":4630,"children":4631},{"class":608,"line":1978},[4632,4636],{"type":208,"tag":606,"props":4633,"children":4634},{"style":625},[4635],{"type":213,"value":4472},{"type":208,"tag":606,"props":4637,"children":4638},{"style":619},[4639],{"type":213,"value":1680},{"type":208,"tag":606,"props":4641,"children":4643},{"class":4642,"line":3864},[608,1555,1556],[4644],{"type":208,"tag":606,"props":4645,"children":4646},{"style":641},[4647],{"type":213,"value":4485},{"type":208,"tag":606,"props":4649,"children":4650},{"class":608,"line":3872},[4651],{"type":208,"tag":606,"props":4652,"children":4653},{"style":619},[4654],{"type":213,"value":4493},{"type":208,"tag":606,"props":4656,"children":4657},{"class":608,"line":3880},[4658],{"type":208,"tag":606,"props":4659,"children":4660},{"style":619},[4661],{"type":213,"value":4501},{"type":208,"tag":606,"props":4663,"children":4664},{"class":608,"line":3892},[4665],{"type":208,"tag":606,"props":4666,"children":4667},{"style":619},[4668],{"type":213,"value":2909},{"type":208,"tag":606,"props":4670,"children":4671},{"class":608,"line":3904},[4672],{"type":208,"tag":606,"props":4673,"children":4674},{"style":619},[4675],{"type":213,"value":3168},{"type":208,"tag":606,"props":4677,"children":4678},{"class":608,"line":3924},[4679],{"type":208,"tag":606,"props":4680,"children":4681},{"style":619},[4682],{"type":213,"value":3398},{"type":208,"tag":606,"props":4684,"children":4685},{"class":608,"line":3932},[4686],{"type":208,"tag":606,"props":4687,"children":4688},{"style":619},[4689],{"type":213,"value":3406},{"type":208,"tag":606,"props":4691,"children":4692},{"class":608,"line":3940},[4693],{"type":208,"tag":606,"props":4694,"children":4695},{"style":619},[4696],{"type":213,"value":2462},{"type":208,"tag":606,"props":4698,"children":4699},{"class":608,"line":3948},[4700],{"type":208,"tag":606,"props":4701,"children":4702},{"style":619},[4703],{"type":213,"value":2470},{"type":208,"tag":606,"props":4705,"children":4706},{"class":608,"line":3956},[4707],{"type":208,"tag":606,"props":4708,"children":4709},{"style":619},[4710],{"type":213,"value":861},{"type":208,"tag":215,"props":4712,"children":4713},{},[4714,4716,4722],{"type":213,"value":4715},"As a last step, click the blue dropdown arrow in the top-right corner and choose ",{"type":208,"tag":586,"props":4717,"children":4719},{"className":4718},[],[4720],{"type":213,"value":4721},"Save and sync Content Type",{"type":213,"value":4723}," option from the list.",{"type":208,"tag":226,"props":4725,"children":4726},{"v-slot:step-8":6},[4727,4733,4774],{"type":208,"tag":574,"props":4728,"children":4730},{"id":4729},"create-a-new-entry",[4731],{"type":213,"value":4732},"Create a new entry",{"type":208,"tag":215,"props":4734,"children":4735},{},[4736,4738,4743,4745,4750,4752,4758,4760,4765,4767,4772],{"type":213,"value":4737},"Now you can create a new entry based on the ",{"type":208,"tag":586,"props":4739,"children":4741},{"className":4740},[],[4742],{"type":213,"value":1661},{"type":213,"value":4744}," Content Type. Go to the ",{"type":208,"tag":586,"props":4746,"children":4748},{"className":4747},[],[4749],{"type":213,"value":4171},{"type":213,"value":4751}," tab and click the ",{"type":208,"tag":586,"props":4753,"children":4755},{"className":4754},[],[4756],{"type":213,"value":4757},"Create content",{"type":213,"value":4759}," button. Choose the ",{"type":208,"tag":586,"props":4761,"children":4763},{"className":4762},[],[4764],{"type":213,"value":1661},{"type":213,"value":4766}," Content Type from the list and fill in the fields with the desired values. Once done, click the ",{"type":208,"tag":586,"props":4768,"children":4770},{"className":4769},[],[4771],{"type":213,"value":4133},{"type":213,"value":4773}," button to confirm. After that, the visualization of the new entry should appear on the right side of the screen.",{"type":208,"tag":215,"props":4775,"children":4776},{},[4777],{"type":208,"tag":1270,"props":4778,"children":4783},{"alt":4779,"src":4780,"style":4781},"Create new entry","/storefront/modules/5.cms/images/amplience/guides-create-content-type-5.png",{"aspectRatio":4782},"2834/1372",[],{"type":208,"tag":2158,"props":4785,"children":4786},{},[4787],{"type":213,"value":2162},{"title":6,"searchDepth":235,"depth":236,"links":4789},[4790,4791,4793,4795,4797,4798,4799,4800,4802],{"id":2214,"depth":685,"text":2217},{"id":2305,"depth":685,"text":4792},"Add the component field",{"id":2483,"depth":685,"text":4794},"Add image field",{"id":2958,"depth":685,"text":4796},"Add caption content link field",{"id":3225,"depth":685,"text":3228},{"id":4111,"depth":685,"text":4114},{"id":4179,"depth":685,"text":4182},{"id":4250,"depth":685,"text":4801},"Register the new component in the Page",{"id":4729,"depth":685,"text":4732},"modules:storefront:modules:_partials:custom-components-amplience.md","storefront/modules/_partials/custom-components-amplience.md","storefront/modules/_partials/custom-components-amplience",{"_path":4807,"_dir":542,"_draft":7,"_partial":8,"_locale":6,"title":4808,"description":6,"body":4809,"_type":238,"_id":4819,"_source":475,"_file":4820,"_stem":4821,"_extension":242,"layout":203},"/storefront/modules/_partials/guides-grid-quick-start","Guides Grid Quick Start",{"type":205,"children":4810,"toc":4817},[4811],{"type":208,"tag":220,"props":4812,"children":4816},{"description":4813,"icon":24,"title":4814,"to":4815},"The Hello World of our CMS integrations.","Create your first page","$base/cms/guides/quick-start",[],{"title":6,"searchDepth":235,"depth":236,"links":4818},[],"modules:storefront:modules:_partials:guides-grid-quick-start.md","storefront/modules/_partials/guides-grid-quick-start.md","storefront/modules/_partials/guides-grid-quick-start",{"_path":4823,"_dir":542,"_draft":7,"_partial":8,"_locale":6,"title":4824,"description":6,"body":4825,"_type":238,"_id":4835,"_source":475,"_file":4836,"_stem":4837,"_extension":242,"layout":203},"/storefront/modules/_partials/guides-grid-creating-pages","Guides Grid Creating Pages",{"type":205,"children":4826,"toc":4833},[4827],{"type":208,"tag":220,"props":4828,"children":4832},{"description":4829,"icon":24,"title":4830,"to":4831},"Bring your Storefront pages to life with dynamic CMS content.","Creating CMS pages","$base/cms/guides/creating-pages",[],{"title":6,"searchDepth":235,"depth":236,"links":4834},[],"modules:storefront:modules:_partials:guides-grid-creating-pages.md","storefront/modules/_partials/guides-grid-creating-pages.md","storefront/modules/_partials/guides-grid-creating-pages",{"_path":4839,"_dir":542,"_draft":7,"_partial":8,"_locale":6,"title":4840,"description":6,"body":4841,"_type":238,"_id":4851,"_source":475,"_file":4852,"_stem":4853,"_extension":242,"layout":203},"/storefront/modules/_partials/guides-grid-resolving-pages","Guides Grid Resolving Pages",{"type":205,"children":4842,"toc":4849},[4843],{"type":208,"tag":220,"props":4844,"children":4848},{"description":4845,"icon":24,"title":4846,"to":4847},"Handle more complex relationships between Storefront and CMS pages.","Resolving CMS pages","$base/cms/guides/resolving-pages",[],{"title":6,"searchDepth":235,"depth":236,"links":4850},[],"modules:storefront:modules:_partials:guides-grid-resolving-pages.md","storefront/modules/_partials/guides-grid-resolving-pages.md","storefront/modules/_partials/guides-grid-resolving-pages",{"nav":4855,"sidebarRoot":4857},[4856],{"title":477,"_path":4857,"children":4858,"_id":502,"layout":4862,"sidebarRoot":8,"icon":478},"/storefront/modules/v0",[4859,4863,4867,4953,4989,4997,5059],{"title":4860,"_path":4857,"_id":4861,"layout":4862},"Overview","modules:storefront:modules:v0:1.index.md","fullscreen",{"title":4864,"_path":4865,"_id":4866,"layout":203},"Product List","/storefront/modules/v0/product-list","modules:storefront:modules:v0:1.product-list.md",{"title":4868,"_path":4869,"children":4870,"_id":4952,"icon":487},"Search Modules","/storefront/modules/v0/search-integrations",[4871],{"title":486,"_path":4872,"children":4873,"_id":508,"layout":203,"sidebarRoot":8,"icon":487},"/storefront/modules/v0/search-integrations/coveo",[4874,4876],{"title":168,"_path":4872,"_id":4875,"layout":203},"modules:storefront:modules:v0:2.search-integrations:1.coveo:1.index.md",{"title":4171,"_path":4877,"children":4878},"/storefront/modules/v0/search-integrations/coveo/content",[4879,4895,4907,4914,4946],{"title":4880,"_path":4881,"children":4882},"Installation","/storefront/modules/v0/search-integrations/coveo/content/installation",[4883,4887,4891],{"title":4884,"_path":4885,"_id":4886,"layout":203},"Install Packages","/storefront/modules/v0/search-integrations/coveo/content/installation/install-the-module","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:1.installation:1.install-the-module.md",{"title":4888,"_path":4889,"_id":4890,"layout":203},"Middleware Extension","/storefront/modules/v0/search-integrations/coveo/content/installation/middleware-extension","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:1.installation:2.middleware-extension.md",{"title":4892,"_path":4893,"_id":4894,"layout":203},"Frontend Modification","/storefront/modules/v0/search-integrations/coveo/content/installation/frontend-modification","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:1.installation:3.frontend-modification.md",{"title":4896,"_path":4897,"children":4898},"Configuration","/storefront/modules/v0/search-integrations/coveo/content/configuration",[4899,4903],{"title":4900,"_path":4901,"_id":4902,"layout":203},"Search Engine","/storefront/modules/v0/search-integrations/coveo/content/configuration/search-engine","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:2.configuration:1.search-engine.md",{"title":4904,"_path":4905,"_id":4906,"layout":203},"Configuration Files","/storefront/modules/v0/search-integrations/coveo/content/configuration/config-files","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:2.configuration:2.config-files.md",{"title":4908,"_path":4909,"children":4910},"Quick Start","/storefront/modules/v0/search-integrations/coveo/content/quick-start",[4911],{"title":4908,"_path":4912,"_id":4913,"layout":203},"/storefront/modules/v0/search-integrations/coveo/content/quick-start/quick-start","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:3.quick-start:1.quick-start.md",{"title":4915,"_path":4916,"children":4917},"Advanced Guide","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide",[4918,4922,4926,4930,4934,4938,4942],{"title":4919,"_path":4920,"_id":4921,"layout":203},"With Alokai","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/with-alokai","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:1.with-alokai.md",{"title":4923,"_path":4924,"_id":4925,"layout":203},"Analytics","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/analytics","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:3.analytics.md",{"title":4927,"_path":4928,"_id":4929,"layout":203},"Product recommendations","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/product-recommendations","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:4.product-recommendations.md",{"title":4931,"_path":4932,"_id":4933,"layout":203},"URL Parameters Mapping","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/url-mappers","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:5.url-mappers.md",{"title":4935,"_path":4936,"_id":4937,"layout":203},"Load dynamically facets","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/load-dynamically-facets","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:6.load-dynamically-facets.md",{"title":4939,"_path":4940,"_id":4941,"layout":203},"Normalizers","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/normalizers","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:6.normalizers.md",{"title":4943,"_path":4944,"_id":4945,"layout":203},"Nuxt module","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/nuxt-module","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:20.nuxt-module.md",{"title":4947,"_path":4948,"children":4949,"_id":4951,"layout":203},"Changelog","/storefront/modules/v0/search-integrations/coveo/content/changelog",[4950],{"title":4947,"_path":4948,"_id":4951,"layout":203},"modules:storefront:modules:v0:2.search-integrations:1.coveo:content:6.changelog:1.index.md","modules:storefront:modules:v0:2.search-integrations:_dir.yml",{"title":381,"_path":4954,"children":4955,"_id":4988},"/storefront/modules/v0/sap",[4956,4960,4964,4968,4972],{"title":4957,"_path":4958,"_id":4959,"layout":203},"Checkout","/storefront/modules/v0/sap/checkout","modules:storefront:modules:v0:3.sap:1.checkout.md",{"title":4961,"_path":4962,"_id":4963,"layout":203},"Quick Order","/storefront/modules/v0/sap/quick-order","modules:storefront:modules:v0:3.sap:2.quick-order.md",{"title":4965,"_path":4966,"_id":4967,"layout":203},"Re-Order","/storefront/modules/v0/sap/re-order","modules:storefront:modules:v0:3.sap:3.re-order.md",{"title":4969,"_path":4970,"_id":4971,"layout":203},"Assisted Service Mode","/storefront/modules/v0/sap/asm","modules:storefront:modules:v0:3.sap:4.asm.md",{"title":4973,"_path":4974,"children":4975,"_id":4987},"SAP Commerce Cloud B2B","/storefront/modules/v0/sap/b2b",[4976,4980,4983],{"title":4977,"_path":4978,"_id":4979,"layout":203},"Core","/storefront/modules/v0/sap/b2b/core","modules:storefront:modules:v0:3.sap:4.b2b:1.core.md",{"title":4957,"_path":4981,"_id":4982,"layout":203},"/storefront/modules/v0/sap/b2b/checkout","modules:storefront:modules:v0:3.sap:4.b2b:2.checkout.md",{"title":4984,"_path":4985,"_id":4986,"layout":203},"Register","/storefront/modules/v0/sap/b2b/register","modules:storefront:modules:v0:3.sap:4.b2b:3.register.md","modules:storefront:modules:v0:3.sap:4.b2b:_dir.yml","modules:storefront:modules:v0:3.sap:_dir.yml",{"title":397,"_path":4990,"children":4991,"_id":4996},"/storefront/modules/v0/sfcc",[4992],{"title":4993,"_path":4994,"_id":4995,"layout":203},"Storefront Toolkit","/storefront/modules/v0/sfcc/toolkit","modules:storefront:modules:v0:4.sfcc:1.toolkit.md","modules:storefront:modules:v0:4.sfcc:_dir.yml",{"title":4998,"_path":4999,"children":5000,"_id":5058,"layout":203},"Content Management Systems","/storefront/modules/v0/cms",[5001,5003,5007,5011,5015,5041],{"title":4860,"_path":4999,"_id":5002,"layout":203},"modules:storefront:modules:v0:5.cms:1.index.md",{"title":5004,"_path":5005,"_id":5006,"layout":203},"Frontend components","/storefront/modules/v0/cms/components","modules:storefront:modules:v0:5.cms:2.components.md",{"title":5008,"_path":5009,"_id":5010,"layout":203},"Unified architecture","/storefront/modules/v0/cms/unified-architecture","modules:storefront:modules:v0:5.cms:3.unified-architecture.md",{"title":5012,"_path":5013,"_id":5014,"layout":203},"Content Localization","/storefront/modules/v0/cms/internationalization","modules:storefront:modules:v0:5.cms:4.internationalization.md",{"title":5016,"_path":5017,"children":5018,"_id":5040},"CMS Modules","/storefront/modules/v0/cms/modules",[5019,5022,5025,5028,5031,5034,5037],{"title":275,"_path":5020,"_id":5021,"layout":203},"/storefront/modules/v0/cms/modules/amplience","modules:storefront:modules:v0:5.cms:5.modules:1.amplience.md",{"title":294,"_path":5023,"_id":5024,"layout":203},"/storefront/modules/v0/cms/modules/bloomreach-content","modules:storefront:modules:v0:5.cms:5.modules:2.bloomreach-content.md",{"title":313,"_path":5026,"_id":5027,"layout":203},"/storefront/modules/v0/cms/modules/builderio","modules:storefront:modules:v0:5.cms:5.modules:3.builderio.md",{"title":337,"_path":5029,"_id":5030,"layout":203},"/storefront/modules/v0/cms/modules/contentful","modules:storefront:modules:v0:5.cms:5.modules:4.contentful.md",{"title":346,"_path":5032,"_id":5033,"layout":203},"/storefront/modules/v0/cms/modules/contentstack","modules:storefront:modules:v0:5.cms:5.modules:5.contentstack.md",{"title":406,"_path":5035,"_id":5036,"layout":203},"/storefront/modules/v0/cms/modules/smartedit","modules:storefront:modules:v0:5.cms:5.modules:6.smartedit.md",{"title":414,"_path":5038,"_id":5039,"layout":203},"/storefront/modules/v0/cms/modules/storyblok","modules:storefront:modules:v0:5.cms:5.modules:7.storyblok.md","modules:storefront:modules:v0:5.cms:5.modules:_dir.yml",{"title":63,"_path":5042,"children":5043},"/storefront/modules/v0/cms/guides",[5044,5048,5052,5055],{"title":5045,"_path":5046,"_id":5047,"layout":203},"Quick start","/storefront/modules/v0/cms/guides/quick-start","modules:storefront:modules:v0:5.cms:6.guides:1.quick-start.md",{"title":5049,"_path":5050,"_id":5051,"layout":203},"Creating CMS components","/storefront/modules/v0/cms/guides/creating-components","modules:storefront:modules:v0:5.cms:6.guides:2.creating-components.md",{"title":4830,"_path":5053,"_id":5054,"layout":203},"/storefront/modules/v0/cms/guides/creating-pages","modules:storefront:modules:v0:5.cms:6.guides:3.creating-pages.md",{"title":4846,"_path":5056,"_id":5057,"layout":203},"/storefront/modules/v0/cms/guides/resolving-pages","modules:storefront:modules:v0:5.cms:6.guides:4.resolving-pages.md","modules:storefront:modules:v0:5.cms:_dir.yml",{"title":5060,"_path":5061,"children":5062,"_id":5083},"Contributing","/storefront/modules/v0/contributing",[5063,5067,5071,5075,5079],{"title":5064,"_path":5065,"_id":5066,"layout":203},"Coding Standards","/storefront/modules/v0/contributing/coding-standards","modules:storefront:modules:v0:contributing:coding-standards.md",{"title":5068,"_path":5069,"_id":5070,"layout":203},"Development","/storefront/modules/v0/contributing/development","modules:storefront:modules:v0:contributing:development.md",{"title":5072,"_path":5073,"_id":5074,"layout":203},"File structure","/storefront/modules/v0/contributing/file-structure","modules:storefront:modules:v0:contributing:file-structure.md",{"title":5076,"_path":5077,"_id":5078,"layout":203},"Tech Stack","/storefront/modules/v0/contributing/tech-stack","modules:storefront:modules:v0:contributing:tech-stack.md",{"title":5080,"_path":5081,"_id":5082,"layout":203},"Writing tests","/storefront/modules/v0/contributing/writing-tests","modules:storefront:modules:v0:contributing:writing-tests.md","modules:storefront:modules:v0:contributing:_dir.yml",[5085,5098,5109,5122,5131,5142,5151],{"_path":5086,"_dir":320,"_draft":7,"_partial":8,"_locale":6,"versions":5087,"_id":5094,"_type":13,"title":5095,"_source":320,"_file":5096,"_stem":5097,"_extension":18},"/integrations/commercetools/_versions",[5088,5091],{"title":5089,"path":5090,"latest":8},"current","/",{"title":5092,"path":5093},"SDK v2","/v2","commercetools:integrations:commercetools:_versions.yml","Versions","integrations/commercetools/_versions.yml","integrations/commercetools/_versions",{"_path":5099,"_dir":379,"_draft":7,"_partial":8,"_locale":6,"versions":5100,"_id":5106,"_type":13,"title":5095,"_source":379,"_file":5107,"_stem":5108,"_extension":18},"/integrations/sapcc/_versions",[5101,5103],{"title":5102,"path":5090,"latest":8},"v8.x",{"title":5104,"path":5105},"v7.x and earlier","/v7","sapcc:integrations:sapcc:_versions.yml","integrations/sapcc/_versions.yml","integrations/sapcc/_versions",{"_path":5110,"_dir":431,"_draft":7,"_partial":8,"_locale":6,"versions":5111,"_id":5119,"_type":13,"title":5095,"_source":431,"_file":5120,"_stem":5121,"_extension":18},"/middleware/_versions",[5112,5114,5117],{"title":5113,"path":5090,"latest":8},"connect v2",{"title":5115,"path":5116},"connect v1","/v1",{"title":454,"path":5118},"/legacy","middleware:middleware:_versions.yml","middleware/_versions.yml","middleware/_versions",{"_path":5123,"_dir":446,"_draft":7,"_partial":8,"_locale":6,"versions":5124,"_id":5128,"_type":13,"title":5095,"_source":446,"_file":5129,"_stem":5130,"_extension":18},"/sdk/_versions",[5125,5126,5127],{"title":5113,"path":5090,"latest":8},{"title":5115,"path":5116},{"title":454,"path":5118},"sdk:sdk:_versions.yml","sdk/_versions.yml","sdk/_versions",{"_path":5132,"_dir":467,"_draft":7,"_partial":8,"_locale":6,"versions":5133,"_id":5139,"_type":13,"title":5095,"_source":467,"_file":5140,"_stem":5141,"_extension":18},"/storefront/_versions",[5134,5135,5137],{"title":39,"path":5090,"latest":8},{"title":513,"path":5136},"/v0.1",{"title":520,"path":5138},"/v0.2","storefront:storefront:_versions.yml","storefront/_versions.yml","storefront/_versions",{"_path":5143,"_dir":475,"_draft":7,"_partial":8,"_locale":6,"versions":5144,"_id":5148,"_type":13,"title":5095,"_source":475,"_file":5149,"_stem":5150,"_extension":18},"/storefront/modules/_versions",[5145,5146],{"title":39,"path":5090,"latest":8},{"title":500,"path":5147},"/v0","modules:storefront:modules:_versions.yml","storefront/modules/_versions.yml","storefront/modules/_versions",{"_path":5152,"_dir":527,"_draft":7,"_partial":8,"_locale":6,"versions":5153,"_id":5156,"_type":13,"title":5095,"_source":531,"_file":5157,"_stem":5158,"_extension":18},"/unified-data-layer/_versions",[5154,5155],{"title":5113,"path":5090,"latest":8},{"title":5115,"path":5116},"unified:unified-data-layer:_versions.yml","unified-data-layer/_versions.yml","unified-data-layer/_versions",1782903487017]