Features
Theme features
Mobile friendly
A responsive design that fits all screen sizes and devices
Premium beauty design
A refined visual identity with elegant colors and gold touches, perfect for beauty, care and premium brands
Powerful hero
A hero slider supporting images, video, a floating product image and rich content for a captivating first impression
Rich flexible sections
Custom re-orderable sections: hero, modes slider, product spotlight, before/after, testimonials, FAQs and more
WhatsApp & floating buttons
A floating WhatsApp button with ready messages & chat box, and a back-to-top button
Salla compatible
Built specifically for Salla with full Arabic/English support
User guide
Theme user guide
Colors
- Primary color: The main brand color (buttons & titles)
- Primary dark: A darker shade of the primary color
- Dark rose: For dark details such as the sale price
- Accent (Rose): For italic titles and highlighted details
- Gold color: A luxurious gold touch
- Page background: The store's general background
Header
- Logo: Upload a logo image or an external logo URL (to bypass Salla compression), or a brand text name, with logo height control
- Behavior: Sticky header on scroll, and go directly to checkout after buy
- Menu links: Hide extra links or add new ones (text + destination: product/category/page/external link) beside the fixed links
- Language switcher: Show or hide the language switcher
- Top announcement bar: Show it with text items, and its background & text colors
WhatsApp & Floating Buttons
- Back-to-top: Show the back-to-top button
- WhatsApp: WhatsApp number (international format) with icon background, icon and circle colors
- Chat box: Show it with a title & image, circle color above the image, ready messages, footer title, and WhatsApp number color inside the chat
Footer
- Two link columns: Two independent columns, each with show/hide, a title, and a links list (text + destination)
- Social links: Instagram, TikTok, Snapchat, X (Twitter), Facebook, YouTube, WhatsApp, Pinterest, Telegram, LinkedIn
- Verification: A store verification link on the "Maroof" platform
General Settings
- Copyrights: Footer copyright text (or the default)
- Breadcrumb: Show it on the product page and the products list page
- Cart & availability: Enable the enhanced add-to-cart notice, and a "notify me when available" button on the product card
- Mobile: Pin the add & quantity button at the bottom of the mobile screen
- Products: Show tags, the product image slider display mode, and image zoom
Product Page
- Features list: Show/hide a features list (with check marks) under the product description, with a texts list
- Trust badges: Show/hide badges like free delivery, one-year warranty, Tabby & Tamara, with a texts list
- Sections: Hide the customer reviews section and the "you may also like" section
- Colors: Product page background color, and the similar-products section background color
Hero Slider
- Behavior: Hide the section, background color, autoplay, and infinite loop
- Slide type: An image/video-only slide (full-screen, no content), or a full slide with content
- Background: A background image (and a mobile version), or an external image URL (to bypass compression), or an MP4/WebM background video, with a Contain or Cover display option
- Content: A script line, a 3-line title (the second line italic-highlighted), an intro text, and "buy" & "explain" buttons with their texts
- Floating product image: The product image (PNG with transparency preferred) with optional variants (Arabic/mobile) and external URLs, and alt text
- Link: A link when the slide is clicked (optional)
Features Bar
- Behavior: Hide the section, a background color, and a section label for screen readers
- Items: A list of items, each with an icon (sicon) + text
Items / Modes Slider
- Spacing: Control the section top & bottom spacing for web and mobile in pixels (0 removes it)
- Behavior: Hide the section, full width, background color, show as a slider instead of a grid, and autoplay
- Titles: An eyebrow, a main title, an italic highlight word, and a section description
- Cards: Up to 12 cards, each with a numbering/label + a circular image (or external URL) + title + description
Product Spotlight
- Spacing: Control the section top & bottom spacing for web and mobile in pixels (0 removes it)
- Behavior: Hide the section and a background color
- Product: The Product ID — required, so its name, price and images appear automatically
- Titles: An eyebrow, a main title, and an italic highlight word
- Product card: A card eyebrow and name (auto-replaced by the real product name, with an option to make it a link), a subtitle, rating, description, and availability text
- Buy button: The button text and its destination (where the customer goes after buying)
- Lists: A features list (with check marks) and a guarantees list (bottom line)
Product Picks
- Spacing: Control the section top & bottom spacing for web and mobile in pixels (0 removes it)
- Behavior: Hide the section and a background color
- Layout: Products per row (web, 3 to 5) and the number of products shown
- Titles: An eyebrow, a main title, and an italic highlight word
- Source: Choose the products source: latest, best-selling, category products, or specific products
- Buy: The add-to-cart button text
Testimonials
- Spacing: Control the section top & bottom spacing for web and mobile in pixels (0 removes it)
- Behavior: Hide the section and a background color
- Layout: Cards per row (web, 2 to 4)
- Titles: An eyebrow, a main title, an italic highlight word, and a section description
- Stats bar: Show a bar with 3 stats (number + description) such as average rating, reviews count and recommendation rate
- Reviews: A reviews list, each with a quote + name + city/title + rating (1-5) + image (or URL) + a "verified purchase" badge
Before & After
- Spacing: Control the section top & bottom spacing for web and mobile in pixels (0 removes it)
- Behavior: Hide the section and a background color
- Titles: An eyebrow, a main title, an italic highlight word, and a section description
- Images: A "before" image (left) and an "after" image (right), or external URLs to bypass compression
- Labels: A "before" label and an "after" label and a hint text (optional)
- Handle: The initial handle position (%) from 0 to 100
FAQs
- Spacing: Control the section top & bottom spacing for web and mobile in pixels (0 removes it)
- Behavior: Hide the section, full width, and a background color
- Titles: An eyebrow, a main title, and an italic highlight word
- Questions: The questions & answers list (question + answer)
Related themes
Zeinty
Zeinty — a professional Salla theme. A modern, easy-to-customize design for your online store.
El-Rawda
El-Rawda — an all-in-one modern Salla theme delivering a professional shopping experience with flexible customization.
El-Aml
El-Aml — a modern, professional Salla theme with full color/font customization and a smooth shopping experience.
Need help choosing the right theme?
Our team is ready to help you pick and customize the theme that's right for your store
Contact us