> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# معاينة السلال

> عاين سلة Aftersell Cart قبل النشر — في لوحة المحرر وعلى قالب واجهة متجرك الفعلية.

يمكنك معاينة السلة بطريقتين: مباشرةً في المحرر أثناء بنائها، وعلى قالب واجهة متجرك قبل أن تصبح عامة.

<div id="the-editor-canvas">
  ## لوحة المحرر
</div>

مركز محرر السلة هو معاينة حية تعرض السلة الحقيقية. يعرض **حالتي السلة جنبًا إلى جنب** — بطاقة **Filled cart** وبطاقة **Empty cart** — بحيث ترى الحالتين معًا أثناء العمل.

* **اختر الحالة التي تحررها** بمفتاح التبديل **Filled / Empty** في الشريط الجانبي، أو بالنقر على **العنوان أعلى** البطاقة. النقر *داخل* البطاقة لا يبدّل الحالة — بل يحدد البلوك الواقع أسفل المؤشر. البطاقة النشطة تكون محاطة بإطار، والبلوك الذي تحرره يحصل على تمييز خاص به.
* **كبّر أو صغّر** باستخدام شريط التكبير على اللوحة نفسها (25%–200%): يتدرج `+` و`−` بمقدار 10%، والنقر على النسبة المئوية يعيدها إلى 75%. يقوم Ctrl/Cmd + التمرير بالتكبير حول مؤشرك، بينما التمرير العادي والسحب ينقلان العرض.
* تعكس المعاينة [إعدادات التصميم](/ar/aftersell/cart/design-settings) و[CSS المخصص](/ar/aftersell/cart/custom-css) مباشرةً أثناء تغييرها.

<div id="preview-on-your-storefront">
  ## المعاينة على واجهة متجرك
</div>

استخدم **Preview** على سلة لرؤيتها على قالب حقيقي في تبويب جديد، دون جعلها عامة:

* **السلال المنشورة** تفتح واجهة متجرك مباشرة — فالسلة المنشورة هي بالفعل ما يراه المتسوقون.
* **السلال المسودة** تفتح **معاينة قالب**. تختار القالب الذي تريد المعاينة عليه (قالبك الرئيسي هو الافتراضي)، ويجهّز Aftersell السلة المسودة على ذلك القالب لجلسة معاينتك فقط، دون المساس بسلتك المنشورة. يجب أن يكون app embed مفعّلًا على القالب الذي تختاره.

<Note>
  قد لا تعكس معاينات المسودة سلوك السلة المنشورة بالكامل — تعامل معها كتقريب قريب، وقم بفحص نهائي بعد النشر.
</Note>

احفظ تغييراتك قبل المعاينة — يطالبك المحرر بالحفظ حتى تعكس المعاينة أحدث عملك.

<div id="empty-vs-filled-states">
  ## الحالتان الفارغة والممتلئة
</div>

كلتا الحالتين متاحتان دائمًا في لوحة المحرر (البطاقتان)، لذا يمكنك تصميم السلة الفارغة والسلة الممتلئة والتحقق منهما بشكل مستقل. أما على واجهة المتجر، فيرى المتسوقون الحالة المطابقة لسلتهم.

<div id="sample-data-scenarios">
  ## سيناريوهات البيانات النموذجية
</div>

تحتوي لوحة إعدادات [بلوك Cart items](/ar/aftersell/cart/cart-items-block) على قسم **Preview** مع منتقي **Sample data**، مما يتيح لك تبديل معاينة المحرر بين سيناريوهات بنود مختلفة للتحقق من شكل كل سيناريو دون بناء سلة مطابقة:

| السيناريو             | ما الذي يعرضه                                               |
| --------------------- | ----------------------------------------------------------- |
| **Standard product**  | منتج واحد مع خصم مُطبَّق.                                   |
| **Long product name** | منتج بعنوان طويل جدًا، للتحقق من التفاف النص وتجاوزه.       |
| **Bundle**            | بند حزمة رئيسي مع عناصره الفرعية.                           |
| **Subscription**      | بند اشتراك مع تسمية خطة البيع الخاصة به.                    |
| **All item types**    | اسم المنتج الطويل وبندا الاشتراك والحزمة معًا في سلة واحدة. |

يؤثر اختيارك على معاينة المحرر فقط. لا يُحفظ أبدًا في السلة، ويُعاد ضبطه عند إعادة تحميل المحرر.