CHIQUE Drupal theme - Spice up your online presence with unlimited options

CHIQUE FOR DRUPAL 7

With multiple color schemes and typographic styles, unparalleled automations and unmatched ease of use. Read more

CHIQUE PREVIEW

See more CHIQUE photos

HIGHLIGHTS

Comes in your favourite color.

Five awesome color schemes to choose from; Brown, Purple, Blue, Gray and Green. Just pick the one that fits your brand with a single click through the theme-settings. Video

With multiple background patterns.

Twelve -- yes, 12 -- background patterns to choose from for all tastes. Just pick the one that fits your style with a single click through the theme-settings.

With superfish menus.

Chique integrates with the Superfish module supporting gorgeous multi-level drop-down menus with smooth motion. Relocating of sub-menus & hyperlink menu descriptions when they would otherwise appear outside the browser window area.

Slideshow

Drive your slide show easily with the built-in intelligence. Create “slideshow entries” or set your content* to be promoted and Voila! Add text, images or even full HTML.
*Slideshow Entry, Service, Image Gallery, Event & Blog entry.

Slideshow thumbnails

Slide show goodness comes along with image thumbnails, automatically produced from each main slide show image. Single-click access to plenty of configurations through the theme-settings (display always or on mouse over).

Unparalleled Slideshow flexibility.

Leave it on the front page or set it to be displayed everywhere in your site. Dozens of transition effects available on theme settings.

Reservation

Out-of-the box support for reservations through the built-in reservation page - an expandable webform node.

Multiple font-schemes

Select among different font-schemes, with font-families for all tastes and corporate identities. Just pick the one that fits you with a couple of clicks. Video

Image Galleries page

Chique collects all image Galleries to a special designed page.

Breadcrumb with a single click

Breadcrumb is good to your users, especially when your website turns big. So, just switch it on via the theme settings.

Scroll-to-top

Enjoy attention to detail, provide your visitors those little goodies that make a difference such as a jQuery based “Scroll to Top”.

Views at your disposal.

Enjoy Views blocks ready-made for your ease: Archive, Events, Galleries, Latest posts, Promoted posts, Slideshow & Testimonials.

Region-rich, yet without risk

Comes with a wealth of custom regions: Header Top Left, Header Top Right, Navigation, Banner, Footer First, Footer Second, Footer Third, Footer Bottom Right. Yet it’s end-to-end compliant to the default Drupal regions.

Blogging goodies

Comes with support for the Blog module and a pre-activated blog*.
*Installation profile

Tweet, Tweet, Tweet

Comes with built-in twitter integration, looking cute, working great and allowing for the configuration of Twitter title, Twitter account and Twitter time.

Beautiful and sophisticated yet lightweight.

Gorgeous design built to the last detail using HTML and CSS3 rather than images, speeding up your website's load times.

Reorder everything, no limits.

Use Drupal 7’s built-in manage display to re-arrange all the content type fields* on a page according to your needs or liking.
*Chique content type fields

One or two column layout support

Leave the Sidebar First region without any blocks and the Content region will occupy all the available width. And it will still look good, it’s been designed for this.

Show your visitors you love’em. Especially returning ones.

Chique lets your users create their own signatures, making comments personalized.

Boost conversation even more.

Comments in Chique are more than more comments. They’re parts of an ongoing dialog and it shows.

Gorgeous testimonials

Showcase words of love from your users and customers in the most amazing way, with the custom-made "Testimonial" content type and its unique design and automations. Enjoy Views collecting testimonial nodes on both a block and a page.

Business Class Drupal theme- Help your business stand out with the power of Drupal

Business Class for Drupal 7

Help your business stand out

With multiple color schemes and typographic styles, unparalleled automations and unmatched ease of use. Read more

Business Class preview

See more Business Class photos

Highlights

Front Page Slideshow

Drive your Slideshow easily with the built-in intelligence. Create your “Slideshow entries” adding text, images or even full HTML. Or just set your content* to be promoted!
*Slideshow Entry, Product, Service & Blogpost.

Unparalleled Slideshow flexibility.

Leave it on the front page or set it to be displayed anywhere on your site. Dozens of transition effects available through theme settings.

Comes in your favourite color.

Four color schemes to choose from for all tastes and corporate identities; Blue, Gray, Green, Red. Just pick the one that fits you with a single click through the theme-settings.

Nice menus.

Business Class is integrated with the Nice Menu module supporting gorgeous multi-level drop-down menus with smooth motion.

Gorgeous testimonials.

Showcase words of love from your users and customers in the most amazing way, with the custom-made "Testimonial" content type and its unique design and automations.

Multiple font-schemes

Select among different font-schemes, with font-families for all tastes and corporate identities. Just pick the one that fits you with a couple of clicks.

Breadcrumb with a single click.

Breadcrumb is good to your users, especially if your website turns big. So, just switch it on via the theme settings.

Scroll-to-top

Enjoy attention to detail, provide your visitors those little goodies that make a difference such as a jQuery based “Scroll to Top”.

Views at your disposal.

Enjoy Views blocks ready-made for your ease: Latest blogposts, latest products, latest testimonials, archives and more.

Region-rich, yet without risk

Comes with a wealth of custom regions: Navigation, Banner, Promoted Area, Footer First, Footer Second, Footer Third, Footer Right. Yet it’s end-to-end compliant to the default Drupal regions.

Blogging goodies

Who doesn't blog nowadays? Who shouldn't? Business Class comes with support for the Blog module and a pre-activated blog*.
*Installation profile

Tweet, Tweet, Tweet

Comes with built-in twitter integration, looking cute, working great and allowing for the configuration of Twitter title, Twitter account and Twitter time.

Beautiful and sophisticated yet lightweight.

Gorgeous design built to the last detail using HTML and CSS3 rather than images, speeding up your website's load times.

Reorder everything, no limits.

Use Drupal 7’s built-in manage display to re-arrange all the content type fields* on a page according to your needs or liking.
*Business Class content type fields

One or two column support.

Leave the Sidebar First region without any blocks and the Content region will occupy all the available width. And it will be still looking good.

Show your visitors you love’em. Especially returning ones.

Business Class lets your users create their own signatures, making comments personalized.

Boost conversation even more.

Comments in Business Class are more than mere comments. They’re beautifully designed parts of an ongoing dialog and interaction. And it shows.

Showing the first image in the teaser for a Drupal 7 Image Field with multiple values

A Drupal 7 image field that is set to contain multiple values (multiple images), will display all of the images in both the teaser and full node view. There is no option when creating a node which contains this image field to only show the first image in the teaser. However, you can adjust the teaser to only display the first image with Drupal 7 field-level templating.

In order do this globally for a field named "field_image", you can use the following code in a template file named "field--field_image.tpl.php". 

<div class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>> 

<?php if (!$label_hidden) : ?> 

<div class="field-label"<?php print $title_attributes; ?>><?php print $label ?>:&nbsp;</div> 

<?php endif; ?> 

<div class="field-items"<?php print $content_attributes; ?>> 

<?php if ($element['#view_mode']=="teaser") { ?> 

<div class="field-item even"<?php print $item_attributes[0]; ?>><?php print render($items[0]); ?></div> 

<?php } else { ?> 

<?php foreach ($items as $delta => $item) : ?> 

<div class="field-item <?php print $delta % 2 ? 'odd' : 'even'; ?>"<?php print $item_attributes[$delta]; ?>><?php print render($item); ?></div> 

<?php endforeach; ?> 

<?php } ?> 

</div> 

</div>

It is generally a good idea to override the field.tpl.php. Note that inside the field.tpl.php in modules/field/theme, there is the following comment:

THIS FILE IS NOT USED AND IS HERE AS A STARTING POINT FOR CUSTOMIZATION ONLY.
See http://api.drupal.org/api/function/theme_field/7 for details.
After copying this file to your theme's folder and customizing it, remove this HTML comment.

Showing the first image of multi-value image field using the Views module

The views module includes an option for which values to display of multi-value fields. This option is called "MULTIPLE FIELD SETTINGS". In order to display only the first value, just change the corresponding text-field to Display 1 value starting from 0 (or starting from any other item you want).

Drupal 7 adding Google web fonts as external stylesheets

To use Google web fonts as external stylesheets to your theme, you cannot use the themes .info file. Instead you can add this in template.php. In Drupal 7, if you want to add the 'PT Sans' Google web font do this as follows:

<?php
function YourThemeName_preprocess_html(&$variables) {
drupal_add_css('http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic', array('type' => 'external'));
}
?>

After this addittion, just add the 'PT Sans' in your style.css file. For example

h1 { font-family: 'PT Sans',Helvetica,Sans-serif; }

If you want to add/load web fonts for a single page and not for the whole site, you can use drupal_add_css() and place a condition around it.

Drupal 7 adding a body class that tells us whether a region is empty of blocks

Sometimes, especially in the style.css file, there is a need to understand whether a theme region is empty. A good solution to achieve this is to add a body class. In order to achieve this, you could make use of Drupal 7 template_preprocess_html(&$variables)

Just add to your template.tpl.php file of your theme the following function:

function YourThemeName_preprocess_html(&$variables) {
if (empty($variables['page']['RegionName'])) {
$variables['classes_array'][] = 'YourClassName';
}
}

Drupal 7 possible override field templates

field.tpl.php - Default template implementation to display the value of a field. This file is not used and is here as a starting point for customization only.

Possible override templates are:

• field.tpl.php
• field--field-type.tpl.php
• field--field-name.tpl.php
• field--content-type.tpl.php
• field--field-name--content-type.tpl.php

For example, if you want to override the 'field_image' in your 'product' content type, you should create the template field--field_image--product.tpl.php.

Futhermore, if you want to load the node in which field is attached, you should use the $element['#object'] entity.

For example, if you want to take the language of the node in which field is attached, you can use the following code <?php $node=$element['#object']; $lang = $node->language; ?>