Get the latest fixes into a site you’ve already built
Framerfy components don’t change on your live site by themselves. When we release a fix, Framer offers an Update in your project. You choose when to take it.
Under Design MVP, click Update next to each Framerfy component that shows it.
Publish your site.
Your settings, colors and labels stay as they are. One exception: an Add to Cart Button still on Framer’s default blue turns black with a white label. Colors you picked yourself stay. An update can take a few minutes to appear after we release it. If you don’t see it, reload the project.
Remembers the Shopify cart it sent, so the cart can clear after the order. Opens checkout in the same tab.
Cart Item Counter
Removes the bought items from the cart when the shopper returns from a completed order. Leaving checkout without paying keeps the cart.
Cart State Controller
A full cart no longer flashes the empty state while the page loads.
Universal Variant Picker
Works from the CMS data alone, never leaves a shopper on a sold-out combination, and Show = Hide under Label now hides the label.
Cart Total Price
Two decimals, no space after the symbol ($7.75), any currency code.
Add to Cart Button
Adds the first in-stock variant when none is selected. Adding the same variant again raises its quantity. One unneeded request on page load is gone. A new button is black with a white label instead of an unreadable blue on blue.
Dynamic Product Price
Shows the store’s own currency, and a price before a variant is picked. Before, stores outside India could see ₹ and INR until then.
All cart components
Use Shopify’s current Storefront API version (2026-10).
The Framerfy plugin now imports your whole catalog on every plan. Open the plugin and sync to bring in products past the old 25-product limit.
Was this page helpful?
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Framerfy Docs — Setup, Components \u0026 Guides","public":true,"description":"Official Framerfy documentation. Learn how to connect Shopify to Framer, configure components, sync products, and launch your storefront.","colors":{"primary":"#5CA87C"},"logo":"https://mintcdn.com/thedesignmvp/Bnj9GiW8prCxI3an/public/logo.svg?fit=max\u0026auto=format\u0026n=Bnj9GiW8prCxI3an\u0026q=85\u0026s=68c5c26880a44a6692962464a1d1dc40","favicon":"https://mintcdn.com/thedesignmvp/Bnj9GiW8prCxI3an/public/favicon.png?fit=max\u0026auto=format\u0026n=Bnj9GiW8prCxI3an\u0026q=85\u0026s=15958dad2a57681c1a6e6939a01b2d81","appearance":{"default":"dark","strict":true},"navbar":{"links":[{"href":"https://framerfy.framer.ai/#templates","label":"Templates"},{"href":"https://admin.framerfy.ae/#pricing","label":"Pricing"}],"primary":{"type":"button","label":"Login","href":"https://admin.framerfy.ae"}},"footer":{"socials":{"x":"https://x.com/thedesignmvp","linkedin":"https://www.linkedin.com/company/thedesignmvp"}},"seo":{"metatags":{"charset":"UTF-8","viewport":"width=device-width, initial-scale=1.0","title":"Framerfy Docs – Shopify Storefronts in Framer","description":"Learn how to set up and use Framerfy to connect Shopify with Framer. Step-by-step guides, component usage, syncing products, and troubleshooting.","keywords":"Framerfy, Shopify, Storefronts, Framer, Components, Integration","robots":"index, follow","googlebot":"index, follow","language":"en","canonical":"https://docs.framerfy.ae","theme-color":"#5CA87C","color-scheme":"light dark","format-detection":"telephone=no","HandheldFriendly":"True","MobileOptimized":"320","apple-mobile-web-app-capable":"yes","apple-mobile-web-app-status-bar-style":"black-translucent","og:title":"Framerfy Docs – Shopify Storefronts in Framer","og:type":"website","og:url":"https://docs.framerfy.ae","og:description":"Learn how to set up and use Framerfy to connect Shopify with Framer. Step-by-step guides, component usage, syncing products, and troubleshooting.","og:site_name":"Framerfy Docs","og:locale":"en_US","og:locale:alternate":"ar_AE","twitter:card":"summary_large_image","twitter:title":"Framerfy Docs – Shopify Storefronts in Framer","twitter:description":"Learn how to set up and use Framerfy to connect Shopify with Framer. Step-by-step guides, component usage, syncing products, and troubleshooting."}},"banner":{"content":"This is a beta version of the documentation. Please report any issues or feedback to support@framerfy.ae","dismissible":true},"styling":{"latex":false},"navigation":{"global":{"versions":[{"version":"v0.1","href":"/"}]},"languages":[{"language":"en","default":true,"href":"shopify-integration/getting-started"},{"language":"ar","href":"ar/shopify-integration/getting-started"}]}},"deployment":{"deploymentMetadataValue":{"subdomain":"thedesignmvp","hasAudioNarration":false,"actualSubdomain":"thedesignmvp","customDomains":["docs.framerfy.ae"],"gitSource":{"type":"github","owner":"thedesignmvp","repo":"framerfy-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"feedback":{"thumbs":true},"entitlements":{},"buildId":"6af4a892d28a7cb72d4506c3","clientVersion":"0.0.4124","searchFilterCounts":[{"language":"en","tag":"Components","count":16},{"language":"ar","tag":"المكونات","count":16},{"language":"en","tag":"AI store builder","count":3},{"language":"en","tag":"Shopify Integration","count":3},{"language":"ar","tag":"منشئ المتاجر بالذكاء الاصطناعي","count":3},{"language":"ar","tag":"تكامل Shopify","count":3}],"searchSettings":{"maxResults":5}},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-rbac-roles","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":"rbac-expansion","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":"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":"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":"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":"editor-metadata","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},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","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}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"shopify-integration/updating-components","slug":"/shopify-integration/updating-components","pageMetadata":{"title":"Updating your components","description":"Get the latest fixes into a site you've already built","href":"/shopify-integration/updating-components"},"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: \"Get the latest fixes into a site you’ve already built\"\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={code:`code`,li:`li`,ol:`ol`,p:`p`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,..._provideComponents(),...props.components},{Heading,Table}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!Table)_missingMdxReference(`Table`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[`Framerfy components don’t change on your live site by themselves. When we release a fix, Framer offers an `,_jsx(_components.strong,{children:`Update`}),` in your project. You choose when to take it.`]}),`\n`,_jsx(Heading,{level:`2`,id:`how-to-update`,children:`How to update`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`Open your site in Framer.`}),`\n`,_jsxs(_components.li,{children:[`Open the `,_jsx(_components.strong,{children:`Assets`}),` panel on the left.`]}),`\n`,_jsxs(_components.li,{children:[`Under `,_jsx(_components.strong,{children:`Design MVP`}),`, click `,_jsx(_components.strong,{children:`Update`}),` next to each Framerfy component that shows it.`]}),`\n`,_jsx(_components.li,{children:`Publish your site.`}),`\n`]}),`\n`,_jsx(_components.p,{children:`Your settings, colors and labels stay as they are. One exception: an Add to Cart Button still on Framer’s default blue turns black with a white label. Colors you picked yourself stay. An update can take a few minutes to appear after we release it. If you don’t see it, reload the project.`}),`\n`,_jsx(Heading,{level:`2`,id:`what’s-new-10-november-2026`,children:`What’s new (10 November 2026)`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{style:{textAlign:`left`},children:`Component`}),_jsx(_components.th,{style:{textAlign:`left`},children:`What changed`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`Checkout Button`})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Remembers the Shopify cart it sent, so the cart can clear after the order. Opens checkout in the same tab.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`Cart Item Counter`})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Removes the bought items from the cart when the shopper returns from a completed order. Leaving checkout without paying keeps the cart.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`Cart State Controller`})}),_jsx(_components.td,{style:{textAlign:`left`},children:`A full cart no longer flashes the empty state while the page loads.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`Universal Variant Picker`})}),_jsxs(_components.td,{style:{textAlign:`left`},children:[`Works from the CMS data alone, never leaves a shopper on a sold-out combination, and `,_jsx(_components.strong,{children:`Show`}),` = `,_jsx(_components.code,{children:`Hide`}),` under `,_jsx(_components.strong,{children:`Label`}),` now hides the label.`]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`Cart Total Price`})}),_jsxs(_components.td,{style:{textAlign:`left`},children:[`Two decimals, no space after the symbol (`,_jsx(_components.code,{children:`$7.75`}),`), any currency code.`]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`Add to Cart Button`})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Adds the first in-stock variant when none is selected. Adding the same variant again raises its quantity. One unneeded request on page load is gone. A new button is black with a white label instead of an unreadable blue on blue.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`Dynamic Product Price`})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Shows the store’s own currency, and a price before a variant is picked. Before, stores outside India could see ₹ and INR until then.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`All cart components`})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Use Shopify’s current Storefront API version (2026-10).`})]})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`no-product-limit`,children:`No product limit`}),`\n`,_jsx(_components.p,{children:`The Framerfy plugin now imports your whole catalog on every plan. Open the plugin and sync to bring in products past the old 25-product limit.`})]})}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":"Updating your components","description":"Get the latest fixes into a site you've already built","href":"/shopify-integration/updating-components"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"How to update","slug":"how-to-update","depth":2,"children":[]},{"title":"What’s new (10 November 2026)","slug":"what’s-new-10-november-2026","depth":2,"children":[]},{"title":"No product limit","slug":"no-product-limit","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"thedesignmvp","siteName":"Framerfy Docs — Setup, Components \u0026 Guides","title":"Framerfy Docs – Shopify Storefronts in Framer","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{"en":{"href":"/shopify-integration/updating-components","matchLevel":0},"ar":{"href":"/ar/shopify-integration/updating-components","matchLevel":1}}},"lastModified":"2026-11-10T16:10:49.551Z","originalFileLocation":"shopify-integration/updating-components.mdx","locale":"en"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=\"dark\";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=\"dark\"}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=\"Get the latest fixes into a site you\u0026#x27;ve already built\">\u003cmeta data-mint-head name=\"keywords\" content=\"Framerfy, Shopify, Storefronts, Framer, Components, Integration\">\u003cmeta data-mint-head name=\"application-name\" content=\"Framerfy Docs — Setup, Components \u0026amp; Guides\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003cmeta data-mint-head name=\"robots\" content=\"index, follow\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/thedesignmvp/nVAH7Mo4X4OXEnC_/_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/thedesignmvp/nVAH7Mo4X4OXEnC_/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/thedesignmvp/nVAH7Mo4X4OXEnC_/_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/thedesignmvp/nVAH7Mo4X4OXEnC_/_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/thedesignmvp/nVAH7Mo4X4OXEnC_/_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/thedesignmvp/nVAH7Mo4X4OXEnC_/_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/thedesignmvp/nVAH7Mo4X4OXEnC_/_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/thedesignmvp/nVAH7Mo4X4OXEnC_/_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/thedesignmvp/nVAH7Mo4X4OXEnC_/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Framerfy Docs – Shopify Storefronts in Framer\">\u003cmeta data-mint-head property=\"og:description\" content=\"Learn how to set up and use Framerfy to connect Shopify with Framer. Step-by-step guides, component usage, syncing products, and troubleshooting.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Framerfy Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.framerfy.ae/shopify-integration/updating-components\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://thedesignmvp.mintlify.site/_mintlify/api/og/v2?division=Documentation\u0026amp;title=Updating+your+components\u0026amp;description=Get+the+latest+fixes+into+a+site+you%27ve+already+built\u0026amp;theme=ff7242f0166b7f9d470e6541\u0026amp;signature=aac381ccbc0b9a6aa1f33d1c5d4ae5557b395aea907049b06bb8a3ebc0ff5ba1\">\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=\"Framerfy Docs – Shopify Storefronts in Framer\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Learn how to set up and use Framerfy to connect Shopify with Framer. Step-by-step guides, component usage, syncing products, and troubleshooting.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://thedesignmvp.mintlify.site/_mintlify/api/og/v2?division=Documentation\u0026amp;title=Updating+your+components\u0026amp;description=Get+the+latest+fixes+into+a+site+you%27ve+already+built\u0026amp;theme=ff7242f0166b7f9d470e6541\u0026amp;signature=aac381ccbc0b9a6aa1f33d1c5d4ae5557b395aea907049b06bb8a3ebc0ff5ba1\">\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/thedesignmvp/nVAH7Mo4X4OXEnC_/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Framerfy Docs — Setup, Components \u0026amp; Guides\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#5CA87C\">\u003cmeta data-mint-head name=\"og:locale\" content=\"en_US\">\u003cmeta data-mint-head name=\"charset\" content=\"UTF-8\">\u003cmeta data-mint-head name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\u003cmeta data-mint-head name=\"googlebot\" content=\"index, follow\">\u003cmeta data-mint-head name=\"language\" content=\"en\">\u003cmeta data-mint-head name=\"theme-color\" content=\"#5CA87C\">\u003cmeta data-mint-head name=\"color-scheme\" content=\"light dark\">\u003cmeta data-mint-head name=\"format-detection\" content=\"telephone=no\">\u003cmeta data-mint-head name=\"HandheldFriendly\" content=\"True\">\u003cmeta data-mint-head name=\"MobileOptimized\" content=\"320\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-capable\" content=\"yes\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">\u003cmeta data-mint-head name=\"og:locale:alternate\" content=\"ar_AE\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.framerfy.ae/shopify-integration/updating-components\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/shopify-integration/updating-components.md\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"en\" href=\"https://docs.framerfy.ae/shopify-integration/updating-components\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"ar\" href=\"https://docs.framerfy.ae/ar/shopify-integration/updating-components\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"x-default\" href=\"https://docs.framerfy.ae/shopify-integration/updating-components\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.framerfy.ae/#organization\",\"name\":\"Framerfy Docs — Setup, Components \u0026 Guides\",\"url\":\"https://docs.framerfy.ae\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/thedesignmvp/Bnj9GiW8prCxI3an/public/logo.svg?fit=max\u0026auto=format\u0026n=Bnj9GiW8prCxI3an\u0026q=85\u0026s=68c5c26880a44a6692962464a1d1dc40\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.framerfy.ae#website\",\"name\":\"Framerfy Docs — Setup, Components \u0026 Guides\",\"url\":\"https://docs.framerfy.ae\",\"publisher\":{\"@id\":\"https://docs.framerfy.ae/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.framerfy.ae/shopify-integration/updating-components#webpage\",\"url\":\"https://docs.framerfy.ae/shopify-integration/updating-components\",\"name\":\"Updating your components\",\"description\":\"Get the latest fixes into a site you've already built\",\"dateModified\":\"2026-11-10T16:10:49.551Z\",\"isPartOf\":{\"@id\":\"https://docs.framerfy.ae#website\"}},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.framerfy.ae/shopify-integration/updating-components#article\",\"headline\":\"Updating your components\",\"name\":\"Updating your components\",\"description\":\"Get the latest fixes into a site you've already built\",\"url\":\"https://docs.framerfy.ae/shopify-integration/updating-components\",\"mainEntityOfPage\":{\"@id\":\"https://docs.framerfy.ae/shopify-integration/updating-components#webpage\"},\"dateModified\":\"2026-11-10T16:10:49.551Z\",\"publisher\":{\"@id\":\"https://docs.framerfy.ae/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.framerfy.ae#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Framerfy Docs — Setup, Components \u0026 Guides\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"Framerfy Docs — Setup, Components \u0026 Guides\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/shopify-integration/updating-components.md","siteName":"Framerfy Docs — Setup, Components \u0026 Guides","nav":{"global":{"versions":[{"version":"v0.1","href":"/"}]},"languages":[{"language":"en","default":true,"anchors":[{"anchor":"Shopify Integration","icon":"square-terminal","pages":[{"title":"Getting Started ","description":"This guide walks you through creating a Shopify store and configuring the Storefront API for headless commerce integration with Framerfy.","href":"/shopify-integration/getting-started"},{"title":"Updating your components","href":"/shopify-integration/updating-components"},{"title":"FAQ","description":"This section contains the commonly asked questions.","href":"/shopify-integration/faq"}]},{"anchor":"AI store builder","icon":"wand-magic-sparkles","pages":[{"title":"AI store builder","href":"/ai-builder/overview"}]},{"anchor":"Components","icon":"block-brick","pages":[{"title":"Components","href":"/components/overview"}]}]},{"language":"ar","pages":[{"title":"ar","href":"/ar/shopify-integration/updating-components"}]}]},"basePath":"","title":"Framerfy Docs – Shopify Storefronts in Framer","buildId":"dpl_8hoxaqFTU7hTr6A2fUraxAyjuiZo","deploymentId":"dpl_8hoxaqFTU7hTr6A2fUraxAyjuiZo","dynamics":["10e4515597"],"chunks":["BannerMarkdown-D7Q3g8OM.js","dist-BvrGG8gU.js","lib-DuNMoZ05.js","lib-B8HbPgcC.js","clsx-B35qUV0p.js","html-void-elements-mCSPHezU.js","katex-YMM-FMeD.js","marked.esm-CZWythHk.js"]}