Vineta

Vineta

Vineta — a Zid theme with a clean modern design, 25 re-orderable sections and two complete product page designs chosen from the settings. Built so the English side is an exact mirror of the Arabic: every gap and every side written logically rather than copied. Measured on phone and desktop in both languages.

Features

Theme features

Fits every screen

A responsive design measured on phone, tablet and desktop, in Arabic and English

A true Arabic/English mirror

Every gap and every side is written logically, so English is an exact mirror of Arabic rather than a copy of it

25 re-orderable sections

Slider, categories, product tabs, testimonials, FAQs, branches, Instagram, videos and more

Two product page designs

Default and professional, chosen from a single dropdown in the general settings

Adverts that know where they belong

A popup, and inner-page banners where each one names the categories it appears on

Colours and type, fully yours

Site, button and border colours, and 30+ Arabic and English typefaces

WhatsApp and loyalty

A floating WhatsApp button with a chat window and ready messages, and full support for Zid loyalty points

Built for Zid

Full support for the platform: cart, wishlist, coupons, gifting, reviews and questions

User guide

Theme user guide

General settings and identity

This is where your whole store identity lives: colours, fonts, the loader, the product page design and the default product settings — all from the theme panel with no coding.

  • Product page design: one of: default, pro
  • Make product images sticky on scroll: off by default
  • Show "You may also like" section on the product page: on by default
  • Show "You may also like" on the cart page: on by default
  • Make all sections in the website in full width: off by default
  • Disable right click: off by default
  • Show loader: on by default
  • Loader logo image: an image
  • Select spinner icon: one of: spinner1, spinner2
  • Use theme default background color: on by default
  • Corner style: one of: soft, sharp, round
  • Text color in the website: a colour
  • Website background color: a colour
  • Buttons background color: a colour
  • Buttons text color: a colour
  • All borders in the website color: a colour

The site's typeface, from a list of Arabic and English fonts.

  • Font name: one of 14 values

Extra colours for particular elements.

  • Footer: fieldset
  • Text color: a colour
  • Text color: a colour
  • Header: fieldset
  • Text color: a colour
  • Text color: a colour
  • Background color: a colour
  • Menu color: a colour
  • Background: fieldset
  • Logo: an image

The look of the store's scrollbar.

  • Scrollbar thumb color: a colour
  • Scrollbar background color: a colour
  • Scrollbar hover color: a colour

A popup shown when a visitor arrives, supporting more than one slide — ideal for an offer or a discount.

  • Display Ad: off by default
  • Display Ad: one of: 0, 1
  • How often the popup appears: one of: session, day, always
  • Hide on Mobile: off by default
  • Loop Slider: on by default
  • Auto Play: on by default
  • Show Arrows: on by default
  • Show Dots: on by default
  • Gallery Item: a list you add to, each item holding: Select Text Direction, Hide on Mobile and Tablet, Background Image, Small Title, Title, Subtitle… and 20 more

Advertising banners on inner pages, where each banner names **the categories it appears on** — so one set can serve the whole store without putting a bicycle advert on a clothing page.

  • Hide Banner: off by default
  • Full Width: off by default
  • Section Padding Top (Default is 30): one of 14 values
  • Section Padding Bottom (Default is 30): one of 14 values
  • Section Padding Top (Mobile): one of 14 values
  • Section Padding Bottom (Mobile): one of 14 values
  • Loop Slider: on by default
  • Autoplay: on by default
  • Autoplay Speed (ms): a number
  • Fade Transition: off by default
  • Slides Per View (Desktop): one of: 1, 2
  • Show Arrows: on by default
  • Show Dots: on by default
  • Dots & Arrows Color: a colour
  • Banners: a list you add to, each item holding: Target Categories, Banner Image (Desktop), Banner Image (Mobile), Image Alt Text, Link, Open in New Tab

A floating WhatsApp button with a chat window and ready messages, plus the back-to-top control.

  • Show back to top button: on by default
  • Back to top button background color: a colour
  • Back to top button text color: a colour
  • Back to top button line color: a colour
  • Hide WhatsApp completely: off by default
  • Show chat box: on by default
  • Top and bottom container background color: a colour
  • Chat box background color: a colour
  • Messages background color: a colour
  • WhatsApp icon background color: a colour
  • WhatsApp icon color: a colour
  • Circle color: a colour
  • Chat Title: text
  • Chat Image: an image
  • Circle color above the image: a colour
  • Messages: a list you add to, each item holding: Message

Header

General header settings.

  • Full Width: off by default
  • Hide fixed cart button: off by default
  • Mobile menu background color: a colour
  • Border color under the header: a colour

The top bar: a run of messages, links, social icons, and language and currency.

  • Display announcement bar: on by default
  • Hide close button: off by default
  • Bar speed in seconds: text
  • Text: a list you add to, each item holding: Text, Link
  • Background color: a colour
  • Text color: a colour
  • Link: a link
  • Text: text
  • Display announcement bar in: one of: all, home
  • Enable animation: off by default
  • Lap time (seconds — larger is slower): a number
  • Pause on hover: off by default

The header: logo, search, icons and menu.

  • Sticky header: on by default
  • Transparent header over the main slider (home page only): off by default
  • Link and icon colour while transparent: a colour
  • Header background on inner pages: a colour
  • Header link colour on inner pages: a colour
  • Header Design: one of: 1, 2, 3
  • Logo: an image
  • Logo for mobile: an image
  • Logo in English: an image
  • Logo for mobile in english: an image
  • Background color: a colour
  • Links color: a colour
  • Icons color: a colour
  • Search icon background color: a colour
  • Search placeholder: text
  • Hide search bar: off by default

How the header behaves as it sticks on scroll.

  • Header behaviour on scroll: one of: always_pinned, hide_on_scroll, static
  • Header shape while stuck: one of: full_width, pill
  • Background while stuck: a colour
  • Text colour while stuck: a colour
  • Icon colour while stuck: a colour
  • Pill background: a colour
  • Pill border: a colour

The same behaviour on inner pages.

  • Header behaviour on scroll: one of: default, always_pinned, hide_on_scroll, static
  • Header shape while stuck: one of: default, full_width, pill
  • Background while stuck: a colour
  • Text colour while stuck: a colour
  • Icon colour while stuck: a colour
  • Pill background: a colour
  • Pill border: a colour

Featured categories shown in the header.

  • Hide featured categories: off by default
  • Background color of the button: a colour
  • Title: text
  • Categories: a list you add to, each item holding: Image, Name, Link

The store's phone number in the header.

  • Phone text: text
  • Phone: text

Footer

The footer's general settings: logo, blurb, colours and store apps.

  • Full Width: off by default
  • Background color: a colour
  • Titles color: a colour
  • Links and inner text color: a colour
  • Link hover color: a colour
  • Link hover background color: a colour
  • Store address color and phone number: a colour
  • Social icons background color: a colour
  • Social icons color: a colour
  • Copyrights background color: a colour
  • Text color in copyrights: a colour
  • Text color in VAT and commercial registration: a colour
  • Logistics and payment icons background color: a colour
  • iOS app id: text
  • Android app id: text
  • Copyright text (empty = the platform's own credit): text

The store's address and contact details.

  • Hide: off by default
  • Footer Logo: an image
  • Business location: long text
  • Phone number: text
  • Email: text
  • Title: text

Social accounts.

  • Hide: off by default
  • Facebook link: text
  • Instagram link: text
  • Twitter link: text
  • Snapchat link: text
  • Tiktok link: text
  • Website link: text
  • Title: text

A column of links in the footer.

  • Hide: off by default
  • Title: text
  • Links: a list you add to, each item holding: text, Link

A second column of links.

  • Hide: off by default
  • Links: a list you add to, each item holding: Link, text
  • Title: text

A third column of links.

  • Hide: off by default
  • Title: text
  • Links: a list you add to, each item holding: text, Link

Shipping and payment companies, the VAT number and the commercial registration.

  • Hide the whole section: off by default
  • Hide shipping companies logos: off by default
  • Hide payment methods logos: off by default
  • Hide business platform: off by default
  • Business platform number: text
  • Hide VAT number: off by default
  • VAT number: text
  • VAT certificate link: a link
  • Hide registration number: off by default
  • Commercial registration number: text

A short note about the store in the footer.

  • Description: long text
  • Title: text

The newsletter or contact card in the footer.

  • Hide: off by default
  • Title: text
  • Text: long text
  • Subscribe endpoint (the form appears once set): a link
  • Field placeholder: text
  • Button text: text

Home page sections

The main slider is the first thing a visitor sees: image or video slides with copy and buttons over them, and full control of speed and transition.

The main slider is the first thing a vis

  • Hide dots: off by default
  • Hide arrows: off by default
  • Infinite: on by default
  • Put slider inside a container: off by default
  • Padding in web: text
  • Padding in mobile: text
  • Inside padding in web: text
  • Inside padding in mobile: text
  • Pictures: a list you add to, each item holding: Title, Center content, Show Snow, Background color, Show Overlay, Overlay Color… and 13 more
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

A moving text strip for offers and quick messages.

A moving text strip for offers and quick

  • Text 1: text
  • URL 1: a link
  • Text 2: text
  • URL 2: a link
  • Text 3: text
  • URL 3: a link
  • Text 4: text
  • URL 4: a link
  • Text 5: text
  • URL 5: a link
  • Slider Background Color: a colour
  • Text Color: a colour
  • Top and Bottom Padding (e.g., 20px): text
  • Top and Bottom Margin (e.g., 10px): text
  • Autoplay for the second bar: off by default
  • Scroll direction: one of: auto, reverse, rtl, ltr
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Your store's promises — shipping, returns, secure payment — as icons and copy, in the advanced layout with full control of each item.

Your store's promises — shipping, return

  • Item Border Color: a colour
  • Layout: one of: grid, slider
  • Loop items: on by default
  • Items per Row: one of: 4, 3, 2
  • Center Text inside items: off by default
  • Item Background Color: a colour
  • Icon Background Color: a colour
  • Icon Shape: one of: 15px, 50%
  • Convert Icons to White: off by default
  • Text Color inside items: a colour
  • Features: a list you add to, each item holding: Icon, Title, Text
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

The same promises in a simpler layout that is quicker to set up.

The same promises in a simpler layout th

  • Border Color: a colour
  • Layout: one of: grid, slider
  • Loop items: on by default
  • Items Per Row: one of: 4, 3, 2
  • Center Content: off by default
  • Item Background Color: a colour
  • Item Border Color: a colour
  • Icon Background Color: a colour
  • Icon Shape: one of: 15px, 50%
  • Convert Icons to White: off by default
  • Text Color: a colour
  • Features: a list you add to, each item holding: Icon, Title, Description
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Your categories as a grid or a slider, each with its picture, name and link.

Your categories as a grid or a slider, e

  • Border color below the title: a colour
  • Select if the section will be in the form of a slider or list: one of: style1, style2
  • Items per Row (with list): one of: 4, 3, 2
  • Infinite: on by default
  • Arrows (requires save): on by default
  • Show category link inside the category: on by default
  • Link text for the button inside the category: text
  • Link background color for the button inside the category: a colour
  • Display button more products: on by default
  • More text: text
  • More button background color: a colour
  • Card Background Color: a colour
  • Image Background Color: a colour
  • Title Color: a colour
  • Pull the store's categories automatically (instead of picking them): off by default
  • Maximum categories in automatic mode: one of: 0, 4, 6, 8, 10, 12
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Categories over a picture or a colour with an advert beside them — the richest of the theme's category layouts.

Categories over a picture or a colour wi

  • Title Color: a colour
  • Select if the section will be in the form of a slider or list: one of: style1, style2
  • Items per Row: one of: 4, 3, 2
  • Infinite: on by default
  • Arrows: on by default
  • Display button more products: on by default
  • More text: text
  • More button background color: a colour
  • More button link: a link
  • Open link in new tab: off by default
  • Cards: a list you add to, each item holding: Center Content, Background Image, Item Background Color, Show Overlay, Overlay Color, Overlay Opacity… and 15 more
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Collections, each on its own background image, with a title, a short line and a link.

Collections, each on its own background

  • Negative margin to attach section top with header or slider: off by default
  • Hide arrows: off by default
  • Infinite: on by default
  • Pull the store's categories from Zid automatically: off by default
  • Maximum categories in automatic mode: one of: 0, 3, 4, 6, 8, 12
  • Categories: a list you add to, each item holding: Pick a category from your store, Title (leave empty to use the category name), Description, Image (leave empty to use the category image), Link (leave empty to open the category), Link text
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

A scrollable product row, picked by hand or from a category, with the column count you choose for each screen size.

A scrollable product row, picked by hand

  • Select category products: products
  • Select Style: one of: style1, style2
  • Infinite: on by default
  • Display Arrows: on by default
  • Border Color: a colour
  • Items Count: one of 13 values
  • Items Per Row: one of: 6, 4, 3
  • Items Web: a number
  • Items Tablet: a number
  • Items Mobile: a number
  • Labels Border Color: a colour
  • Labels Background Color: a colour
  • Labels Text Color: a colour
  • More Text: text
  • More Link: text
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Your products across tabs — newest, best selling, a chosen category — and the visitor moves between them without a page load.

Your products across tabs — newest, best

  • Border Color: a colour
  • Tabs in the center: off by default
  • Tabs: a list you add to, each item holding: Tab Title, Select category products, Full Width, Select if the section will be in the form of a slider or list, Infinite (requires save), Autoplay (requires save)… and 12 more
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

One category's products in a single row — useful for putting a particular department forward on the home page.

One category's products in a single row

  • Show flower in the title: on by default
  • Display style: one of: style1, style2, style3
  • Items count: a number
  • Infinite: on by default
  • Show arrows: on by default
  • Select category products: category_products
  • Labels border color: a colour
  • Labels background color: a colour
  • Labels text color: a colour
  • Display button more products: on by default
  • More text: text
  • Items count web: a number
  • Items count tablet: a number
  • Items count mobile: a number
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Cards with images, copy and links in a slider — for offers, collections, or anything else you want to feature.

Cards with images, copy and links in a s

  • Show title ornament: off by default
  • Cards per row: one of: 3, 4, 5, 6
  • Infinite loop: off by default
  • Show arrows: on by default
  • Show dots: off by default
  • Card title color: a colour
  • Card: a list you add to, each item holding: Image, Title, Link
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Compact products in a vertical list beside advertising panels — products and a promotion in one section.

Compact products in a vertical list besi

  • Select if the section will be in the form of a slider or list: one of: style1, style2
  • Items per Row: one of: 4, 3, 2
  • Count Products to Show per Slide: one of: 1, 2, 3, 4, 5, 6
  • Columns: a list you add to, each item holding: Main Color, Column Title, View All Text, View All Link, Open in new tab, Select ad products… and 2 more
  • More Text: text
  • More Link: a link
  • More Link Background: a colour
  • Show Ads: off by default
  • Hide Ads on Mobile: off by default
  • Show Ads Full Height: off by default
  • Reverse Order: off by default
  • Infinite: on by default
  • Autoplay: on by default
  • Arrows: on by default
  • Items: a list you add to, each item holding: Center Content, Background Image, Item Background Color, Show Overlay, Overlay Color, Overlay Opacity… and 15 more
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

An advertising image with real copy over it — a heading, a line and a button as HTML rather than printed into the picture, so the words stay sharp at any size and search engines can read them.

An advertising image with real copy over

  • Image: an image
  • Image Link: a link
  • Open in New Tab: off by default
  • Eyebrow: text
  • Headline: text
  • Subtitle: text
  • Button text: text
  • Button link: a link
  • Copy position: one of: start, center, end
  • Soften the picture behind the copy: on by default
  • Text colour: a colour
  • Eyebrow background: a colour
  • Eyebrow colour: a colour
  • Button background: a colour
  • Button text colour: a colour
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

A simple advertising image with a link, for when the picture carries the whole message.

A simple advertising image with a link,

  • Image: an image
  • Image Link: a link
  • Eyebrow: text
  • Headline: text
  • Subtitle: text
  • Button text: text
  • Button link: a link
  • Copy position: one of: start, center, end
  • Soften the picture behind the copy: on by default
  • Text colour: a colour
  • Eyebrow background: a colour
  • Eyebrow colour: a colour
  • Button background: a colour
  • Button text colour: a colour
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

An advertising gallery in a slider, each slide with its picture and link.

An advertising gallery in a slider, each

  • Show flower in the title: on by default
  • Title: text
  • Gallery Items: a list you add to, each item holding: Pin background, White Texts, Hide on Mobile, Content Center, Title, Subtitle… and 3 more
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Numbers that build trust: products, customers, years in business — whatever matters to your buyer.

Numbers that build trust: products, cust

  • Title Color: a colour
  • Items per Row: one of: 4, 3, 2
  • Center Text inside items: off by default
  • Item Background Color: a colour
  • Convert Icons to White: off by default
  • Number Color inside items: a colour
  • Title Color inside items: a colour
  • Items: a list you add to, each item holding: Image, The number to display, Title, description
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Customer opinions in a slider, each with a name, a picture and a rating.

Customer opinions in a slider, each with

  • Border Color: a colour
  • Select if the section will be in the form of a slider or list: one of: style1, style2
  • Items per Row: one of: 2, 3, 4, 6
  • Items count web: one of: 1, 2, 3, 4, 5
  • Items count tablet: one of: 1, 2, 3
  • Items count mobile: one of: 1, 2
  • Card Background Color: a colour
  • Text Color: a colour
  • Infinite: on by default
  • Show Dots: on by default
  • Show Arrows: on by default
  • Testimonials: a list you add to, each item holding: Client Review, Show Stars, Client Image, Client Name
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Frequently asked questions as a collapsible list — fewer repeat questions for your support.

Frequently asked questions as a collapsi

  • Title Color: a colour
  • Items per Row: one of: 2, 3
  • Title and Answer Background Color: a colour
  • Title and Answer Color: a colour
  • Questions: a list you add to, each item holding: Question, Answer
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Your branches with their addresses and details, in organised tabs.

Your branches with their addresses and d

  • border Color: a colour
  • tabs center: off by default
  • Title Padding Bottom (Default is 50): one of 14 values
  • Branches: a list you add to, each item holding: Branch Title, Branch Iframe From Google Map
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Your partners' or brands' logos in a moving strip.

Your partners' or brands' logos in a mov

  • Show flower in the title: on by default
  • Infinite: on by default
  • Show Arrows: on by default
  • Title: text
  • Partners: a list you add to, each item holding: Image, Link
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Instagram pictures in a grid, tying your store to your account.

Instagram pictures in a grid, tying your

  • Continuous movement (requires save): off by default
  • Padding between elements from right and left (e.g. 10px): text
  • Padding top and bottom (e.g. 10px): text
  • Section Title: text
  • Images: a list you add to, each item holding: Image, Link
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Your store or product videos in a slider.

Your store or product videos in a slider

  • Show arrows: on by default
  • Infinite: on by default
  • Show dots: off by default
  • Items count web (requires save): one of 7 values
  • Items count tablet (requires save): one of: 1, 2, 3, 4
  • Videos: a list you add to, each item holding: Video URL (https://www.youtube.com/embed/xxxxidxxxx or TikTok id)
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

A single video, full width or boxed, with a cover image and a play control.

A single video, full width or boxed, wit

  • Show flower in the title: on by default
  • Title: text
  • Video: video
  • Controls: on by default
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

A space or a rule between sections, to control how the page breathes.

  • Color: a colour
  • Height: a number
  • Top Margin: a number
  • Bottom Margin: a number
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

A dividing line in a colour and height you choose.

  • Full width: off by default
  • Thickness (px): a value within a range
  • Color: a colour
  • Top Spacing (px): a value within a range
  • Bottom Spacing (px): a value within a range
  • Hide section: Show or hide the whole section
  • Full width: Stretch the section across the screen instead of the boxed container
  • Top & bottom padding: The space above and below the section, 0 to 200px
  • Title & subtitle: Main and sub heading text, each with its own colour
  • Center title: Centre the heading or align it to the start of the line
  • Title bottom spacing: The gap between the heading and the section content
  • Background: A background colour or image, with a fixed-on-scroll option
  • Overlay: A colour layer over the background image, with colour and opacity

Page designs

The theme ships two complete product page designs, chosen from one dropdown in the general settings. Switching is immediate and needs no code.

The default design

Product page - default design

A gallery with thumbnails beside it and the information in a column alongside — the classic arrangement every buyer knows.

The professional design

Product page - professional design

Pictures stacked full width with the information panel staying with you as you scroll, and an option for each picture to hold while the next slides over it — closer to how international stores present a product.

Options

  • Product page design: default or professional
  • Sticky product images: each picture holds while the next slides over it
  • "You may also like" on the product page: a row of suggestions below
  • "You may also like" on the cart page: the same row inside the cart

The header has more than one layout, each with its own settings: where the logo sits, how search appears, which icons show, and how the header behaves as it sticks on scroll — set independently for the home page and inner pages.

Header layouts

Related themes

Sutra

Sutra — the best Zid store theme to grow your sales. Modern, mobile-friendly, and easy to customize.

El-Aml

El-Aml — the all-in-one Zid store theme for large stores. A professional design suited to every product, with full customization and unmatched flexibility.

Raqami

Raqami — Zid's best-selling store theme. A modern mobile-friendly design, easy to customize, ready to boost your sales.

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