Skip to main content

نظرة عامة

يمكن تغيير حجم زر السلة الثابت في Upcart وإعادة تموضعه باستخدام CSS مخصص. يتيح لك ذلك مطابقة هوية علامتك التجارية أو تفضيلات تجربة المستخدم بشكل أفضل على أجهزة سطح المكتب والجوال. يتوفر نهجان حسب مقدار التحكم الذي تريده.

الخيار 1: تغيير الحجم بالتحجيم (إعداد بسيط)

تستخدم هذه الطريقة معامل تحجيم واحدًا لتصغير أو تكبير الزر والأيقونة بشكل متناسب. إنها أسهل طريقة لضبط حجم الزر بأقل قدر من الكود.

أين تضيف هذا

انتقل إلى Upcart > Sticky Cart > Custom CSS، والصق الكود أدناه.

كيفية التخصيص

  • غيّر قيمة transform لتغيير حجم الزر (مثل 0.8 أو 0.6 أو 1.25 وغيرها)

الخيار 2: تغيير الحجم بالبكسل (تحكم متقدم)

تتيح لك هذه الطريقة التحكم في أبعاد كل عنصر على حدة باستخدام قيم px. استخدمها عندما تريد تعديلات دقيقة لا تعتمد على التحجيم.

كيفية التخصيص

  • عدّل المتغيرات في :root لزيادة أو تقليل حجم كل عنصر
  • اضبط قيم left وtop داخل المحددات لتوسيط الأيقونة والشارة بصريًا

هل تحتاج إلى مساعدة؟

إذا لم تكن متأكدًا من الطريقة المناسبة لك أو كنت بحاجة إلى مساعدة في كتابة CSS مخصص، نوصي بالتواصل مع أحد خبراء Shopify. لا يقدم فريق دعم Upcart المساعدة في تنفيذ CSS مباشرة. اطّلع على خبراء Shopify