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
Theme user guide
Guide contents
Colors
The color settings control Chica's whole visual identity with an elegant touch that suits beauty & care brands.
- 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
The store header gathers the logo, menu, cart, account, language switcher and a top announcement bar - elegant and stickable.
- 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
A floating WhatsApp button with a chat box and ready messages, plus a back-to-top button - with full color control.
- 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
An elegant footer with two link columns, comprehensive social links, and the "Maroof" verification badge.
- 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
General settings controlling the browsing and buying experience across the whole store.
- 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
Full control over the product page details: feature lists, trust badges, reviews, and similar products.
- 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
Your store's first impression: a powerful hero slider supporting images, video, rich content and a floating product image - a captivating first impression.
- 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
An icon strip highlighting your store advantages (free delivery, warranty, fast shipping…) to build trust instantly.
- 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
A flexible section showing "modes" or features in elegant circular cards - great to explain product use or highlight its benefits.
- 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
A section spotlighting a single product with its full details (name, price, images, features, guarantees) pulled automatically from Salla - perfect for the hero product.
- 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
A flexible products grid showing a set of products from a source you choose, with quick add-to-cart - to display your collection elegantly.
- 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
Show your customers' reviews in elegant cards with a stats bar - to build credibility and boost conversions.
- 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
An interactive section comparing two images (before/after) with a drag handle - the strongest visual proof of your product's effect.
- 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
Answer your customers' most common questions in an elegant section that reduces hesitation and builds trust.
- 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.
Not sure which theme to pick?
Our team helps you pick the theme and customize it for your store.
Contact us