Roqaya

Roqaya

Design a standout fashion store with Roqaya! An elegant design that displays your products beautifully, high-quality imagery, and a smooth shopping experience. Compatible with every device. Order now!

Features

Theme features

Mobile friendly

A responsive design that fits all screen sizes and devices

Animated slider

A rich main slider with per-element motion effects, a countdown and a side product card

Easy to customize

An easy control panel to customize colors, fonts and sections with no coding

Rich flexible sections

16+ re-orderable sections: slider, image categories, gallery, products, reviews, video and more

WhatsApp & popup

A floating WhatsApp button with ready messages & chat box, and a popup ad modal

Zid compatible

Built specifically for Zid with full Arabic/English support

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.

roqaya-preset.json 74 KBArabic and English21 home sectionsUpdated 24 September 2026
Download file

How to import it

  1. Download the file.
  2. In your Zid dashboard, click Customize on Roqaya, then Import and choose the file.
  3. Check the result and press Publish.

Import replaces your customization without asking, so press Export first. Your products and categories stay as they are.

General Settings

General Settings control your whole store identity: colors, fonts, loader, inner pages and product settings - with no coding.

General Settings control your whole stor

General Settings
  • Protection & loader: Disable right click, and show a loader on open
  • Inner pages (Breadcrumb): Full control over the inner-page breadcrumb
  • Products: Default product settings for the store
  • Fonts: Pick from 25+ Arabic & English fonts

Ad Modal (Popup)

A popup that appears when a visitor opens the store with a countdown - ideal to highlight an offer or discount.

  • Display Ad: Enable the modal and set where (home or all pages)
  • Appearance: Pin background, white texts, center content, and hide on mobile
  • Content: Title, subtitle, image, button text & link (opens in new tab)
  • Countdown: A countdown date for the offer

Header

The store header gathers the logo, search and announcement bar - with a horizontal/vertical logo and full color control.

  • Colors: Full width, background, text, border, and search background colors
  • Announcement bar: Show it with speed (seconds), where to show (all/home), a texts list (text + link), and colors
  • Logo: Arabic and English logos (with a mobile version each), and a horizontal/vertical logo style
  • Search: Placeholder, hide search, hide language, and hide country

Footer

An elegant footer with an optional animated background, organizing store info, two link columns, social media, and official numbers.

  • Logos & numbers: Show companies & payment logos, business platform, VAT number, and registration number
  • Animated background: Show an animated background with an image and opacity
  • Colors: Footer background, text, links, contact-info background, copyright border, and shipping background
  • About us: Footer logo, a title, and an about text
  • Two link columns: Two independent important-links groups, each with a title and a links list
  • Contact & social: Store address and contact details, and social account links

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: Show the back-to-top button
  • WhatsApp: WhatsApp number with colors (icon background, icon, circle)
  • Chat box: Show it with a title & image, circle color above the image, ready messages, footer title, and WhatsApp number color inside the chat

Main Slider

Your store's strongest front: a rich main slider supporting images and video, motion effects per element, styled countdowns, and a side product card.

Your store's strongest front: a rich mai

Main Slider
  • Layout: In a container, web/mobile padding (outer & inner), and hide cards on mobile/tablet
  • Slider behavior: Loop, autoplay, hide arrows, and hide dots
  • Slide content: Center content (and on mobile), show circles, a text and a title each with a motion effect, and text & title colors
  • Background & overlay: Image or video background, a desktop image and a mobile image, an overlay with color & opacity, and a background color
  • Countdown: Date, style (1/2), motion effect, and color (black/white)
  • Side card & button: Card image & text with a motion effect, button text & link with an effect, and hide the button in the slider or card

Products

Show a set of products from a chosen list in three styles, with a countdown and full control over items per device.

Show a set of products from a chosen lis

Products
  • Hide / full width: Hide or make full width
  • Style: Product style (1/2/3), product background color, disable labels animation, show countdown and countdown-in-mask
  • Title: The title with a center option
  • Select products: Choose the products list and count (up to 14)
  • Slider behavior: Loop, autoplay, and show arrows
  • Items per device: Web, tablet and mobile
  • More button: Show a more button with text and link

Category Products

Automatically show products of a specific category in three styles, with a countdown and a button to all its products.

Automatically show products of a specifi

Category Products
  • Hide / full width: Hide or make full width
  • Style: Style (1/2/3), product background color, disable labels animation, show countdown and countdown-in-mask
  • Title: Display title with a center option
  • Select category products: Choose category products and count (up to 14)
  • Slider behavior: Loop, autoplay, and show arrows
  • Items per device: Web, tablet and mobile
  • All-products button: Show a button with text

Categories

Display your store categories in two styles so customers reach what they want fast.

Display your store categories in two sty

Categories
  • Hide / full width: Hide or make full width
  • Style: Style (1/2) and the title with a center option
  • Slider behavior: Loop, autoplay, and show arrows
  • Items per device: Web, tablet and mobile
  • All-categories button: Show a button with text
  • Categories: The list of categories shown

Special Categories With Image

Show special categories with rich image cards showing product count and discount - great to highlight your collections elegantly.

Show special categories with rich image

Special Categories With Image
  • Hide / behavior: Hide the section, autoplay, hide arrows, and loop
  • Colors: Background & arrows-background color, and text color
  • Title: Section title
  • Categories: The categories list, each with a title + products count + category discount + image + button link

Text Ad

A simple text bar with two links - perfect to show two marketing messages or quick links in an eye-catching way.

A simple text bar with two links - perfe

Text Ad
  • Hide Section: Show or hide the section
  • First text: First text and link
  • Second text: Second text and link

Full Width Ad

A full-width ad banner supporting multiple slides and a countdown - bold and strong to highlight a main offer.

  • Hide / behavior: Hide the section, autoplay, hide arrows, and loop
  • Background: Black background or a background image
  • Slides: Each slide: a first and second text, a countdown date, and a link text & link

Gallery / Ads

An ad-banners section with images and styled countdowns - great to highlight collections and offers in varied layouts.

  • Hide / full width: Hide the section, full width, and center the title
  • Title: Section title
  • Items: Each item: pin background, white texts, hide on mobile, center content, countdown date & style, title & subtitle, image, and a button with title & link

Gallery Slider

A slider version of the gallery section to show several banners in one space with a countdown.

  • Hide / full width: Hide the section, full width, and center the title
  • Title: Section title
  • Behavior: Items count on web, loop, hide arrows, and autoplay
  • Items: Each item: pin background, white texts, center content, a styled countdown, title & subtitle, image, and a button with title & link

Store Features

Highlight your store advantages (shipping, returns, support…) with elegant icons and an optional numbers display to build trust.

Highlight your store advantages (shippin

Store Features
  • Hide / numbers: Hide the section and hide numbers
  • Title: The title with a center option and text color
  • Features: The features list (icon + title + text)

Newsletter & Testimonials

A section combining the newsletter and testimonials to build credibility and collect customer emails in one place.

A section combining the newsletter and t

Newsletter & Testimonials
  • Newsletter: Title and description, a link title and newsletter link (opens in new tab)
  • Appearance: Background color, background image, and text color
  • Testimonials: Show testimonials with autoplay, loop, arrows, and hide dots
  • Reviews: The reviews list, each with text + name + image + date

Partners

Show your partners and brand logos in an elegant slider that reinforces customer trust.

Show your partners and brand logos in an

Partners
  • Hide / title: Hide the section, the title with a center option, and a background color
  • Behavior: Loop, show arrows, autoplay, and open link in new tab
  • Items per device: Web, tablet and mobile
  • Partners: The partners list, each with an image + link

Video

An uploaded-video section with a title and controls - great for a store or product intro video.

  • Hide / center: Hide the section and center the title
  • Title & video: Section title and an uploaded video
  • Playback: Show controls and autoplay the video

YouTube Videos Slider

Show several YouTube videos in an attractive slider that boosts engagement.

  • Hide / center: Hide the section, the title with a center option
  • Behavior: Autoplay, hide arrows, loop, and show dots
  • Items per device: Web, tablet and mobile
  • Videos: A list of YouTube video URLs

Ad Image

A single full-width ad image banner with a link and alt text - ideal to highlight an offer or collection.

  • Hide / full width: Hide or make full width
  • Image & link: Upload the image with a link (opens in new tab) and image alt text
  • Padding: Top and bottom padding

Divider / Spacer

A simple element to add a divider line or space between sections to control visual breathing.

  • Hide / color: Hide the divider and line color
  • Height: Line height
  • Margins: Top and bottom margins

Related themes

Dana
Featured themeMulti-design30 designs

Dana

A Zid theme with 30 ready designs for different kinds of stores, in Arabic and English.

Amer
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