Angel's settings are on the theme customization page: from the main menu of the Salla dashboard, select (المتجر وقنوات البيع) [Store & Channels], then (تصميم المتجر) [Store Design], then (تخصيص) [Customize] on Angel's card.
#How the settings are laid out
- The settings are one long list, not tabs. Fixed headings separate the groups, such as «صفحة الصيانة» (maintenance page) and «بطاقة المنتج» (product card).
- Some options only appear after you turn on the option before them. For example, «عنوان رئيسي لصفحة الصيانة» (maintenance page title) appears only once «تفعيل صفحة الصيانة» (enable the maintenance page) is on. If you cannot find an option this guide mentions, look for the option that comes before it.
- Some text fields take an Arabic and an English value, and each shows on the storefront in its own language.
- In 9 places you will find a list you add repeated items to, such as «روابط مخصصة للقائمة الجانبية» (custom side-menu links) and «بانرات صفحة التصنيف» (category page banners).
- The top of the page holds cards about the theme and shortcut links, with no settings in them.
- Save your changes after editing, then open the store to see the result.
The default values given in these docs are the values the theme starts with.
#The nineteen groups
| Group | What you set there | Guide |
|---|---|---|
| «المستخدمون المعتمدون» (approved users) | Who can see the store during maintenance | Maintenance page |
| «صفحة الصيانة» (maintenance page) | Hiding the store while you set it up, with a title and an optional countdown | Maintenance page |
| «إعدادات عامة» (general settings) | Product slider autoplay, the add-to-cart notice, Angel animation | General settings and the loading screen |
| «صفحة التحميل» (loading screen) | A screen shown while the store opens | General settings and the loading screen |
| «الخطوط» (fonts) | A font from an external link | Fonts and store background |
| «خلفية المتجر» (store background) | The store's background color and image | Fonts and store background |
| «نظام الألوان» (color system) | Theme appearance and dark-mode colors | Dark mode and the color system |
| «إعلان سلة» (Salla announcement) | How Salla's announcement shows, or Angel's own bar instead | Header and announcement bar |
| «أعلى الصفحة» (header) | Logo, header background and the bottom navigation bar | Header and announcement bar |
| «تبويبات الرئيسية» (home-page tabs) | Splitting the home page into tabs | Home-page tabs |
| «القائمة الجانبية» (side menu) | Menu color and custom links | Side menu and footer |
| «أسفل الصفحة» (footer) | Footer color, extra logos and the newsletter | Side menu and footer |
| «بطاقة المنتج» (product card) | How the product card looks and what it shows | Product card and discount countdown |
| «خيارات بطاقة المنتج» (product card options) | Card images and product options on the card | Product card and discount countdown |
| «الخصم الكبير» (big discount) | Discount countdown and one end date for all products | Product card and discount countdown |
| «صفحة التصنيف» (category page) | Category banners and images, and how subcategories show | Category page |
| «صفحة المنتج» (product page) | Frequently-bought-together products, a coupon code, and how the description and options show | Product page |
| «صفحة السلة» (cart page) | A cart banner and "you may also like" suggestions | Cart page and WhatsApp button |
| «زر واتساب مَـلاك» (Angel WhatsApp button) | A floating WhatsApp button and its message | Cart page and WhatsApp button |
#Home-page element settings
Every element you add to the home page has its own options, opened from the element itself rather than from this list. See Home-page elements.
#What comes from Salla, not from Angel
- The store's primary color, used for buttons and highlighted items. Angel has no field for it; the theme uses the store color you set in Salla.
- Breadcrumbs and product filters, which are Salla features. Angel adds two switches to hide the breadcrumbs on category and product pages.
- The footer menu, social accounts, contact details, payment methods and copyright text. See Side menu and footer.