Pages are built from sections. Add them from the sections panel, reorder them in the canvas, and edit whatever is selected in the property panel.Sections carry style presets and theme colours, so changing the theme restyles the whole site rather than each section one at a time.
Rather than starting from an empty section, you can describe what you want and have the builder generate it, or select an existing section and give it an instruction to rewrite.AI work is billed in tokens from a balance shared across your stores, shown in the builder as you work. If it stops responding you’re either out of tokens or there’s a temporary service issue - the message says which.
Last modified on August 31, 2026
{"docsConfig":{"theme":"aspen","$schema":"https://mintlify.com/docs.json","name":"Komerza Documentation","colors":{"primary":"#3b82f6","light":"#3b82f6","dark":"#2563eb"},"logo":{"light":"https://mintcdn.com/komerza/b8Ru_h-4KK1SQzzO/logo/light.svg?fit=max\u0026auto=format\u0026n=b8Ru_h-4KK1SQzzO\u0026q=85\u0026s=0f9ba8d2c97d0b7886be5ab88b8a1521","dark":"https://mintcdn.com/komerza/b8Ru_h-4KK1SQzzO/logo/dark.svg?fit=max\u0026auto=format\u0026n=b8Ru_h-4KK1SQzzO\u0026q=85\u0026s=d1f22d39eb73b84e71c17d38abfb45d7","href":"https://komerza.com"},"favicon":"https://mintcdn.com/komerza/b8Ru_h-4KK1SQzzO/favicon.svg?fit=max\u0026auto=format\u0026n=b8Ru_h-4KK1SQzzO\u0026q=85\u0026s=75bc08b60ad0a7f1695e7cdb5efa5130","api":{"playground":{"proxy":false},"examples":{"autogenerate":true}},"navbar":{"links":[{"href":"https://komerza.com","label":"Komerza"},{"href":"https://komerza.com/pricing","label":"Pricing"}],"primary":{"type":"button","label":"Dashboard","href":"https://dashboard.komerza.com"}},"footer":{"socials":{"x":"https://x.com/komerzaecom","github":"https://github.com/komerza","telegram":"https://t.me/komerzaecom"},"links":[{"header":"Komerza","items":[{"label":"Home","href":"https://komerza.com"},{"label":"Pricing","href":"https://komerza.com/pricing"},{"label":"Features","href":"https://komerza.com/features"},{"label":"Blog","href":"https://komerza.com/blog"}]},{"header":"Company","items":[{"label":"About","href":"https://komerza.com/about"},{"label":"Compare platforms","href":"https://komerza.com/alternatives"},{"label":"Brand","href":"https://komerza.com/brand"},{"label":"Legal","href":"https://komerza.com/legal"}]}]},"fonts":{"family":"Inter"},"integrations":{"intercom":{"appId":"hekgn53e"}},"errors":{"404":{"redirect":false,"title":"Page not found","description":"The page you're looking for doesn't exist. Head back to the [home page](/), explore the [API Reference](/api-reference/introduction), or browse the [Guides](/)."}},"contextual":{"options":["copy","view","chatgpt","claude","vscode","cursor"],"display":"header"},"metadata":{"timestamp":true},"markdown":{"schema":false},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"System Status","icon":"wave-pulse","href":"https://status.komerza.com"},{"anchor":"Telegram","icon":"telegram","href":"https://t.me/komerzaecom"},{"anchor":"Discord","icon":"discord","href":"https://discord.gg/komerza"}]},"languages":[{"language":"en","href":""},{"language":"fr","href":"fr"},{"language":"de","href":"de"},{"language":"pl","href":"pl"},{"language":"es","href":"es"}]}},"deployment":{"deploymentMetadataValue":{"subdomain":"komerza","hasAudioNarration":false,"actualSubdomain":"komerza","customDomains":["docs.komerza.com"],"gitSource":{"type":"github","owner":"komerza","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6adb977a27ec6dc3da981b39","collectionId":"f85ed26f-69be-4996-acd1-95a3687c9c74","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6adb977a27ec6dc3da981b39"},"feedback":{"thumbs":true,"agentFeedback":true},"entitlements":{},"buildId":"6adb977a27ec6dc3da981b39","clientVersion":"0.0.4044","searchFilterCounts":[{"language":"default","tag":"API Reference","count":169},{"language":"en","tag":"Guides","count":40},{"language":"default","tag":"Reseller Programme","count":28},{"language":"default","tag":"Variants","count":25},{"language":"default","tag":"Products","count":17},{"language":"default","tag":"Reselling","count":17},{"language":"default","tag":"Affiliates","count":13},{"language":"en","tag":"Payment Setup","count":13},{"language":"de","tag":"Anleitungen","count":11},{"language":"es","tag":"Guías","count":11},{"language":"fr","tag":"Guides","count":11},{"language":"pl","tag":"Przewodniki","count":11},{"language":"en","tag":"Storefront SDK","count":10},{"language":"default","tag":"Categories","count":8},{"language":"default","tag":"Orders","count":8},{"language":"default","tag":"Webhooks","count":8},{"language":"default","tag":"Reference","count":7},{"language":"de","tag":"Storefront-SDK","count":7},{"language":"es","tag":"SDK de Tienda","count":7},{"language":"fr","tag":"SDK Storefront","count":7},{"language":"en","tag":"Integration Guides","count":7},{"language":"pl","tag":"SDK Sklepowy","count":7},{"language":"en","tag":"Store Setup","count":6},{"language":"en","tag":"Client Library","count":6},{"language":"de","tag":"Zahlungseinrichtung","count":5},{"language":"de","tag":"Client Library","count":5},{"language":"es","tag":"Configuración de Pagos","count":5},{"language":"es","tag":"Client Library","count":5},{"language":"fr","tag":"Configuration des Paiements","count":5},{"language":"fr","tag":"Client Library","count":5},{"language":"en","tag":"Storefront Builder","count":5},{"language":"pl","tag":"Konfiguracja Płatności","count":5},{"language":"pl","tag":"Client Library","count":5},{"language":"en","tag":"Getting Started","count":4},{"language":"de","tag":"Integrationsleitfäden","count":3},{"language":"es","tag":"Guías de Integración","count":3},{"language":"fr","tag":"Guides d'Intégration","count":3},{"language":"en","tag":"Orders \u0026 Customers","count":3},{"language":"en","tag":"Get Started","count":3},{"language":"pl","tag":"Przewodniki Integracji","count":3},{"language":"de","tag":"Erste Schritte","count":2},{"language":"de","tag":"Getting Started","count":2},{"language":"es","tag":"Empezar","count":2},{"language":"es","tag":"Getting Started","count":2},{"language":"fr","tag":"Démarrer","count":2},{"language":"fr","tag":"Getting Started","count":2},{"language":"pl","tag":"Pierwsze Kroki","count":2},{"language":"pl","tag":"Getting Started","count":2},{"language":"de","tag":"Shop-Einrichtung","count":1},{"language":"es","tag":"Configuración de la Tienda","count":1},{"language":"fr","tag":"Configuration du Magasin","count":1},{"language":"pl","tag":"Konfiguracja Sklepu","count":1}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"privacy":{"consentBanner":{"enabled":true}},"googleFontsInlined":false},"customCss":[{"filePath":"style.css","content":":root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-300:#6ee7b7;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-success-800:#065f46;--color-success-900:#064e3b;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-300:#fca5a5;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-error-800:#991b1b;--color-error-900:#7f1d1d;--color-gray-50:oklch(98.5% 0 0);--color-gray-100:oklch(97% 0 0);--color-gray-200:oklch(92.2% 0 0);--color-gray-300:oklch(87% 0 0);--color-gray-400:oklch(70.8% 0 0);--color-gray-500:#3c3c3c;--color-gray-600:#303030;--color-gray-700:#242424;--color-gray-800:#151515;--color-gray-900:#0c0c0c;font-family:\"Inter Variable\",system-ui,sans-serif}html{scroll-behavior:smooth}#page-title,h1,h2,h3,h4,h5,h6{font-weight:500}.kicon{display:inline-block;width:1.25rem;height:1.25rem;flex:none;vertical-align:-.2em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.kicon-sm{width:1rem;height:1rem}.kicon-arrow-up-right{-webkit-mask-image:url(/icons/arrow-up-right.svg);mask-image:url(/icons/arrow-up-right.svg)}.kicon-bell{-webkit-mask-image:url(/icons/bell.svg);mask-image:url(/icons/bell.svg)}.kicon-bolt{-webkit-mask-image:url(/icons/bolt.svg);mask-image:url(/icons/bolt.svg)}.kicon-book{-webkit-mask-image:url(/icons/book.svg);mask-image:url(/icons/book.svg)}.kicon-box{-webkit-mask-image:url(/icons/box.svg);mask-image:url(/icons/box.svg)}.kicon-chart-line{-webkit-mask-image:url(/icons/chart-line.svg);mask-image:url(/icons/chart-line.svg)}.kicon-check-list{-webkit-mask-image:url(/icons/check-list.svg);mask-image:url(/icons/check-list.svg)}.kicon-code{-webkit-mask-image:url(/icons/code.svg);mask-image:url(/icons/code.svg)}.kicon-color-palette{-webkit-mask-image:url(/icons/color-palette.svg);mask-image:url(/icons/color-palette.svg)}.kicon-credit-card{-webkit-mask-image:url(/icons/credit-card.svg);mask-image:url(/icons/credit-card.svg)}.kicon-flask{-webkit-mask-image:url(/icons/flask.svg);mask-image:url(/icons/flask.svg)}.kicon-globe{-webkit-mask-image:url(/icons/globe.svg);mask-image:url(/icons/globe.svg)}.kicon-handshake{-webkit-mask-image:url(/icons/handshake.svg);mask-image:url(/icons/handshake.svg)}.kicon-image{-webkit-mask-image:url(/icons/image.svg);mask-image:url(/icons/image.svg)}.kicon-key{-webkit-mask-image:url(/icons/key.svg);mask-image:url(/icons/key.svg)}.kicon-laptop{-webkit-mask-image:url(/icons/laptop.svg);mask-image:url(/icons/laptop.svg)}.kicon-layers{-webkit-mask-image:url(/icons/layers.svg);mask-image:url(/icons/layers.svg)}.kicon-list{-webkit-mask-image:url(/icons/list.svg);mask-image:url(/icons/list.svg)}.kicon-magnifier{-webkit-mask-image:url(/icons/magnifier.svg);mask-image:url(/icons/magnifier.svg)}.kicon-money-bill{-webkit-mask-image:url(/icons/money-bill.svg);mask-image:url(/icons/money-bill.svg)}.kicon-money-transfer{-webkit-mask-image:url(/icons/money-transfer.svg);mask-image:url(/icons/money-transfer.svg)}.kicon-palette{-webkit-mask-image:url(/icons/palette.svg);mask-image:url(/icons/palette.svg)}.kicon-pulse{-webkit-mask-image:url(/icons/pulse.svg);mask-image:url(/icons/pulse.svg)}.kicon-receipt{-webkit-mask-image:url(/icons/receipt.svg);mask-image:url(/icons/receipt.svg)}.kicon-repeat{-webkit-mask-image:url(/icons/repeat.svg);mask-image:url(/icons/repeat.svg)}.kicon-rocket{-webkit-mask-image:url(/icons/rocket.svg);mask-image:url(/icons/rocket.svg)}.kicon-shield{-webkit-mask-image:url(/icons/shield.svg);mask-image:url(/icons/shield.svg)}.kicon-sliders{-webkit-mask-image:url(/icons/sliders.svg);mask-image:url(/icons/sliders.svg)}.kicon-tag{-webkit-mask-image:url(/icons/tag.svg);mask-image:url(/icons/tag.svg)}.kicon-terminal{-webkit-mask-image:url(/icons/terminal.svg);mask-image:url(/icons/terminal.svg)}.kicon-truck{-webkit-mask-image:url(/icons/truck.svg);mask-image:url(/icons/truck.svg)}.kicon-users{-webkit-mask-image:url(/icons/users.svg);mask-image:url(/icons/users.svg)}.kicon-wallet{-webkit-mask-image:url(/icons/wallet.svg);mask-image:url(/icons/wallet.svg)}.kicon-webhook{-webkit-mask-image:url(/icons/webhook.svg);mask-image:url(/icons/webhook.svg)}svg[style*=\"/arrow-pointer.svg\"]{-webkit-mask-image:url(/icons/button-cursor.svg)!important;mask-image:url(/icons/button-cursor.svg)!important}svg[style*=\"/arrow-right-arrow-left.svg\"]{-webkit-mask-image:url(/icons/swap.svg)!important;mask-image:url(/icons/swap.svg)!important}svg[style*=\"/arrow-right-to-bracket.svg\"]{-webkit-mask-image:url(/icons/rect-login.svg)!important;mask-image:url(/icons/rect-login.svg)!important}svg[style*=\"/arrow-up.svg\"]{-webkit-mask-image:url(/icons/arrow-up.svg)!important;mask-image:url(/icons/arrow-up.svg)!important}svg[style*=\"/ban.svg\"]{-webkit-mask-image:url(/icons/ban.svg)!important;mask-image:url(/icons/ban.svg)!important}svg[style*=\"/bell.svg\"]{-webkit-mask-image:url(/icons/bell.svg)!important;mask-image:url(/icons/bell.svg)!important}svg[style*=\"/bolt.svg\"]{-webkit-mask-image:url(/icons/bolt.svg)!important;mask-image:url(/icons/bolt.svg)!important}svg[style*=\"/book.svg\"]{-webkit-mask-image:url(/icons/book.svg)!important;mask-image:url(/icons/book.svg)!important}svg[style*=\"/box.svg\"]{-webkit-mask-image:url(/icons/box.svg)!important;mask-image:url(/icons/box.svg)!important}svg[style*=\"/caret-right.svg\"]{-webkit-mask-image:url(/icons/chevron-right.svg)!important;mask-image:url(/icons/chevron-right.svg)!important}svg[style*=\"/cart-shopping.svg\"]{-webkit-mask-image:url(/icons/cart-shopping.svg)!important;mask-image:url(/icons/cart-shopping.svg)!important}svg[style*=\"/chart-bar.svg\"]{-webkit-mask-image:url(/icons/chart-bar.svg)!important;mask-image:url(/icons/chart-bar.svg)!important}svg[style*=\"/chart-line.svg\"]{-webkit-mask-image:url(/icons/chart-line.svg)!important;mask-image:url(/icons/chart-line.svg)!important}svg[style*=\"/circle-check.svg\"]{-webkit-mask-image:url(/icons/circle-check.svg)!important;mask-image:url(/icons/circle-check.svg)!important}svg[style*=\"/circle-info.svg\"]{-webkit-mask-image:url(/icons/circle-info.svg)!important;mask-image:url(/icons/circle-info.svg)!important}svg[style*=\"/circle-question.svg\"]{-webkit-mask-image:url(/icons/circle-question.svg)!important;mask-image:url(/icons/circle-question.svg)!important}svg[style*=\"/circle-xmark.svg\"]{-webkit-mask-image:url(/icons/circle-xmark.svg)!important;mask-image:url(/icons/circle-xmark.svg)!important}svg[style*=\"/clock.svg\"]{-webkit-mask-image:url(/icons/clock.svg)!important;mask-image:url(/icons/clock.svg)!important}svg[style*=\"/clock-rotate-left.svg\"]{-webkit-mask-image:url(/icons/arrow-rotate-clockwise.svg)!important;mask-image:url(/icons/arrow-rotate-clockwise.svg)!important}svg[style*=\"/cloud-arrow-up.svg\"]{-webkit-mask-image:url(/icons/cloud-upload.svg)!important;mask-image:url(/icons/cloud-upload.svg)!important}svg[style*=\"/code.svg\"]{-webkit-mask-image:url(/icons/code.svg)!important;mask-image:url(/icons/code.svg)!important}svg[style*=\"/code-merge.svg\"]{-webkit-mask-image:url(/icons/code-merge.svg)!important;mask-image:url(/icons/code-merge.svg)!important}svg[style*=\"/coins.svg\"]{-webkit-mask-image:url(/icons/coins.svg)!important;mask-image:url(/icons/coins.svg)!important}svg[style*=\"/credit-card.svg\"]{-webkit-mask-image:url(/icons/credit-card.svg)!important;mask-image:url(/icons/credit-card.svg)!important}svg[style*=\"/desktop.svg\"]{-webkit-mask-image:url(/icons/monitor.svg)!important;mask-image:url(/icons/monitor.svg)!important}svg[style*=\"/diagram-project.svg\"]{-webkit-mask-image:url(/icons/sitemap.svg)!important;mask-image:url(/icons/sitemap.svg)!important}svg[style*=\"/dollar-sign.svg\"]{-webkit-mask-image:url(/icons/currency-dollar.svg)!important;mask-image:url(/icons/currency-dollar.svg)!important}svg[style*=\"/download.svg\"]{-webkit-mask-image:url(/icons/download.svg)!important;mask-image:url(/icons/download.svg)!important}svg[style*=\"/ellipsis-vertical.svg\"]{-webkit-mask-image:url(/icons/dots-vertical.svg)!important;mask-image:url(/icons/dots-vertical.svg)!important}svg[style*=\"/envelope.svg\"]{-webkit-mask-image:url(/icons/envelope.svg)!important;mask-image:url(/icons/envelope.svg)!important}svg[style*=\"/eye-slash.svg\"]{-webkit-mask-image:url(/icons/eye-slash.svg)!important;mask-image:url(/icons/eye-slash.svg)!important}svg[style*=\"/feather.svg\"]{-webkit-mask-image:url(/icons/feather.svg)!important;mask-image:url(/icons/feather.svg)!important}svg[style*=\"/file-code.svg\"]{-webkit-mask-image:url(/icons/window-code.svg)!important;mask-image:url(/icons/window-code.svg)!important}svg[style*=\"/filter-list.svg\"]{-webkit-mask-image:url(/icons/filter.svg)!important;mask-image:url(/icons/filter.svg)!important}svg[style*=\"/gamepad.svg\"]{-webkit-mask-image:url(/icons/gamepad.svg)!important;mask-image:url(/icons/gamepad.svg)!important}svg[style*=\"/gauge-high.svg\"]{-webkit-mask-image:url(/icons/gauge.svg)!important;mask-image:url(/icons/gauge.svg)!important}svg[style*=\"/globe.svg\"]{-webkit-mask-image:url(/icons/globe.svg)!important;mask-image:url(/icons/globe.svg)!important}svg[style*=\"/handshake.svg\"]{-webkit-mask-image:url(/icons/handshake.svg)!important;mask-image:url(/icons/handshake.svg)!important}svg[style*=\"/headset.svg\"]{-webkit-mask-image:url(/icons/headset.svg)!important;mask-image:url(/icons/headset.svg)!important}svg[style*=\"/house.svg\"]{-webkit-mask-image:url(/icons/house.svg)!important;mask-image:url(/icons/house.svg)!important}svg[style*=\"/key.svg\"]{-webkit-mask-image:url(/icons/key.svg)!important;mask-image:url(/icons/key.svg)!important}svg[style*=\"/laptop-binary.svg\"]{-webkit-mask-image:url(/icons/laptop.svg)!important;mask-image:url(/icons/laptop.svg)!important}svg[style*=\"/layer-group.svg\"]{-webkit-mask-image:url(/icons/layers.svg)!important;mask-image:url(/icons/layers.svg)!important}svg[style*=\"/lock.svg\"]{-webkit-mask-image:url(/icons/lock.svg)!important;mask-image:url(/icons/lock.svg)!important}svg[style*=\"/magnifying-glass.svg\"]{-webkit-mask-image:url(/icons/magnifier.svg)!important;mask-image:url(/icons/magnifier.svg)!important}svg[style*=\"/megaphone.svg\"]{-webkit-mask-image:url(/icons/megaphone.svg)!important;mask-image:url(/icons/megaphone.svg)!important}svg[style*=\"/messages-question.svg\"]{-webkit-mask-image:url(/icons/circle-question.svg)!important;mask-image:url(/icons/circle-question.svg)!important}svg[style*=\"/mobile.svg\"]{-webkit-mask-image:url(/icons/mobile.svg)!important;mask-image:url(/icons/mobile.svg)!important}svg[style*=\"/object-group.svg\"]{-webkit-mask-image:url(/icons/object-selection.svg)!important;mask-image:url(/icons/object-selection.svg)!important}svg[style*=\"/palette.svg\"]{-webkit-mask-image:url(/icons/palette.svg)!important;mask-image:url(/icons/palette.svg)!important}svg[style*=\"/plug.svg\"]{-webkit-mask-image:url(/icons/plug.svg)!important;mask-image:url(/icons/plug.svg)!important}svg[style*=\"/puzzle-piece.svg\"]{-webkit-mask-image:url(/icons/puzzle-piece.svg)!important;mask-image:url(/icons/puzzle-piece.svg)!important}svg[style*=\"/receipt.svg\"]{-webkit-mask-image:url(/icons/receipt.svg)!important;mask-image:url(/icons/receipt.svg)!important}svg[style*=\"/repeat.svg\"]{-webkit-mask-image:url(/icons/repeat.svg)!important;mask-image:url(/icons/repeat.svg)!important}svg[style*=\"/robot.svg\"]{-webkit-mask-image:url(/icons/robot.svg)!important;mask-image:url(/icons/robot.svg)!important}svg[style*=\"/rocket.svg\"]{-webkit-mask-image:url(/icons/rocket.svg)!important;mask-image:url(/icons/rocket.svg)!important}svg[style*=\"/server.svg\"]{-webkit-mask-image:url(/icons/server.svg)!important;mask-image:url(/icons/server.svg)!important}svg[style*=\"/shield.svg\"]{-webkit-mask-image:url(/icons/shield.svg)!important;mask-image:url(/icons/shield.svg)!important}svg[style*=\"/shield-check.svg\"]{-webkit-mask-image:url(/icons/shield-check.svg)!important;mask-image:url(/icons/shield-check.svg)!important}svg[style*=\"/shield-halved.svg\"]{-webkit-mask-image:url(/icons/shield.svg)!important;mask-image:url(/icons/shield.svg)!important}svg[style*=\"/shopping-cart.svg\"]{-webkit-mask-image:url(/icons/cart-shopping.svg)!important;mask-image:url(/icons/cart-shopping.svg)!important}svg[style*=\"/sliders.svg\"]{-webkit-mask-image:url(/icons/sliders.svg)!important;mask-image:url(/icons/sliders.svg)!important}svg[style*=\"/store.svg\"]{-webkit-mask-image:url(/icons/shop.svg)!important;mask-image:url(/icons/shop.svg)!important}svg[style*=\"/swatchbook.svg\"]{-webkit-mask-image:url(/icons/color-palette.svg)!important;mask-image:url(/icons/color-palette.svg)!important}svg[style*=\"/tag.svg\"]{-webkit-mask-image:url(/icons/tag.svg)!important;mask-image:url(/icons/tag.svg)!important}svg[style*=\"/terminal.svg\"]{-webkit-mask-image:url(/icons/terminal.svg)!important;mask-image:url(/icons/terminal.svg)!important}svg[style*=\"/ticket.svg\"]{-webkit-mask-image:url(/icons/ticket.svg)!important;mask-image:url(/icons/ticket.svg)!important}svg[style*=\"/triangle-exclamation.svg\"]{-webkit-mask-image:url(/icons/triangle-warning.svg)!important;mask-image:url(/icons/triangle-warning.svg)!important}svg[style*=\"/truck.svg\"]{-webkit-mask-image:url(/icons/truck.svg)!important;mask-image:url(/icons/truck.svg)!important}svg[style*=\"/user-shield.svg\"]{-webkit-mask-image:url(/icons/user-shield.svg)!important;mask-image:url(/icons/user-shield.svg)!important}svg[style*=\"/users.svg\"]{-webkit-mask-image:url(/icons/users.svg)!important;mask-image:url(/icons/users.svg)!important}svg[style*=\"/vault.svg\"]{-webkit-mask-image:url(/icons/vault.svg)!important;mask-image:url(/icons/vault.svg)!important}svg[style*=\"/wallet.svg\"]{-webkit-mask-image:url(/icons/wallet.svg)!important;mask-image:url(/icons/wallet.svg)!important}svg[style*=\"/wave-pulse.svg\"]{-webkit-mask-image:url(/icons/heart-pulse.svg)!important;mask-image:url(/icons/heart-pulse.svg)!important}svg[style*=\"/webhook.svg\"]{-webkit-mask-image:url(/icons/webhook.svg)!important;mask-image:url(/icons/webhook.svg)!important}.callout [data-component-part=callout-icon]>svg>*{display:none}.callout [data-component-part=callout-icon]>svg{background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.callout.border-blue-200 [data-component-part=callout-icon]>svg{-webkit-mask-image:url(/icons/circle-info.svg);mask-image:url(/icons/circle-info.svg)}.callout.border-green-200 [data-component-part=callout-icon]>svg{-webkit-mask-image:url(/icons/circle-check.svg);mask-image:url(/icons/circle-check.svg)}.callout.border-red-200 [data-component-part=callout-icon]>svg{-webkit-mask-image:url(/icons/circle-xmark.svg);mask-image:url(/icons/circle-xmark.svg)}.callout.border-yellow-200 [data-component-part=callout-icon]>svg{-webkit-mask-image:url(/icons/triangle-warning.svg);mask-image:url(/icons/triangle-warning.svg)}.callout.border-neutral-200 [data-component-part=callout-icon]>svg{-webkit-mask-image:url(/icons/circle-info.svg);mask-image:url(/icons/circle-info.svg)}svg[style*=\"/fire.svg\"]{-webkit-mask-image:url(/brands/heleket.svg)!important;mask-image:url(/brands/heleket.svg)!important}svg[style*=\"/paypal.svg\"]{-webkit-mask-image:url(/brands/paypal.svg)!important;mask-image:url(/brands/paypal.svg)!important}svg[style*=\"/sack-dollar.svg\"]{-webkit-mask-image:url(/brands/paddle.svg)!important;mask-image:url(/brands/paddle.svg)!important}svg[style*=\"/shopify.svg\"]{-webkit-mask-image:url(/brands/shopify.svg)!important;mask-image:url(/brands/shopify.svg)!important}svg[style*=\"/square-dollar.svg\"]{-webkit-mask-image:url(/brands/cash-app.svg)!important;mask-image:url(/brands/cash-app.svg)!important}svg[style*=\"/stripe.svg\"]{-webkit-mask-image:url(/brands/stripe.svg)!important;mask-image:url(/brands/stripe.svg)!important}.kflag{display:inline-block;width:1.25rem;height:1.25rem;flex:none;vertical-align:-.2em;margin-right:.4rem;background-repeat:no-repeat;background-position:center;background-size:contain}.kflag-australia{background-image:url(/flags/australia.svg)}.kflag-belgium{background-image:url(/flags/belgium.svg)}.kflag-brazil{background-image:url(/flags/brazil.svg)}.kflag-canada{background-image:url(/flags/canada.svg)}.kflag-france{background-image:url(/flags/france.svg)}.kflag-germany{background-image:url(/flags/germany.svg)}.kflag-hong-kong{background-image:url(/flags/hong-kong.svg)}.kflag-india{background-image:url(/flags/india.svg)}.kflag-italy{background-image:url(/flags/italy.svg)}.kflag-mexico{background-image:url(/flags/mexico.svg)}.kflag-netherlands{background-image:url(/flags/netherlands.svg)}.kflag-poland{background-image:url(/flags/poland.svg)}.kflag-singapore{background-image:url(/flags/singapore.svg)}.kflag-spain{background-image:url(/flags/spain.svg)}.kflag-sweden{background-image:url(/flags/sweden.svg)}.kflag-united-kingdom{background-image:url(/flags/united-kingdom.svg)}.kflag-united-states{background-image:url(/flags/united-states.svg)}.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;border-radius:var(--k-radius);border:1px solid transparent;cursor:pointer;user-select:none;transition:all 200ms;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.k-btn,.k-btn:active,.k-btn:hover,.k-btn:visited{text-decoration:none}.k-btn[aria-disabled=true],.k-btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.k-btn--sm{padding:.375rem .75rem;font-size:.875rem}.k-btn--lg{padding:.75rem 1.5rem;font-size:1rem}.k-btn--primary{background-color:var(--color-primary-600);color:#fff;box-shadow:0 1px 2px 0 rgb(0 0 0/.05)}.k-btn--primary:hover{background-color:var(--color-primary-700);color:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}.k-btn--primary:active{background-color:var(--color-primary-800);box-shadow:0 1px 2px 0 rgb(0 0 0/.05)}.k-btn--outline{border-color:var(--color-gray-300);background-color:#fff;color:var(--color-gray-700)}.k-btn--outline:hover{background-color:var(--color-gray-50);color:var(--color-gray-700)}.dark .k-btn--outline{border-color:var(--color-gray-600);background-color:var(--color-gray-800);color:var(--color-gray-300)}.dark .k-btn--outline:hover{background-color:var(--color-gray-700);color:var(--color-gray-300)}.k-btn--ghost,.k-btn--ghost:hover{color:var(--color-gray-700)}.k-btn--ghost:hover{background-color:var(--color-gray-200)}.dark .k-btn--ghost{color:#fff}.dark .k-btn--ghost:hover{background-color:var(--color-gray-700);color:#fff}.k-btn--danger{background-color:var(--color-error-600);color:#fff;box-shadow:0 1px 2px 0 rgb(0 0 0/.05)}.k-btn--danger:hover{background-color:var(--color-error-700);color:#fff}.k-btn--danger:active{background-color:var(--color-error-800)}:root{--k-radius:0.5rem;--color-orange-100:#ffedd5;--color-orange-400:#fb923c;--color-orange-800:#9a3412;--color-orange-900:#7c2d12}#content-area .card,#localization-select-trigger,#navbar li a[href],#search-bar-entry,#search-bar-entry-mobile,#sidebar-content .nav-anchor,#sidebar-content a[href],#theme-preference-menu-trigger,#topbar-cta-button a,#topbar-cta-button a>span,.tryit-button{border-radius:var(--k-radius)}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-radius:var(--k-radius)}div:has(>div>input.chat-assistant-input){border-radius:var(--k-radius)}#content-area input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.chat-assistant-input),#content-area select,#content-area textarea{display:block;width:100%;padding:.5rem .75rem;border:1px solid var(--color-gray-300);background-color:#fff;color:var(--color-gray-900);box-shadow:0 1px 2px 0 rgb(0 0 0/.05);transition:all 200ms}.dark #content-area input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.chat-assistant-input),.dark #content-area select,.dark #content-area textarea{border-color:var(--color-gray-600);background-color:var(--color-gray-700);color:var(--color-gray-100)}#content-area input::placeholder,#content-area textarea::placeholder{color:var(--color-gray-400)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.chat-assistant-input):focus,select:focus,textarea:focus{outline:0;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-500)}.code-block-copy-button button{border-radius:var(--k-radius);color:var(--color-gray-400);transition:color 150ms,background-color 150ms}.code-block-copy-button button:hover{color:var(--color-gray-600);background-color:var(--color-gray-200)}.dark .code-block-copy-button button:hover{color:var(--color-gray-200);background-color:var(--color-gray-600)}#page-context-menu-button{border-top-left-radius:var(--k-radius);border-bottom-left-radius:var(--k-radius)}#page-context-menu>button:last-child{border-top-right-radius:var(--k-radius);border-bottom-right-radius:var(--k-radius)}.code-block,.code-group{border-radius:var(--k-radius);border-color:var(--color-gray-300)}.dark .code-block,.dark .code-group,.dark a[data-component-part=pagination-next]:hover,.dark a[data-component-part=pagination-prev]:hover{border-color:var(--color-gray-600)}.code-group{padding-bottom:0}.code-group [data-component-part=code-block-root],.code-group div:has(>[data-component-part=code-block-root]){border-radius:0 0 calc(var(--k-radius) - 3px) calc(var(--k-radius) - 3px)!important}.code-group div:has(>[data-component-part=code-block-root])::before{border-radius:0 0 calc(var(--k-radius) - 3px) calc(var(--k-radius) - 3px)}.code-group>div:has([data-component-part=code-block-root]){margin-left:-.125rem;margin-right:-.125rem}#content-area table,.callout,.code-block [data-component-part=code-block-root]{border-radius:var(--k-radius)}.method-nav-pill>span{border-radius:9999px;font-weight:500}.method-nav-pill>span.bg-green-400\\/20{background-color:var(--color-success-100);color:var(--color-success-800)}.dark .method-nav-pill>span.bg-green-400\\/20{background-color:color-mix(in srgb,var(--color-success-900) 20%,transparent);color:var(--color-success-400)}.method-nav-pill>span.bg-blue-400\\/20{background-color:var(--color-primary-100);color:var(--color-primary-800)}.dark .callout.border-blue-200,.dark .method-nav-pill>span.bg-blue-400\\/20{background-color:color-mix(in srgb,var(--color-primary-900) 20%,transparent)}.dark .method-nav-pill>span.bg-blue-400\\/20{color:var(--color-primary-400)}.method-nav-pill>span.bg-yellow-400\\/20{background-color:var(--color-warning-100);color:var(--color-warning-800)}.dark .method-nav-pill>span.bg-yellow-400\\/20{background-color:color-mix(in srgb,var(--color-warning-900) 20%,transparent);color:var(--color-warning-400)}.method-nav-pill>span.bg-orange-400\\/20{background-color:var(--color-orange-100);color:var(--color-orange-800)}.dark .method-nav-pill>span.bg-orange-400\\/20{background-color:color-mix(in srgb,var(--color-orange-900) 20%,transparent);color:var(--color-orange-400)}.method-nav-pill>span.bg-red-400\\/20{background-color:var(--color-error-100);color:var(--color-error-800)}.dark .method-nav-pill>span.bg-red-400\\/20{background-color:color-mix(in srgb,var(--color-error-900) 20%,transparent);color:var(--color-error-400)}.method-nav-pill>span.bg-\\[\\#3064E3\\]{background-color:var(--color-primary-600);color:#fff}.callout{padding:1rem}.callout.border-blue-200{background-color:var(--color-primary-50);border-color:var(--color-primary-200)}.dark .callout.border-blue-200{border-color:var(--color-primary-800)}.callout.border-blue-200 [data-component-part=callout-content]{color:var(--color-primary-700)}.dark .callout.border-blue-200 [data-component-part=callout-content]{color:var(--color-primary-300)}.callout.border-blue-200 [data-component-part=callout-icon]>svg{color:var(--color-primary-600)}.dark .callout.border-blue-200 [data-component-part=callout-icon]>svg{color:var(--color-primary-400)}.callout.border-green-200{background-color:var(--color-success-50);border-color:var(--color-success-200)}.dark .callout.border-green-200{background-color:color-mix(in srgb,var(--color-success-900) 20%,transparent);border-color:var(--color-success-800)}.callout.border-green-200 [data-component-part=callout-content]{color:var(--color-success-700)}.dark .callout.border-green-200 [data-component-part=callout-content]{color:var(--color-success-300)}.callout.border-green-200 [data-component-part=callout-icon]>svg{color:var(--color-success-600)}.dark .callout.border-green-200 [data-component-part=callout-icon]>svg{color:var(--color-success-400)}.callout.border-yellow-200{background-color:var(--color-warning-50);border-color:var(--color-warning-200)}.dark .callout.border-yellow-200{background-color:color-mix(in srgb,var(--color-warning-900) 20%,transparent);border-color:var(--color-warning-800)}.callout.border-yellow-200 [data-component-part=callout-content]{color:var(--color-warning-700)}.dark .callout.border-yellow-200 [data-component-part=callout-content]{color:var(--color-warning-300)}.callout.border-yellow-200 [data-component-part=callout-icon]>svg{color:var(--color-warning-600)}.dark .callout.border-yellow-200 [data-component-part=callout-icon]>svg{color:var(--color-warning-400)}.callout.border-red-200{background-color:var(--color-error-50);border-color:var(--color-error-200)}.dark .callout.border-red-200{background-color:color-mix(in srgb,var(--color-error-900) 20%,transparent);border-color:var(--color-error-800)}.callout.border-red-200 [data-component-part=callout-content]{color:var(--color-error-700)}.dark .callout.border-red-200 [data-component-part=callout-content]{color:var(--color-error-300)}.callout.border-red-200 [data-component-part=callout-icon]>svg{color:var(--color-error-600)}.dark .callout.border-red-200 [data-component-part=callout-icon]>svg{color:var(--color-error-400)}.callout.border-neutral-200{background-color:var(--color-gray-50);border-color:var(--color-gray-200)}.dark .callout.border-neutral-200{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.callout.border-neutral-200 [data-component-part=callout-content]{color:var(--color-gray-700)}.dark .callout.border-neutral-200 [data-component-part=callout-content]{color:var(--color-gray-300)}.callout.border-neutral-200 [data-component-part=callout-icon]>svg{color:var(--color-gray-600)}.dark .callout.border-neutral-200 [data-component-part=callout-icon]>svg{color:var(--color-gray-400)}#content-area table{border-collapse:separate;border-spacing:0;border:1px solid var(--color-gray-200)}.dark #content-area .accordion-group,.dark #content-area details.accordion,.dark #content-area table,.dark a[data-component-part=pagination-next],.dark a[data-component-part=pagination-prev]{border-color:var(--color-gray-700)}#content-area table td,#content-area table th{border:0;border-bottom:1px solid var(--color-gray-200)}.dark #content-area table td,.dark #content-area table th{border-bottom-color:var(--color-gray-700)}#content-area table tbody tr:last-child td{border-bottom:0}#content-area table tbody tr:hover,#content-area table thead{background-color:var(--color-gray-50)}.dark #content-area table thead{background-color:var(--color-gray-800)}#content-area table th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.dark #content-area table th{color:var(--color-gray-400)}#content-area table td{padding:1rem 1.5rem}#content-area table tbody tr{transition:background-color 200ms}.dark #content-area details.accordion>summary:hover,.dark #content-area table tbody tr:hover{background-color:var(--color-gray-700)}#content-area table thead tr:first-child th:first-child{border-top-left-radius:calc(var(--k-radius) - 1px)}#content-area table thead tr:first-child th:last-child{border-top-right-radius:calc(var(--k-radius) - 1px)}#content-area table tbody tr:last-child td:first-child{border-bottom-left-radius:calc(var(--k-radius) - 1px)}#content-area table tbody tr:last-child td:last-child{border-bottom-right-radius:calc(var(--k-radius) - 1px)}#content-area .accordion-group,#content-area details.accordion,a[data-component-part=pagination-next],a[data-component-part=pagination-prev]{border-radius:var(--k-radius);border-color:var(--color-gray-200)}#content-area details.accordion>summary{border-top-left-radius:var(--k-radius);border-top-right-radius:var(--k-radius)}#content-area [data-component-part=field-required-pill]{border-radius:9999px;background-color:var(--color-error-100);color:var(--color-error-800)}.dark #content-area [data-component-part=field-required-pill]{background-color:color-mix(in srgb,var(--color-error-900) 20%,transparent);color:var(--color-error-400)}#content-area [data-component-part=field-info-pill]{border-radius:9999px;background-color:var(--color-gray-100);color:var(--color-gray-800)}.dark #content-area [data-component-part=field-info-pill],.dark #content-area [data-component-part=step-indicator]{background-color:var(--color-gray-700);color:var(--color-gray-300)}#content-area [data-component-part=step-indicator]{background-color:var(--color-gray-200);color:var(--color-gray-700)}#content-area [data-component-part=step-line]{background-color:var(--color-gray-200)}.dark #content-area [data-component-part=step-line]{background-color:var(--color-gray-700)}a[data-component-part=pagination-next]:hover,a[data-component-part=pagination-prev]:hover{border-color:var(--color-gray-300)}#content-area [role=tablist]:has([data-component-part=tab-button]){border-bottom-color:var(--color-gray-200)}.dark #content-area [role=tablist]:has([data-component-part=tab-button]){border-bottom-color:var(--color-gray-700)}#content-area [data-component-part=tab-button]{font-weight:500}#content-area [data-component-part=tab-button][data-active=true]{color:var(--color-primary-500)}.dark #content-area [data-component-part=tab-button][data-active=false]:hover,.dark #content-area [data-component-part=tab-button][data-active=true]{color:var(--color-primary-400)}#content-area [data-component-part=tab-button][data-active=false]{color:var(--color-gray-500)}.dark #content-area [data-component-part=tab-button][data-active=false]{color:var(--color-gray-400)}#content-area [data-component-part=tab-button][data-active=false]:hover{color:var(--color-primary-500)}"}],"page":{"pagePath":"guides/builder/sections","slug":"/guides/builder/sections","pageMetadata":{"title":"Sections","description":"The blocks your storefront pages are built from","icon":"layer-group","href":"/guides/builder/sections"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"The blocks your storefront pages are built from\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={p:`p`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,..._provideComponents(),...props.components},{Heading,Note,Table}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!Note)_missingMdxReference(`Note`,true);if(!Table)_missingMdxReference(`Table`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`Pages are built from sections. Add them from the sections panel, reorder them in the canvas, and edit whatever is selected in the property panel.`}),`\n`,_jsx(_components.p,{children:`Sections carry style presets and theme colours, so changing the theme restyles the whole site rather than each section one at a time.`}),`\n`,_jsx(Heading,{level:`2`,id:`commerce`,children:`Commerce`}),`\n`,_jsx(_components.p,{children:`These pull live data from your store - no content to copy across, and nothing to keep in sync.`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Section`}),_jsx(_components.th,{children:`Shows`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Product Grid`}),_jsx(_components.td,{children:`Your catalogue, with sort options like Popular, Cheapest, Top Rated`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Product Detail`}),_jsx(_components.td,{children:`A single product with its variants and buy button`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Product Sections`}),_jsx(_components.td,{children:`Curated groups of products`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Category Grid`}),_jsx(_components.td,{children:`Your categories as browsable tiles`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Reviews`}),_jsx(_components.td,{children:`Real customer reviews from your store`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Store Stats`}),_jsx(_components.td,{children:`Live figures from your store`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Trust \u0026 Payment Badges`}),_jsx(_components.td,{children:`Payment logos and reassurance badges`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Cart Modal`}),_jsx(_components.td,{children:`The cart overlay`})]})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`content`,children:`Content`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Section`}),_jsx(_components.th,{children:`Shows`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Hero Banner`}),_jsx(_components.td,{children:`Headline, sub-copy, background image and call to action`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Features`}),_jsx(_components.td,{children:`Selling points in a row or grid`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Text Section`}),_jsx(_components.td,{children:`Free prose`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`FAQ`}),_jsx(_components.td,{children:`Expandable question and answer list`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Custom HTML`}),_jsx(_components.td,{children:`Your own markup, for anything the built-in sections don’t cover`})]})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`layout-and-media`,children:`Layout and media`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Section`}),_jsx(_components.th,{children:`Shows`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Store Name`}),_jsx(_components.td,{children:`The navbar`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Announcement Banner`}),_jsx(_components.td,{children:`A strip above the page for offers or notices`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Footer`}),_jsx(_components.td,{children:`Links, policies and social icons`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Video`}),_jsx(_components.td,{children:`An embedded YouTube or Vimeo video`})]})]})]}),`\n`,_jsx(Note,{children:_jsx(_components.p,{children:`A Video section warns you if its URL isn’t a playable YouTube or Vimeo link -\nclick the warning to open the section and fix it.`})}),`\n`,_jsx(Heading,{level:`2`,id:`generating-sections-with-ai`,children:`Generating sections with AI`}),`\n`,_jsx(_components.p,{children:`Rather than starting from an empty section, you can describe what you want and have the builder generate it, or select an existing section and give it an instruction to rewrite.`}),`\n`,_jsx(_components.p,{children:`AI work is billed in tokens from a balance shared across your stores, shown in the builder as you work. If it stops responding you’re either out of tokens or there’s a temporary service issue - the message says which.`})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Sections","description":"The blocks your storefront pages are built from","icon":"layer-group","href":"/guides/builder/sections"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Commerce","slug":"commerce","depth":2,"children":[]},{"title":"Content","slug":"content","depth":2,"children":[]},{"title":"Layout and media","slug":"layout-and-media","depth":2,"children":[]},{"title":"Generating sections with AI","slug":"generating-sections-with-ai","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":["/_mintlify/custom/komerza/8afe0a459f8a498b/hero-search.js","/_mintlify/custom/komerza/55d6214b814c5c42/ripple.js"],"subdomain":"komerza","siteName":"Komerza Documentation","title":"Sections - Komerza Documentation","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{"en":{"href":"/guides/builder/sections","matchLevel":0},"fr":{"href":"/fr","matchLevel":4},"de":{"href":"/de","matchLevel":4},"pl":{"href":"/pl","matchLevel":4},"es":{"href":"/es","matchLevel":4}}},"lastModified":"2026-08-02T08:16:43.541Z","gitLastModified":"2026-08-31T10:04:38.000Z","originalFileLocation":"guides/builder/sections.mdx","locale":"en"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"The blocks your storefront pages are built from\">\u003cmeta data-mint-head name=\"application-name\" content=\"Komerza Documentation\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/komerza/iqYRnvBA9e16yiP0/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/komerza/iqYRnvBA9e16yiP0/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/komerza/iqYRnvBA9e16yiP0/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/komerza/iqYRnvBA9e16yiP0/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/komerza/iqYRnvBA9e16yiP0/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/komerza/iqYRnvBA9e16yiP0/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/komerza/iqYRnvBA9e16yiP0/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/komerza/iqYRnvBA9e16yiP0/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/komerza/iqYRnvBA9e16yiP0/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Sections - Komerza Documentation\">\u003cmeta data-mint-head property=\"og:description\" content=\"The blocks your storefront pages are built from\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Komerza Documentation\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.komerza.com/guides/builder/sections\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://komerza.mintlify.app/_mintlify/api/og/v2?division=Storefront+Builder\u0026amp;title=Sections\u0026amp;description=The+blocks+your+storefront+pages+are+built+from\u0026amp;theme=ddc75211e622c8b9003b058b\u0026amp;signature=fbd43402ebc1f72b149e4f313f370e5e3f1ede673d45d7bc9dcfbac287252c63\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Sections - Komerza Documentation\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"The blocks your storefront pages are built from\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://komerza.mintlify.app/_mintlify/api/og/v2?division=Storefront+Builder\u0026amp;title=Sections\u0026amp;description=The+blocks+your+storefront+pages+are+built+from\u0026amp;theme=ddc75211e622c8b9003b058b\u0026amp;signature=fbd43402ebc1f72b149e4f313f370e5e3f1ede673d45d7bc9dcfbac287252c63\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/komerza/iqYRnvBA9e16yiP0/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Komerza Documentation\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#3b82f6\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.komerza.com/guides/builder/sections\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/guides/builder/sections.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.komerza.com/#organization\",\"name\":\"Komerza Documentation\",\"url\":\"https://docs.komerza.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/komerza/b8Ru_h-4KK1SQzzO/logo/light.svg?fit=max\u0026auto=format\u0026n=b8Ru_h-4KK1SQzzO\u0026q=85\u0026s=0f9ba8d2c97d0b7886be5ab88b8a1521\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.komerza.com#website\",\"name\":\"Komerza Documentation\",\"url\":\"https://docs.komerza.com\",\"publisher\":{\"@id\":\"https://docs.komerza.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.komerza.com/guides/builder/sections#webpage\",\"url\":\"https://docs.komerza.com/guides/builder/sections\",\"name\":\"Sections\",\"description\":\"The blocks your storefront pages are built from\",\"dateModified\":\"2026-08-31T10:04:38.000Z\",\"isPartOf\":{\"@id\":\"https://docs.komerza.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.komerza.com/guides/builder/sections#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.komerza.com/guides/builder/sections#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Storefront Builder\",\"item\":\"https://docs.komerza.com/guides/builder/introduction\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sections\",\"item\":\"https://docs.komerza.com/guides/builder/sections\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.komerza.com/guides/builder/sections#article\",\"headline\":\"Sections\",\"name\":\"Sections\",\"description\":\"The blocks your storefront pages are built from\",\"url\":\"https://docs.komerza.com/guides/builder/sections\",\"mainEntityOfPage\":{\"@id\":\"https://docs.komerza.com/guides/builder/sections#webpage\"},\"dateModified\":\"2026-08-31T10:04:38.000Z\",\"publisher\":{\"@id\":\"https://docs.komerza.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.komerza.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Komerza Documentation\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Komerza Documentation","nav":{"global":{"anchors":[{"anchor":"System Status","icon":"wave-pulse","href":"https://status.komerza.com"},{"anchor":"Telegram","icon":"telegram","href":"https://t.me/komerzaecom"},{"anchor":"Discord","icon":"discord","href":"https://discord.gg/komerza"}]},"languages":[{"language":"en","tabs":[{"tab":"Guides","groups":[{"group":"Get Started","pages":[{"title":"Guides, API Reference and SDKs","sidebarTitle":"Home","icon":"house","mode":"custom","href":""},{"title":"How Delivery Works","icon":"truck","href":"/guides/delivery/introduction"},{"title":"Migrating to Komerza","icon":"arrow-right-arrow-left","href":"/guides/migrating-to-komerza"}]},{"group":"Store Setup","pages":[{"title":"Products \u0026 Variants","icon":"box","href":"/guides/products-and-variants"},{"title":"Selling Subscriptions","icon":"repeat","href":"/guides/subscriptions"},{"title":"Coupons \u0026 Discounts","icon":"tag","href":"/guides/coupons-and-discounts"},{"title":"Discord Roles","icon":"discord","href":"/guides/discord-roles"},{"title":"Custom Domain","icon":"globe","href":"/guides/custom-domain"},{"title":"Komerza CLI","icon":"terminal","href":"/guides/cli"}]},{"group":"Storefront Builder","pages":[{"title":"Storefront Builder","description":"Build your storefront visually, from the dashboard","icon":"swatchbook","href":"/guides/builder/introduction"},{"title":"Sections","icon":"layer-group","href":"/guides/builder/sections"},{"title":"Pages \u0026 SEO","description":"Adding pages, setting slugs and search metadata","icon":"diagram-project","href":"/guides/builder/pages"},{"title":"Publishing","icon":"cloud-arrow-up","href":"/guides/builder/publishing"},{"title":"Integrations","icon":"plug","href":"/guides/builder/integrations"}]},{"group":"Orders \u0026 Customers","pages":[{"title":"Managing Orders","icon":"receipt","href":"/guides/orders"},{"title":"Customers \u0026 Store Credit","icon":"users","href":"/guides/customers-and-store-credit"},{"title":"Notifications \u0026 Alerts","icon":"bell","href":"/guides/notifications"}]},{"group":"Grow","pages":[{"title":"Affiliate Program","icon":"handshake","href":"/guides/affiliates"},{"title":"Email Marketing","icon":"envelope","href":"/guides/email-marketing"}]},{"group":"Payment Setup","pages":[{"title":"Supported Payment Methods","icon":"credit-card","href":"/guides/payment-methods"},{"title":"Self-Custody Setup","icon":"vault","href":"/guides/self-custody-setup"},{"title":"Setup NOWPayments","icon":"coins","href":"/guides/nowpayments-setup"},{"title":"Setup Heleket","icon":"fire","href":"/guides/heleket-setup"},{"title":"Setup Apple Pay with Stripe","icon":"stripe","href":"/guides/apple-pay-stripe"},{"title":"Setup Cash App","icon":"square-dollar","href":"/guides/cash-app-setup"},{"title":"Setup Paddle","icon":"sack-dollar","href":"/guides/paddle-setup"},{"title":"Setup PayPal Business","icon":"paypal","href":"/guides/paypal-business-setup"},{"title":"Setup PayPal F\u0026F","icon":"paypal","href":"/guides/paypal-ff-setup"},{"title":"PayPal IPN Relay","icon":"cloud","href":"/guides/paypal-ipn-relay"},{"title":"Setup Shopify","icon":"shopify","href":"/guides/shopify-setup"},{"title":"Setup Skinloop","icon":"gamepad","href":"/guides/skinloop-setup"},{"title":"Custom Payment Methods","icon":"sliders","href":"/guides/custom-payment-methods"}]},{"group":"Integration Guides","pages":[{"title":"Embed SDK","icon":"arrow-pointer","href":"/guides/embed-sdk"},{"title":"Elements","icon":"object-group","tag":"Public beta","href":"/guides/elements"},{"title":"Embed Not Loading","icon":"circle-question","href":"/guides/embed-troubleshooting"},{"title":"Analytics SDK","icon":"chart-line","href":"/guides/analytics-sdk"},{"title":"Dynamic Delivery","icon":"bolt","href":"/guides/dynamic-delivery"},{"title":"Reselling","icon":"store","href":"/guides/reselling"},{"title":"Store Webhooks","icon":"webhook","href":"/guides/webhooks"}]},{"group":"Account","pages":[{"title":"Teams \u0026 Permissions","icon":"user-shield","href":"/guides/teams-and-permissions"}]}]},{"tab":"API Reference","pages":[{"title":"API Reference","href":"/api-reference/introduction"}]},{"tab":"Storefront SDK","pages":[{"title":"Storefront SDK","href":"/storefront/introduction"}]}]},{"language":"fr","pages":[{"title":"fr","href":"/fr"}]},{"language":"de","pages":[{"title":"de","href":"/de"}]},{"language":"pl","pages":[{"title":"pl","href":"/pl"}]},{"language":"es","pages":[{"title":"es","href":"/es"}]}]},"basePath":"","title":"Sections - Komerza Documentation","buildId":"dpl_DeHjVRGfFnhYQwHnfC2pjeXXv8h9","deploymentId":"dpl_DeHjVRGfFnhYQwHnfC2pjeXXv8h9","dynamics":[],"chunks":[]}
