سعر المنتج الديناميكي

مكون عرض سعر واعٍ بالمتغيرات لـ Framer يعرض إما أدنى سعر متاح لبطاقة المنتج أو سعر المتغير المحدد حاليًا في صفحة المنتج.

---

​

ما الذي يفعله

يعرض سعر المنتج الديناميكي قيمة سعر واحدة كعنصر نص منسق. له وضعان — Card لصفحات قوائم المنتجات وProduct لصفحات تفاصيل المنتج — ويدعم رمز العملة والرمز الاختصاري وتنسيق الكسور العشرية الاختياريين. السلوكيات الرئيسية:

• وضع Card — يعرض أدنى سعر عبر جميع المتغيرات. مفيد في صفحات المجموعات أو القوائم حيث لم يُحدَّد متغير معين.
• وضع Product — يقرأ معامل URL ‏?variant= ويعرض سعر المتغير المحدد حاليًا. يتحدث تلقائيًا عند تغيير المتغير (مثل عند تفاعل المستخدم مع محدد متغير).
• رمز العملة والرمز الاختصاري — يعرض اختياريًا رمز العملة (مثل ₹) و/أو الرمز الاختصاري (مثل INR) بجانب السعر. كلاهما مشتق من حقل currencyCode للمتغير، مع الرجوع إلى إعداد Currency في Format.
• التحكم في الكسور العشرية — يمكن عرض الكسور العشرية أو إخفاؤها بشكل مستقل عن الرمز والرمز الاختصاري.
• دعم المتغيرات — يستمع لأحداث popstate حتى يبقى السعر المعروض متزامنًا مع المتغير النشط عبر جميع مكونات المحددات في الصفحة.

---

​

ضوابط الخصائص

جميع الضوابط متاحة في لوحة Framer اليمنى عند تحديد المكون. تُجمَّع في خمسة أقسام: Product ID، Variants، Price Type، Format، وStyles.

​

Product ID

​

Variants (CMS)

​

Price Type

​

Format

يتحكم في طريقة عرض قيمة السعر.

​

Styles

يتحكم في المظهر البصري لنص السعر.

​

ملاحظات

• العملات المدعومة ورموزها: USD $، EUR €، GBP £، INR ₹، JPY ¥، CNY ¥، AUD A$، CAD C$، CHF CHF، SEK kr، NZD NZ$، SGD S$، HKD HK$، KRW ₩، ZAR R، RUB ₽، BRL R$، MXN MX$، AED د.إ، SAR ﷼.
• في وضع Card يكون السعر المعروض دائمًا أدنى سعر عبر جميع المتغيرات، بغض النظر عن أي معامل متغير نشط في URL.
• في وضع Product يتحدث السعر تلقائيًا كلما تغير معامل URL ‏?variant= — لا حاجة لتوصيلات إضافية طالما أن محددات المتغيرات في الصفحة تكتب أيضًا في ذلك المعامل.
• إذا لم يكن هناك متغير محدد ولم تُمرَّر خاصية price احتياطية، فقد تُعرض منطقة السعر فارغة في وضع Product.