Features
Theme features
Mobile friendly
A responsive design that fits all screen sizes and devices
High loading speed
Optimized performance for fast loading that improves UX and SEO
Easy to customize
An easy control panel to customize colors, fonts and sections with no coding
Rich flexible sections
20+ re-orderable sections: slider, product tabs, categories, reviews, FAQs, branches and more
WhatsApp & popup
A floating WhatsApp button with ready messages, and a popup ad modal for your offers
Zid compatible
Built specifically for Zid with full support for all platform features and Arabic/English
User guide
Theme user guide
Download the ready-made design
One file gives your store the demo store's look: the home page with its sections and texts, the header and footer, colors and fonts, in both languages. After importing, put in your own texts and pictures.
elrawda-preset.json
Download file
How to import it
- Download the file.
- In your Zid dashboard, click
Customize
on El-Rawda, thenImport
and choose the file. - Check the result and press
Publish
.
Import replaces your customization without asking, so press Export
first. Your products and categories stay as they are.
Guide contents
General Settings
General Settings control your whole store identity: colors, fonts, loader screen and default product settings - all from the theme control panel with zero coding.
- All sections full width: Enable full-width for every section at once
- Disable right click: Protect store content from copying
- Loader screen: Show a loader on open, with loader logo, background color, hide the moving line, and spinner icon (black/white)
- Website colors: General text color, website background, buttons background & text, and all borders color
- Fonts: Pick from 30+ Arabic & English fonts (Cairo, Tajawal, Almarai, Changa, Reem Kufi… and more)
- Custom scripts: Inject a script at the end of head or body (e.g. tracking codes)
- Payment methods images: Upload payment method images to show in the store
- Inner pages (Breadcrumb): Background/text color and background image for inner page headers
- Default product settings: Products main color, show payments in the card, open cart on add, product style (1/2), border color, hide description, show offer countdown, and hide ratings
Ad Modal (Popup)
A popup that appears when a visitor opens the store, supporting multiple slides - ideal to highlight offers and discounts.
- Display Ad: Enable the popup modal
- Where to show: On home page only or on all pages
- Slider behavior: Loop, autoplay, arrows, and hide on mobile
- Ad slides: Each slide: image/background color, overlay, labeled text, title & subtitle, differently-colored price, offer date, and a button with link/text/color that can open in a new tab
WhatsApp & Back-to-Top
A floating WhatsApp button with a chat box and ready messages, plus a back-to-top button - with full color control.
- Back-to-top button: Show it with background/text/line color control
- WhatsApp number: The number that receives customer messages
- Chat box: Show a chat box with title & image, and full colors (header, box, messages, icon and circle)
- Ready messages: A list of pre-set messages the customer can pick from
Header
The store header gathers the logo, search, cart, account and categories menu - a flexible design with sticky menu, mega-menu and an announcement bar.
- Logo: A different logo per language (AR/EN) and a mobile version
- Sticky menu: Pin the header to the top when scrolling
- Announcement bar: A moving text with adjustable speed, a link and colors
- Header icons: Toggle search, cart, account, language and currency icons
- Categories menu: Show page links & categories as a mega-menu
Footer
The store footer shows key links, social media, payment methods and the newsletter - with color and column control.
- Link columns: Organize page and policy links into columns
- Social media: Social account icons
- Payment methods: Show available payment method images
- Colors & text: Full control over footer background/text colors
Main Slider
Your store's first impression: a professional main image slider showcasing your offers and top products.
- Slider in a container: Show the slider boxed or full-width
- Slider behavior: Loop, autoplay, arrows, and dots with a unified color
- Slides: Add multiple slides, each with a web image, a mobile image and a link
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Categories
Display your store categories attractively as a slider or grid so customers reach what they want fast.
- Display style: Slider or list
- Items per row: 2, 3 or 4 items
- Slider behavior: Loop, autoplay and navigation arrows
- Button inside category: Show a button inside each category with text and background color
- All-categories button: Show a button for all categories with text and color
- Card colors: Card background, image background, and title color
- Categories: The list of categories shown with pictures
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Categories with Background / Ads
A categories/ads banner section with distinctive backgrounds and link buttons - great for highlighting collections or offers.
- Display style: Slider or list
- Items per row: 2, 3 or 4 items
- Slider behavior: Loop, autoplay and arrows
- All button: Text, background color, link, and open in new tab
- Items: The list of items/banners with images and links
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Products with Ads
Show products from a chosen category next to an optional ad area, in two styles as a slider or list.
- Select products: Choose the products list/category to show
- Products style: Style 1 or Style 2 for the product card
- Display style: Slider or list with items-per-row and web count
- Products count: From 1 to 14 products (default 8)
- Card options: Show payments, hide out-of-stock, offer countdown, hide description, hide ratings, main & border colors
- More button: Text, link and open in new tab
- Side ad: Show an ad beside products, hide on mobile, full height, reverse order, and its own slider behavior
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Products Tabs
Show several product collections in organized tabs the customer switches with a click - with an optional ad area.
- Tabs: Add multiple tabs, each with its own products
- Center tabs: Center the tabs bar and set its bottom spacing
- Side ad: Show an ad, hide on mobile, full height, reverse order, and its own slider behavior
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Mini Products with Ads
A section showing mini products in columns beside ads - ideal to display many products in a compact space.
- Display style: Slider or list
- Columns: Set columns and products per slide (1-6)
- All button: Text, link and background color
- Ad: Show ad, hide on mobile, full height, reverse order, and its own slider behavior
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Store Features
Highlight your store advantages (fast shipping, returns, support…) with elegant icons that build customer trust.
- Items per row: 2, 3 or 4
- Icon shape: Square or circle, with icon background color and convert-to-white option
- Item colors: Item background, border color, and text color, with content centering
- Features: The features list (icon + title + text)
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Features with Image Slider
Showcase product/store features next to an attractive image slider (horizontal or vertical).
- Slider direction: Horizontal or vertical image slider
- Images: The slider images list
- Items: The features shown beside the images
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Testimonials
Show your customers' reviews to build credibility and boost conversions.
- Display style: Slider or list, with items per row and web count
- Slider behavior: Autoplay, loop, dots and arrows
- Card colors: Card background and text color
- Testimonials: The list of reviews (name + image + text + rating)
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
FAQs
Answer your most common customer questions in an elegant section that reduces hesitation and builds trust.
- Items per row: 2 or 3
- Item colors: Title/answer background color and text color
- Questions: The questions & answers list
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Partners
Show your brands and partners logos in an elegant slider that reinforces customer trust.
- Display style: Slider or list
- Items count: Items per row and on web (up to 6)
- Slider behavior: Loop, arrows, autoplay and dots
- Logo background: Partner logo background color
- Partners: The partners images list
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Store Branches
Show your store branches and addresses in organized tabs so customers reach the nearest branch.
- Center tabs: Center the branches bar and set its spacing
- Branches: The branches list (name + address + details)
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Videos Slider
Show your store/product videos in an attractive slider that boosts visitor engagement.
- Videos: The videos shown in the slider
- Display: Supports multiple videos as a slider
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Ad Image
A single full-width ad image banner with a link - ideal to highlight an offer or collection.
- Image & link: Upload the ad image with a link and open-in-new-tab
- Background color: Section background color behind the image
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Moving Text Ad
A moving text bar to display offers and marketing messages in an eye-catching way.
- Moving text: The moving ad text with background and overlay
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Key Numbers (Why Section)
Show numbers that matter to your customer (products, customers, coupons…) to build trust.
- Items: The numbers/stats list shown
- Styling: Colors, background and overlay for the section
- Hide Section: Show or hide the whole section from the page
- Full Width: Stretch the section to the full screen width instead of the boxed container
- Top & Bottom Padding: Control spacing above/below the section from 0 to 200px
- Title & Sub Title: Main and sub title text with independent color control for each
- Center Title: Center the title/subtitle or align them to the side
- Title Bottom Spacing: The gap between the title and the section content
- Background: Section background color or image with a fixed-on-scroll option
- Overlay: A color layer over the background image with color + opacity control
Divider / Spacer
A simple element to add a divider line or space between sections to control the page's visual breathing.
- Full width: Stretch the divider to full width
- Color: The divider line color
- Height: The space/line height
- Padding: Top & bottom spacing from 0 to 200
Related themes
Featured themeMulti-design30 designs
Dana
A Zid theme with 30 ready designs for different kinds of stores, in Arabic and English.
Featured themeMulti-design22 designs
Amer
A Zid theme with 22 ready designs for different kinds of stores, in Arabic and English.
Vineta
A modern Zid theme with 22 sections and two product page designs, a true Arabic/English mirror.
Not sure which theme to pick?
Our team helps you pick the theme and customize it for your store.
Contact us