Angel has three elements that show products: «منتجات (ملاك)» (products), «منتجات متحركة مع خلفية» (products slider with background) and «منتج مميز (ملاك)» (featured product).
#«منتجات (ملاك)» (products)
Shows products from your store in a slider or a grid. To move the slider automatically, use «تحريك المنتجات المتحركة تلقائيًا» (product slider autoplay) in the general settings.
| Setting | Default | What it does |
|---|---|---|
| «عنوان القسم الرئيسي» | Empty | The element's title. Up to 200 characters. |
| «عنوان القسم الفرعي» | «وصل حديثًا» ("just arrived") | A line with the title. Up to 200 characters. |
| «أضف أيقونة للعنوان» | A sample image | A small image next to the title. Suggested size 300×300 pixels. |
| «عرض المنتجات على شكل شبكة بدلًا من سلايدر» | Off | Rows and columns instead of a single sliding row. |
| «عدد الأعمدة في الكمبيوتر والتابلت» | 4 | From 1 to 8. |
| «عدد الأعمدة في الجوال» | 2 | From 1 to 3. |
| «إضافة زر ورابط» | On | A button next to the title. |
| «نص الزر» | «عرض الكل» ("view all") | Shown with the button. Up to 50 characters. |
| «رابط الزر» | Empty | The page the button opens. |
| «توسيط العناوين» | Off | Centers the title. |
| «إظهار جزء من المنتج الأخير» | On | Slider only: shows the edge of the next product. |
| «توسيط المنتجات في الكمبيوتر» | Off | Slider only. |
| «توسيع عرض المنتجات في الكمبيوتر» | Off | Makes the element wider on desktop. |
| «نوع المنتجات» | «أحدث المنتجات» (latest) | Products from a category, best sellers, latest, discounted, or selected products. |
| «حدد التصنيف المطلوب» | Empty | Appears with products from a category («منتجات من تصنيف»). |
| «حدد المنتجات المطلوبة» | Empty | Appears with selected products («منتجات مختارة»). |
| «حدد عدد المنتجات» | 10 | From 1 to 32 products. |
#«منتجات متحركة مع خلفية» (products slider with background)
Products you pick yourself, in a slider over a background image.
| Setting | Default | What it does |
|---|---|---|
| «صورة الخلفية» | Empty | The background image, which is required. |
| «عنوان رئيسي» | Empty | Up to 80 characters. |
| «نص توضيحي» | Empty | Up to 255 characters. |
| «منتجات» | Empty | The products shown, which are required. |
| «رابط عرض الكل» | Empty | The link for the «عرض الكل» (view all) button. If you leave it empty, the button is hidden. |
| «تثبيت المظهر الداكن» | Off | The element is always dark. |
#«منتج مميز (ملاك)» (featured product)
Shows one product with a large image or video, a price, a discount countdown and a list of features.
| Setting | Default | What it does |
|---|---|---|
| «عنوان رئيسي» | «عنوان رئيسي للمنتج المميز» (sample title) | The title, which is required. Up to 200 characters. |
| «عنوان فرعي» | Sample text | Up to 200 characters. |
| «نص زر التفاصيل» | «تفاصيل أكثر» ("more details") | The button text, which is required. Up to 20 characters. |
| «رابط زر التفاصيل» | Empty | The page the button opens, which is required. |
| «أضف رابط فيديو» | A sample video | A video link shown instead of the image. Remove it or replace it with your product's video. |
| «أضف صورة أساسية للمنتج» | A sample image | The main image, which is required. |
| «صور إضافية للعرض» | Empty | Up to 10 more images. |
| «سعر المنتج الحالي» | 999 | Shown when it is above zero. |
| «سعر المنتج قبل الخصم» | 1300 | Shown struck through when it is higher than the current price. |
| «تفعيل زر أضف للسلة» | Off | An add-to-cart button. |
| «اختر رابط المنتج المطلوب إضافته للسلة» | Empty | The product the button adds. The button does not show until a product is chosen. |
| «تفعيل عداد الخصم» | On | A countdown to the end of the discount. |
| Date field (no label) | 2025-06-30 | The discount end date. The default has passed, so pick a future date or turn the countdown off. |
| «تثبيت المظهر الداكن» | Off | The element is always dark. |
| «مميزات المنتج» | 5 samples | Up to 5 features, each with an icon, «العنوان» (title) and «التفاصيل» (details). |