ضمن Design MVP، انقر Update بجانب كل مكون من Framerfy يظهر بجانبه.
انشر موقعك.
تبقى إعداداتك وألوانك ونصوصك كما هي. استثناء واحد: زر الإضافة إلى العربة الذي ما زال بلون Framer الأزرق الافتراضي يصبح أسود بنص أبيض. الألوان التي اخترتها بنفسك تبقى. قد يستغرق ظهور التحديث بضع دقائق بعد إصداره. إذا لم يظهر، أعد تحميل المشروع.
يتذكر عربة Shopify التي أرسلها لتُفرَغ العربة بعد الطلب. يفتح الدفع في نفس التبويب.
عداد عناصر العربة
يحذف المنتجات المشتراة من العربة عند عودة المتسوق من طلب مكتمل. مغادرة الدفع دون الدفع تُبقي العربة.
متحكم حالة العربة
لم تعد العربة الممتلئة تُظهر حالة الفراغ للحظة أثناء تحميل الصفحة.
محدد المتغيرات الشامل
يعمل ببيانات CMS وحدها، ولا يترك المتسوق على تركيبة نافدة، وضبط Show على Hide ضمن Label يخفي التسمية الآن.
إجمالي سعر العربة
منزلتان عشريتان، دون مسافة بعد الرمز ($7.75)، وأي رمز عملة.
زر الإضافة إلى العربة
يضيف أول متغير متوفر عند عدم تحديد متغير. إضافة نفس المتغير مرة أخرى تزيد كميته. حُذف طلب غير ضروري عند تحميل الصفحة. الزر الجديد أسود بنص أبيض بدل الأزرق على الأزرق الذي لا يُقرأ.
Dynamic Product Price
يعرض عملة المتجر نفسه، ويعرض سعرًا قبل اختيار المتغير. سابقًا كانت المتاجر خارج الهند ترى ₹ وINR حتى ذلك الحين.
جميع مكونات العربة
تستخدم الإصدار الحالي من Storefront API في Shopify (2026-10).
تستورد إضافة Framerfy الآن كتالوجك بالكامل في جميع الخطط. افتح الإضافة وزامن لاستيراد المنتجات التي تتجاوز الحد القديم البالغ 25 منتجًا.
هل كانت هذه الصفحة مفيدة؟
{"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":"ar/shopify-integration/updating-components","slug":"/ar/shopify-integration/updating-components","pageMetadata":{"title":"تحديث مكوناتك","description":"احصل على أحدث الإصلاحات في موقع أنشأته بالفعل","href":"/ar/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: \"احصل على أحدث الإصلاحات في موقع أنشأته بالفعل\"\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 على موقعك المنشور من تلقاء نفسها. عندما نصدر إصلاحًا، يعرض Framer زر `,_jsx(_components.strong,{children:`Update`}),` في مشروعك، وأنت تختار متى تحدّث.`]}),`\n`,_jsx(Heading,{level:`2`,id:`كيفية-التحديث`,children:`كيفية التحديث`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`افتح موقعك في Framer.`}),`\n`,_jsxs(_components.li,{children:[`افتح لوحة `,_jsx(_components.strong,{children:`Assets`}),` على اليسار.`]}),`\n`,_jsxs(_components.li,{children:[`ضمن `,_jsx(_components.strong,{children:`Design MVP`}),`، انقر `,_jsx(_components.strong,{children:`Update`}),` بجانب كل مكون من Framerfy يظهر بجانبه.`]}),`\n`,_jsx(_components.li,{children:`انشر موقعك.`}),`\n`]}),`\n`,_jsx(_components.p,{children:`تبقى إعداداتك وألوانك ونصوصك كما هي. استثناء واحد: زر الإضافة إلى العربة الذي ما زال بلون Framer الأزرق الافتراضي يصبح أسود بنص أبيض. الألوان التي اخترتها بنفسك تبقى. قد يستغرق ظهور التحديث بضع دقائق بعد إصداره. إذا لم يظهر، أعد تحميل المشروع.`}),`\n`,_jsx(Heading,{level:`2`,id:`الجديد-10-نوفمبر-2026`,children:`الجديد (10 نوفمبر 2026)`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{style:{textAlign:`left`},children:`المكون`}),_jsx(_components.th,{style:{textAlign:`left`},children:`ما الذي تغيّر`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`زر الدفع`})}),_jsx(_components.td,{style:{textAlign:`left`},children:`يتذكر عربة Shopify التي أرسلها لتُفرَغ العربة بعد الطلب. يفتح الدفع في نفس التبويب.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`عداد عناصر العربة`})}),_jsx(_components.td,{style:{textAlign:`left`},children:`يحذف المنتجات المشتراة من العربة عند عودة المتسوق من طلب مكتمل. مغادرة الدفع دون الدفع تُبقي العربة.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`متحكم حالة العربة`})}),_jsx(_components.td,{style:{textAlign:`left`},children:`لم تعد العربة الممتلئة تُظهر حالة الفراغ للحظة أثناء تحميل الصفحة.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`محدد المتغيرات الشامل`})}),_jsxs(_components.td,{style:{textAlign:`left`},children:[`يعمل ببيانات CMS وحدها، ولا يترك المتسوق على تركيبة نافدة، وضبط `,_jsx(_components.strong,{children:`Show`}),` على `,_jsx(_components.code,{children:`Hide`}),` ضمن `,_jsx(_components.strong,{children:`Label`}),` يخفي التسمية الآن.`]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`إجمالي سعر العربة`})}),_jsxs(_components.td,{style:{textAlign:`left`},children:[`منزلتان عشريتان، دون مسافة بعد الرمز (`,_jsx(_components.code,{children:`$7.75`}),`)، وأي رمز عملة.`]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`زر الإضافة إلى العربة`})}),_jsx(_components.td,{style:{textAlign:`left`},children:`يضيف أول متغير متوفر عند عدم تحديد متغير. إضافة نفس المتغير مرة أخرى تزيد كميته. حُذف طلب غير ضروري عند تحميل الصفحة. الزر الجديد أسود بنص أبيض بدل الأزرق على الأزرق الذي لا يُقرأ.`})]}),_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:`يعرض عملة المتجر نفسه، ويعرض سعرًا قبل اختيار المتغير. سابقًا كانت المتاجر خارج الهند ترى ₹ وINR حتى ذلك الحين.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{style:{textAlign:`left`},children:_jsx(_components.strong,{children:`جميع مكونات العربة`})}),_jsx(_components.td,{style:{textAlign:`left`},children:`تستخدم الإصدار الحالي من Storefront API في Shopify (2026-10).`})]})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`بلا-حد-للمنتجات`,children:`بلا حد للمنتجات`}),`\n`,_jsx(_components.p,{children:`تستورد إضافة Framerfy الآن كتالوجك بالكامل في جميع الخطط. افتح الإضافة وزامن لاستيراد المنتجات التي تتجاوز الحد القديم البالغ 25 منتجًا.`})]})}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":"تحديث مكوناتك","description":"احصل على أحدث الإصلاحات في موقع أنشأته بالفعل","href":"/ar/shopify-integration/updating-components"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"كيفية التحديث","slug":"كيفية-التحديث","depth":2,"children":[]},{"title":"الجديد (10 نوفمبر 2026)","slug":"الجديد-10-نوفمبر-2026","depth":2,"children":[]},{"title":"بلا حد للمنتجات","slug":"بلا-حد-للمنتجات","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":1},"ar":{"href":"/ar/shopify-integration/updating-components","matchLevel":0}}},"lastModified":"2026-11-10T16:10:49.552Z","originalFileLocation":"ar/shopify-integration/updating-components.mdx","locale":"ar"},"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=\"احصل على أحدث الإصلاحات في موقع أنشأته بالفعل\">\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/ar/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=%D8%AA%D8%AD%D8%AF%D9%8A%D8%AB+%D9%85%D9%83%D9%88%D9%86%D8%A7%D8%AA%D9%83\u0026amp;description=%D8%A7%D8%AD%D8%B5%D9%84+%D8%B9%D9%84%D9%89+%D8%A3%D8%AD%D8%AF%D8%AB+%D8%A7%D9%84%D8%A5%D8%B5%D9%84%D8%A7%D8%AD%D8%A7%D8%AA+%D9%81%D9%8A+%D9%85%D9%88%D9%82%D8%B9+%D8%A3%D9%86%D8%B4%D8%A3%D8%AA%D9%87+%D8%A8%D8%A7%D9%84%D9%81%D8%B9%D9%84\u0026amp;theme=ff7242f0166b7f9d470e6541\u0026amp;signature=5a71722c04255eaf9b43fa3c2184be83b85b9b8ce56ccdd06e7e44ecd605a24b\">\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=%D8%AA%D8%AD%D8%AF%D9%8A%D8%AB+%D9%85%D9%83%D9%88%D9%86%D8%A7%D8%AA%D9%83\u0026amp;description=%D8%A7%D8%AD%D8%B5%D9%84+%D8%B9%D9%84%D9%89+%D8%A3%D8%AD%D8%AF%D8%AB+%D8%A7%D9%84%D8%A5%D8%B5%D9%84%D8%A7%D8%AD%D8%A7%D8%AA+%D9%81%D9%8A+%D9%85%D9%88%D9%82%D8%B9+%D8%A3%D9%86%D8%B4%D8%A3%D8%AA%D9%87+%D8%A8%D8%A7%D9%84%D9%81%D8%B9%D9%84\u0026amp;theme=ff7242f0166b7f9d470e6541\u0026amp;signature=5a71722c04255eaf9b43fa3c2184be83b85b9b8ce56ccdd06e7e44ecd605a24b\">\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/ar/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=\"/ar/shopify-integration/updating-components.md\">\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=\"en\" href=\"https://docs.framerfy.ae/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/ar/shopify-integration/updating-components#webpage\",\"url\":\"https://docs.framerfy.ae/ar/shopify-integration/updating-components\",\"name\":\"تحديث مكوناتك\",\"description\":\"احصل على أحدث الإصلاحات في موقع أنشأته بالفعل\",\"dateModified\":\"2026-11-10T16:10:49.552Z\",\"isPartOf\":{\"@id\":\"https://docs.framerfy.ae#website\"}},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.framerfy.ae/ar/shopify-integration/updating-components#article\",\"headline\":\"تحديث مكوناتك\",\"name\":\"تحديث مكوناتك\",\"description\":\"احصل على أحدث الإصلاحات في موقع أنشأته بالفعل\",\"url\":\"https://docs.framerfy.ae/ar/shopify-integration/updating-components\",\"mainEntityOfPage\":{\"@id\":\"https://docs.framerfy.ae/ar/shopify-integration/updating-components#webpage\"},\"dateModified\":\"2026-11-10T16:10:49.552Z\",\"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":"/ar/shopify-integration/updating-components.md","siteName":"Framerfy Docs — Setup, Components \u0026 Guides","nav":{"global":{"versions":[{"version":"v0.1","href":"/"}]},"languages":[{"language":"en","default":true,"pages":[{"title":"en","href":"/shopify-integration/updating-components"}]},{"language":"ar","anchors":[{"anchor":"تكامل Shopify","icon":"square-terminal","pages":[{"title":"البدء","description":"يرشدك هذا الدليل خلال إنشاء متجر Shopify وتهيئة Storefront API للتكامل مع Framerfy.","href":"/ar/shopify-integration/getting-started"},{"title":"تحديث مكوناتك","href":"/ar/shopify-integration/updating-components"},{"title":"الأسئلة الشائعة","description":"يحتوي هذا القسم على الأسئلة الأكثر شيوعًا.","href":"/ar/shopify-integration/faq"}]},{"anchor":"منشئ المتاجر بالذكاء الاصطناعي","icon":"wand-magic-sparkles","pages":[{"title":"منشئ المتاجر بالذكاء الاصطناعي","href":"/ar/ai-builder/overview"}]},{"anchor":"المكونات","icon":"block-brick","pages":[{"title":"المكونات","href":"/ar/components/overview"}]}]}]},"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"]}