You build the home page from elements you add and arrange on the theme customization page in Salla, and each element has its own options. Angel adds 15 elements and enables 10 of Salla's default elements alongside them.
#Angel's elements
| Element | What it shows | Guide |
|---|---|---|
| «صور متحركة (ملاك)» (banner slider) | A slider of image or video banners, with text, a button and a discount countdown | Banner slider |
| «صور مربعة (ملاك)» (square images) | Linked images in a slider or a grid | Square images and the Angel window |
| «نافذة (ملاك)» (Angel window) | A pop-up window opened from the square images element | Square images and the Angel window |
| «منتجات (ملاك)» (products) | Products from a category, the latest, best sellers, discounted, or products you pick | Product elements |
| «منتج مميز (ملاك)» (featured product) | One product with an image or video, a price and a discount countdown | Product elements |
| «منتجات متحركة مع خلفية» (products slider with background) | Products you pick over a background image | Product elements |
| «روابط سريعة (ملاك)» (quick links) | Links with icons or images | Quick links and divider |
| «فاصل (ملاك)» (divider) | A heading between elements, with a button and a discount countdown | Quick links and divider |
| «مميزات المتجر (ملاك)» (store features) | Your store's strengths, with icons and a number counter | Store features, testimonials and FAQs |
| «آراء العملاء (ملاك)» (testimonials) | Reviews you enter, with the customer's photo and rating | Store features, testimonials and FAQs |
| «الأسئلة الشائعة (ملاك)» (FAQs) | Questions and their answers | Store features, testimonials and FAQs |
| «الماركات التجارية» (brands) | Logos of the brands you pick | Brands, articles and branches |
| «مقالات متحركة (ملاك)» (article slider) | Linked article cards | Brands, articles and branches |
| «فروع المتجر (ملاك)» (store branches) | Maps of your branches from Google Maps | Brands, articles and branches |
| «قصص انستجرام (تجريبي)» (Instagram stories, beta) | Stories with images or video | The element is in beta, as its name says |
Most of Angel's element names end in «(ملاك)», which sets them apart from Salla's elements.
#Salla's default elements
Angel enables 10 of Salla's default elements for you to use alongside its own: a fixed banner, a products slider, a photo slider, a parallax background, testimonials, square photos, store features, fixed products, featured products and a YouTube video. Their options come from Salla, and they do not have the general settings described below.
#«إعدادات عامة للعنصر» (general element settings)
At the end of each Angel element's options is a shared group titled «إعدادات عامة للعنصر»:
| Setting | Default | What it does |
|---|---|---|
«أدخل رقم تبويب الصفحة الرئيسية باللغة الإنجليزية» multihome | 0 | The tab the element shows on when home-page tabs are on, from 0 to 10. 0 means every tab. See Home-page tabs. |
«لون خلفية العنصر» block_bg | #ffffff | The element's background color. White means a transparent background. |
«صورة خلفية العنصر» block_img | Empty | A background image for the element. |
«عرض العنصر في الجوال فقط» mobile_only | Off | Hides the element on desktop and tablet. |
«عرض العنصر في الكمبيوتر والتابلت فقط» pc_only | Off | Hides the element on phones. |
«عرض العنصر في الواجهة باللغة العربية فقط» ar_only | Off | Hides the element on the English storefront. |
«عرض العنصر في الواجهة باللغة الإنجليزية فقط» en_only | Off | Hides the element on the Arabic storefront. |
«أنيميشن ملاك 🔥» wow | «إيقاف» (off) | An animation for the element's content as it comes into view: fade in, fade up, fade down, blur in, scale in, bounce in, or vertical flip. |
«تكرار أنيميشن ملاك» wow_reverse | Off | Replays the animation each time the element comes back on screen. Appears once an animation is chosen. |
«تسريع أنيميشن ملاك» wow_faster | Off | Shortens the delay before the animation starts. Appears once an animation is chosen. |
«Classes» class or classes | Empty | For developers: CSS classes added to the element. |
#Elements missing some of these settings
- «نافذة (ملاك)» (Angel window): no tab number and no device or language options.
- «منتجات (ملاك)» (products): no Angel animation.
- «فاصل (ملاك)» (divider) and «منتجات متحركة مع خلفية» (products slider with background): no background color or image.
- «آراء العملاء (ملاك)» (testimonials) and «منتجات متحركة مع خلفية»: no Classes field.
- «قصص انستجرام (تجريبي)» (Instagram stories): has its own options instead of this group.