Zircon Drupal Theme

Zircon Drupal Theme 7 & 8 features a clean and soft-styled design with smoothly flowing structure. This multipurpose themes is a good pick for a business, company, or corporate to showcase their products or services on the site or an individual wishing to create a blog, or a personal site .

As simple and clean as the theme is, Zircon features a flat and soft-styled design with smoothly flowing structure. This template is a good pick for a company to show their products or services on the site.


  • Documentation included.
  • Browser compatibility.
  • Drupal 7, 8 version.
  • Web Technology (Html5/Css3, Twitter Bootstrap 3.1.1, Font Awesome 4.0.3,…)
  • Fully responsive.
  • Megamenu (Zircon Drupal 7).
  • Slideshow, slider, carousel,… (Zircon Drupal 8, created from views with jssor, and slick).

Zircon Drupal 7 and 8 Theme

Fully responsive : Zircon theme is optimized to display well with impeccable layout adaptation on any mobile devices, tablets.

Customized Views Module : The homepage uses Views Modules with customization to bring out Slideshow, and Carousel Blocks.

Web Technology : HTML5, CSS3, SASS, Twitter Bootstrap 3.1.1, Font Awesome 4.0.3,… are used in the theme.
Browser compatibility : This theme supports all major browsers including Chrome, Firefox,IE 9+, Opera, Safari.

High usability : With sufficient available features and organized block layout in 3 columns, this is a multipurpose theme, which is very easy to use.

Documentation : Zircon comes with a quick guide to which you can find the reference whenever you want to dig into or customize the theme.

Version Control

One-Time Only

Setting up repository for the first time

git clone --branch 8.x-1.x https://git.drupal.org/project/zircon.git
cd zircon


The headings below are not sequential. What you choose to do depends on where you are in your process.

Checking your repository status

To see what you will commit by running git commit and what you could commit by running git add before running git commit.

git status

Switching to a different branch

When you clone the repository you have access to all the branches and tags. The first command shows your choices. The second command makes the switch. See branching and tagging for details.

git branch -a
git checkout [branchname]


Getting ready to create or apply patches

If you have not already cloned the repository, follow the directions above for setting up this repository in your local environment. Be sure you are on the branch you wish to patch, then ensure it is up-to-date with the following command:

git pull origin 8.x-1.x

Creating a patch

For most improvements, use the following command after making your changes:

git diff > [description]-[issue-number]-[comment-number].patch

For more complex improvements that require adding/removing files, work over the course of multiple days including Git commits, or collaboration with others, see the Advanced patch workflow.

Applying a patch

Download the patch to your working directory. Apply the patch with the following command:

git apply -v [patchname.patch]

To avoid accidentally including the patch file in future commits, remove it:

rm [patchname.patch]

When you’re done: Reverting uncommited changes

Revert changes to a specific file:

git checkout [filename]

Revert changes to the whole working tree:

git reset --hard

Demo   Download

Table of Contents

Share this post