إلى جانب التنسيق، للسلة بضعة إعدادات سلوك تتحكم في كيفية تفاعلها مع واجهة متجرك — متى يُفتح الدرج، وأي عناصر القالب يُبقيها Aftersell متزامنة مع السلة.
في محرر السلة، افتح Cart settings. الخيارات أدناه مجمّعة تحت Behavior وCustom selector.
يتحكم Open cart when an item is added في ما إذا كان الدرج يُفتح تلقائيًا في كل مرة يضيف فيها المتسوق منتجًا. وهو مفعّل افتراضيًا. عطّله إذا كنت تفضّل أن تبقى السلة مغلقة حتى يفتحها المتسوق بنفسه.
يرتبط Aftersell بواجهة متجرك من خلال محددات CSS — على سبيل المثال، لمعرفة العنصر الذي يفتح السلة، أو عداد أيقونة السلة الذي يجب إبقاؤه متزامنًا. يغطي الاكتشاف المدمج قوالب Shopify الأكثر شيوعًا (Dawn وSense وCrave وDebut وImpulse وHorizon وغيرها الكثير)، لذا لا تحتاج معظم المتاجر إلى لمس هذه الإعدادات أبدًا. عدّل محددًا فقط إذا لم يعمل شيء بشكل صحيح على قالبك.
يوفر كل محدد الأوضاع الثلاثة نفسها:
حقل إدخال المحدد مفعّل فقط لوضعي Default + custom وCustom only.
- افتح واجهة متجرك في متصفح (يُنصح بـ Chrome).
- انقر بزر الفأرة الأيمن على العنصر الذي تريد استهدافه — أيقونة السلة أو رقم العداد أو زر الإضافة إلى السلة — واختر Inspect.
- في اللوحة التي تُفتح، ابحث عن العنصر الذي يمثّله (غالبًا ما يكون العداد عنصر
span داخل أيقونة السلة).
- دوّن صنفه (يبدأ بـ
.) أو معرّفه (يبدأ بـ #) — مثل .header__cart-count span أو #CartCount.
- عد إلى Cart settings، واضبط المحدد على Default + custom أو Custom only والصقه.
- احفظ، ثم اختبر على سطح المكتب والجوال معًا.
ابدأ بـ Default — فهو يعمل مع معظم القوالب دون أي إعداد. الجأ إلى Default + custom عندما تتحدّث واحدة فقط من عدة أيقونات (مثلًا، يعمل سطح المكتب دون الجوال)، وإلى Custom only عندما يستهدف الافتراضي العنصر الخطأ. إذا لم تكن متأكدًا من المحدد الذي تستخدمه، يمكن لمطوّر قالبك الإشارة إليه — لا تحتاج إلى كتابة أي كود، فقط النسخ واللصق.
