Custom grid panels layout with Omega theme

For a lot of my recent projects I have used the Omega theme as the base theme, I love the whole responsive design support and grid system. But when you create a Panels page and choose a layout you don’t get the same grid support as you do with Omega.

Panels outputs its own grid system, where as Omega has an easy to follow grid framework. Check out the Containers and Grids (Omega 2.x documentation) page to understand how to create grid layouts.

In this article I’ll show you how to create a grid layout as a custom panels layout. We’ll then apply this layout to the node_view (/node/%node) page.

UPDATE: Omega does offer integration for panels.

Continue reading “Custom grid panels layout with Omega theme”

Display suite part 2: View modes and fields

Update: I have written an updated version of this series over athttp://webwash.net. The updated version covers Display Suite 7.x-2.x.

This post is part of a Display suite series, Display suite part 1: Layouts and Styles andDisplay suite part 2: View modes and fields.

In part 2 of this Display suite series, I’ll show you how to create custom view modes and how to expose blocks as a field. Also don’t forget to check out theDisplay Suite for Drupal 7 playlist on youtube.

Custom views modes

In Drupal 7 entity view modes have become a lot more powerful. With Display suite you are able to create custom view modes for any node or comment, without writing any code.

NOTE: Check out this great blog post on how to create custom view modes in Drupal 7 with code.

To create a custom view mode, click on the View modes link from the Display suite administration page.

Continue reading “Display suite part 2: View modes and fields”

Display suite part 1: Layouts and Styles

Update: I have written an updated version of this series over athttp://webwash.net. The updated version covers Display Suite 7.x-2.x.

The Display suite is a powerful module which allows you to customise the node view page without writing any code. You can apply custom layouts as well as custom fields without a module. Configuration of this module is fully exportable with features.

In this post I’ll show you how to get started and how to create a layout. In part 2 (coming soon), I’ll show you how to create custom view modes and how to expose blocks as fields. Also don’t forget to check out the Take Full Control of Your Site Layout with Display Suite for Drupal 7 video from DrupalCon London.

Getting started

To get started go to http://drupal.org/project/ds and download the modules into “sites/all/modules”.

If you haven’t already, also download and enable the Chaos tool suite module. Display suite requires it.

Continue reading “Display suite part 1: Layouts and Styles”

Create a slideshow using the Field Slideshow module

The Field Slideshow makes it easy to create a slideshow from just an image field.

With Fields in core for Drupal 7 we also got a more powerful display formatters for fields. Fields now ship with their own formatter settings forms and make it really easy to change the display of a field, and Field Slideshow really make use of this.

For more details check out the Field Slideshow project page.

Getting started

The first thing you have to do is download Field Slideshow and place it into sites/all/module. Then go to Administration >> Modules and enable the module.

Continue reading “Create a slideshow using the Field Slideshow module”

How to use GeoIP & Context GeoIP module

Using the GeoIP module with Context GeoIP module, it makes it really easy to create a context which has a specific condition to only display a block if your IP location is from a particular country.

Furthermore GeoIP has a powerful API to pull out location information.

In this article I’ll show you how to setup GeoIP and Context GeoIP module.

Continue reading “How to use GeoIP & Context GeoIP module”

How to setup Search API with Apache Solr

Update: This tutorial is out-of-date. Please go to Search API’s getting started page for up-to-date documentation.

The Search API is a Drupal 7 search framework module. It allows you to create custom search pages on any URL and integrates with a few search backends.

In this article I’ll show you how to setup Search API with Apache Solr on a mac (10.6).

For more details check out the Search API project page.

If you already have solr setup skip to the Search API section.

Setup Apache Solr

The first thing we’ll have to do is setup Solr locally. Make sure you have Java installed, if your using OSX 10.6 and keep it up to date you should be fine.

Continue reading “How to setup Search API with Apache Solr”

Use TurnKey Linux with VirtualBox 4 on mac

I remember reading on some post online about developers using virtual environments as a development server. On my mac I use MAMP for development. But using a virtual environment allows you to create all sorts of servers (LAMP, Apache Solr, Varnish).

Over the weekend I spent some time looking at setting up my own virtual environment for development and found the TurnKey Linux site.

In this post I’ll demonstrate how to setup the LAMP Stack Appliance with VirtualBox 4.

Continue reading “Use TurnKey Linux with VirtualBox 4 on mac”