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
Instagram integration
Manual and auto Instagram sections to link your store and show your latest images
Rich flexible sections
Multiple re-orderable sections: slider, products, tabs, gallery, Instagram, 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
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.
How to import it
- Download the file.
- In your Zid dashboard, click
Customize
on Sutra, 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, inner pages, product design and scrollbar - with no coding.
- Protection & loader: Disable right click, and show a loader with a background color and image
- Website colors: Website background color and general borders color
- Cart: Open cart directly when adding a product
- Inner pages (Breadcrumb): Breadcrumb background/text colors, text-with-background color, and a background image
- Product design: Product style (1/2) and hide ratings in the card
- Fonts: Pick from 25+ Arabic & English fonts
- Scrollbar: Track background color, thumb color, and hover color
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: White style, center content, show image background, and hide on mobile
- Content: Image, title, subtitle, button text & link (opens in new tab)
- Countdown: A countdown date for the offer
Header
The store header gathers the logo, search and icons, with a moving announcement bar - with full color control.
- General: Full width and mobile-menu background color
- Logo: An Arabic logo and an English logo, each with a mobile version
- Colors: Header background, links, and icons colors
- Search: Placeholder, hide search, hide language, and hide country
- Announcement bar: Show it with hide-close-button, speed (seconds), a texts list (text + link), and background/text colors
Footer
A footer organizing store info, two link columns, social media, and the newsletter with the VAT number.
- Width & colors: Full width, background/titles/links/text colors, and link-hover
- Business info: Store address and contact details
- Two link columns: Two independent important-links groups, each with a title and a links list
- Social media: Social account links
- Newsletter & VAT: Newsletter and VAT number
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, header/box/messages colors, circle color above the image, ready messages, footer title, and WhatsApp number color inside the chat
Main Slider
Your store's first impression: a main slider supporting images and video with an overlay and full text/button control.
- Slider behavior: In a container, loop, autoplay, show arrows and dots
- Slides: Each slide: center content, background color, background video, a desktop image and a mobile image, an overlay with color & opacity, text color, title, subtitle, and button text & link
Categories
Display your store categories attractively so customers reach what they want fast.
- Spacing & width: Hide the section, make it full width, and control top/bottom padding
- Title: Main and sub title
- Slider behavior: Loop, autoplay, and navigation arrows
- All-categories button: Show a button with text
- Categories: The list of categories shown
Products
Show a set of products from a chosen list, in two styles with full control over items per device.
- Spacing & width: Hide the section, make it full width, and control top/bottom padding
- Title: Main and sub title
- Style: Product style (1/2), display style (slider/list), and hide ratings
- Select products: Choose the products list and count (up to 14)
- Slider behavior: Loop, autoplay, and arrows
- Items per device: Web (up to 5), tablet (up to 3), and mobile (up to 2)
- More button: Text and link for the more button
Category Products
Automatically show products of a specific category in two styles, with a button to all its products.
- Spacing & width: Hide the section, make it full width, and control top/bottom padding
- Title: Display title with a subtitle
- Style: Product style (1/2), display style (slider/list), and hide ratings
- Select category products: Choose category products and count (up to 14)
- Slider behavior: Loop, autoplay, and arrows
- Items per device: Web (up to 5), tablet (up to 3), and mobile (up to 2)
- All-products button: Text and link for the button
Products Tabs
Show several product collections in tabs the customer switches with a click - each tab with its full settings.
- Spacing & width: Hide the section, make it full width, and control top/bottom padding
- Title: Main and sub title
- Tabs: A list of tabs, each with: title, product style (1/2), display style, selected products, hide ratings, loop/autoplay/arrows, products & items counts per device, and a more button
Gallery / Ads
An ad-banners section with images and buttons - great to highlight collections or offers in varied layouts.
- Spacing & width: Hide the section, make it full width, and control top/bottom padding
- Display: Remove side padding and reverse order
- Title: Main and sub title
- Ads: Each ad: pin background, hide hover, white texts, hide on mobile, center content, title & subtitle, image, and a button with title & link
Instagram Images (Manual)
Show hand-picked Instagram images in a moving strip with links - builds trust and links your store to your accounts.
- Hide Section: Show or hide the section, and hide the Instagram icon
- Movement: Autoplay images and continuous movement
- Padding: Padding between elements left/right, and top/bottom
- Title: Section title and subtitle
- Images: The images list, each with a link
Instagram Images (Auto)
Connect your Instagram account to show your latest images automatically - keeps your store fresh with no manual effort.
- Spacing & width: Hide the section, make it full width, and control top/bottom padding
- Display style: Choose a design (1/2)
- Title: Section title and subtitle
- Movement: Autoplay and continuous movement
- Connection: User ID and Access Token to link the Instagram account
Store Features
Highlight your store advantages (shipping, returns, support…) with elegant icons that build trust.
- Spacing & width: Hide the section, make it full width, and control top/bottom padding
- Features: The features list (icon + title + text)
Testimonials
Show your customers' reviews with a background and overlay to build credibility and boost conversions.
- Spacing & width: Hide the section, make it full width, and control top/bottom padding
- Background & overlay: A background image, and an overlay with color & opacity
- Title: Section title and subtitle
- Slider behavior: Autoplay, loop, and show dots
- Reviews: The reviews list, each with client image + review text + client name + position
Video
A video section with a background, overlay and text - great for a store or product intro video.
- Hide / padding: Hide the section and control top/bottom padding
- Background & overlay: Background image, background color, and an overlay with color & opacity
- Content: Video link, title, and subtitle
Ad Image
A single full-width ad image banner with a link - ideal to highlight an offer or collection.
- Hide Section: Show or hide the section
- Padding: Top & bottom padding
- Image & link: Upload the ad image with a link
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
A Zid theme with 30 ready designs for different kinds of stores, in Arabic and English.
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