Download our free how-to guide for setting up your new Drupal site and using our themes

planet

ÜberTip #3: Best practices for e-commerce product images

Photos are the face of your products for your online store. Any photo is better than no photo, but improving your product images can have a huge impact on sales, reduce customer support requests, and minimize refunds or exchanges. Here are some tips for showcasing your products at their best in Übercart.

Make product images clear and consistent

Print catalogs typically hire one illustrator or photography studio to create all the product images in a section; at the very least, they have an art director to ensure that the tone and style are consistent. Even if you don’t have that luxury—if you get your graphics from multiple sources, for example—a few minutes in Photoshop can turn a visual jumble into a collection where all the pieces look like they belong. You can do this by processing all images to have the same proportions, or be the same apparent size, or have the same effects (such as a drop shadow or glow). 

Wine glass photo on busy backgroundWine glass on isolated white background
Which one of these more clearly shows what’s being sold?  With the one on the right, there can be no mistake.  Imagine your customers trying to quickly scan over a page full of product photos like the one on the left!

Drupal vs. Joomla: a frank comparison from an IBM consultant

We were very fortunate recently to have a consultant from IBM purchase one of our Drupal themes for a personal project. Before purchasing the theme, we discussed a bit about Joomla and Drupal, focusing mostly on the difference between where functionality and eye candy lies in Drupal vs. Joomla.

I say fortunate because after this consultant evaluated the two CMSes, I received an email with a fascinating and detailed comparison of these early experiences with Drupal and Joomla. I was allowed to post this (anonymously) here to our blog so the community(ies) at large can benefit from this great write-up.

I won’t interject too much of my own thoughts here, other than that a) I agree with just about everything being said here, and b) the good news is that a ton of this stuff is a strong focus for Drupal 7. I see the Drupal community also putting more effort into the many approaches currently being worked on for pre-configuring/populating a site (Installation profiles, Patterns, Spaces, Drush, etc).

Edit: we’re getting some very interesting comments from Joomla users as well, make sure you read the comments!

The full email follows below

FYI, here are my observations on Drupal after about 40-50 hours with the tool (I have experience with Joomla, DotNetNuke, and of course our solution at IBM: Websphere Portal, WCM, and Portlet Factory). I plan to evaluate for another few days, before making a decision on whether to implement using Joomla or Drupal.  The hosting costs and portlet dev cost for Websphere Portal are too high, or I’d be using an IBM solution.

ÜberTip #2: Simplify!

Ubercart product page before and after -- defaults compared to our optimized (simplified!) version

The second post in our ÜberTip series (read/download the full guide) is an important attitude for any e-commerce site — keep it simple!  Drupal can be prey to "open buffet syndrome" on modules and features.  All that exciting functionality is there at your fingertips, an enabled block away!  But when you’re trying to encourage your customers to part with their hard-earned money on what you’re selling, you don’t want to distract them from that primary goal.

Dealing with Drupal’s defaults

Unless you’re running a social networking site with chat functionality, do customers really need to know who else is logged in?  For that matter, Drupal’s default Navigation and User Login blocks are unnecessary for most e-commerce sites.  Disable whatever blocks aren’t absolutely necessary, especially once the user gets to the checkout pages.

Focus on essential information

Beyond blocks, consider the content of individual pages. Ruthlessly cut words and graphics that don’t serve your purpose. That’s no easy task, as was illustrated by the writer Edgar Allen Poe when he turned in a novel on deadline: "Here it is, at 400 pages. I could have made it 300 pages if you’d given me more time."

Make the buying process obvious

Assuming that your purpose is to sell products, make sure that customers are never more than a click away from buying — and make that button big, unambiguous, and attractive.

Übercart does some of the work for you by providing a Shopping Cart block that you can (and should) make visible on every page, but you can do more by emphasizing the "Add to cart" button on product pages.

You can make your own adjustments by tweaking a theme’s CSS according to these instructions.

ÜberTip #1: Optimizing checkout workflow

In celebration of our newly released free Ubercart guide, we’re posting a 5-part series of tips for making your Drupal online store shine!

Ubercart catalog settings First up is taking a good look at your checkout process. The purchasing process is not a one-size-fits-all solution. Ubercart’s defaults might work well for you, but don’t make assumptions! The last thing you want to do at this crucial point is introduce hurdles to your customers and encourage them to wander off and not complete a transaction. 

Luckily Ubercart gives you several options for adjusting this process to suit your needs.

Quick 'n' dirty images in Drupal nodes

The simple way to add an inline photo to a Drupal node

Ahhh, images in Drupal. A lot is being actively developed this area, with numerous modules available, which usually get all the attention. But sometimes you just need a quick and dirty way to easily add images that just work to a Drupal node. This tip is from our "How to build a great Drupal website" Quickstart Guide, available for download as a PDF.

This process we’re going to show you first is frankly a bit of a workaround, but it’ll introduce you to a simple way to add images and formatting to a Drupal page using only Drupal’s built-in modules. The guide goes on to show you another way to create the same page with CCKImagefield.

You’ll have to be logged in as a user that has access to the "Full HTML" input format. By default, Drupal only gives that access to the "superuser" — that is, the user created when you first installed Drupal. You can give that access to other users on the "Input formats" administration page at example.com/admin/settings/filters; for more information about permissions and roles, see drupal.org/getting-started/6/admin/user/permissions and drupal.org/getting-started/6/admin/user/roles, respectively.

10 reasons why now is the best time to start an online business with Drupal

It’s clear that from now on, we won’t be relying on big companies living at the fat end of the tail for job security. Seniority, talent, productivity, and loyalty have proven to be no guarantee that you’ll keep your position when things get this bad. That’s the bad news.

The good news? Maybe your employer is doing you a favor by handing out pink slips. Because you really only have control over your economic destiny when you cut out the middleman (your employer) and become your own boss. Then, whether or not you succeed is only a result of your willingness to learn and your persistence. In fact, that’s the new secret to success: be willing to learn everything you need to know and then apply it repeatedly.

It used to be that it took a lot more: a prestigious education, lots of capital, connections in the Old Boy network, equipment, office space, employees, and lots more. But the internet and applications like Drupal have changed things dramatically for the better. So here are the top 10 reasons why now is the best possible time to start a business—specifically one using Drupal.

1. Your time is free

Your unemployment insurance or severance package is a rare opportunity to buy the time to learn how to get a business website up and running.  Even if you end up looking to work for someone else, the fact that you started an online store, consultancy, or other enterprise will show a prospective employer that you have both initiative and valuable skills. It’ll be either your ticket to independence or a respectable interlude between your last job and your new one.

Documentation galore!

Guy reading documentationNew users to Drupal can be the greatest education in the world. We’ve learned so much from helping others in Drupal’s online support chat, maintaining issue queues, and fielding customer support requests from people implementing their first site with a TNT Drupal theme

It quickly became apparent that we were seriously lacking in the documentation department. So a few new things have come of this recently, which we hope will become great resources in the Drupal community at large:

TopNotchThemes Quickstart Guide: Build a Great Drupal Website - this is a free, illustrated, 24-page guide for that stage of Ok so I have Drupal installed — now what? It also serves as a guide to using some of the special features of our themes, but walks you through creating content with images, blocks, menus, organizing nodes with taxonomy, theme settings, and simple step-by-step examples of CCK and Views.

Theme handbook: Acquia Marina - this theme does some things a bit differently than themes you might’ve used before. It’s powerful, but some of these features need a little further explanation. We’re hoping this handbook page will address some of the most common questions (such as the collapsible regions creating different layouts, theme settings, block icons, PNG fix for IE6, etc) and also serve as a study for those looking to create their own complex themes.

Checking in on the world of Ubercart

Floristo - Drupal Ubercart e-commerce fluid width light 3 column theme with drop-down menus
Luxe - elegant, 2 column Drupal shopping cart theme

Ubercart, the comprehensive shopping cart online store solution for Drupal, has been growing in leaps and bounds lately.  They’re up to a beta 2 version for Drupal 6, which is being successfully deployed on many new Drupal e-commerce sites.  I also took a recently released installation profile for a spin today, created by Commerce Guys, which starts you out with Acquia Drupal + Ubercart modules, all ready to go.  According to a discussion thread, more is in the works.  In addition, Commerce Guys and AF83 are doing Ubercart training in Germany (which will be using one of our e-commerce themes in its coverage of building an Ubercart site) in just over a week!

We’ve also just released two new Ubercart themes, with very different looks.  Floristo is a clean, fluid width theme, with dropdown menus, either or both sidebars available, and our usual zillions (ok, so that’s not a technical term) of styled regions for block content.  Luxe is a two-column theme with a rich palette, prominent banner image area, and elegantly styled product pages.

New themes added: 

Spotting the free Acquia Marina Drupal theme in the wild

A site using a modified Acquia Marina Drupal theme from TopNotchThemes
A site using a modified Acquia Marina Drupal theme from TopNotchThemes
A site using a modified Acquia Marina Drupal theme from TopNotchThemes
A site using the Acquia Marina Drupal theme from TopNotchThemes
A site using a modified Acquia Marina Drupal theme from TopNotchThemes
A site using a modified Acquia Marina Drupal theme from TopNotchThemes

It’s been three months now since we released the Acquia Marina theme, a free Drupal theme developed for Acquia’s Drupal distribution and released on drupal.org.  It’s been an amazing ride of feedback so far, and widespread use and testing by the community has made both it and all our themes so much better (and has kept the issue queue very busy, which Jay has done a remarkable job of handling).  For that we send a big THANK YOU to both Acquia and the Drupal community!

3,000 people are using Acquia Marina, according to the usage stats, making it the second most popular contrib theme (after Zen, naturally) on drupal.org!

We’ve come across some great uses of it in the wild and wanted to share a few favourites:

Intelligent Sustainable Energy
A very clean interpretation, changing the blue to grey and a logo to match.  Kudos!

Mommie 911
Wow, Marina with a completely new colour scheme!

EarthShare Washington
There’s not a whole lot of Marina left here, but you can see it — nice job on making it your own and great colours.

Acamdex
This one is my favourite unmodified (as far as I can tell at least) use of Marina.  Great use of the preface regions with the checkmark bullets for key points.

Town of Williston
Ok, this one almost makes me wish we’d done it in grey to start with — simply beautiful!

SpreadThunderbird

Top Notch Drupal Roundup 2008

TopNotchThemes' Drupal resource roundupThis has been a great year for Drupal, and our first few months in the premium Drupal theme business! Here’s hoping 2009 brings Drupal site owners and service providers continuing success.

We’re picky, so we wanted to be selective and create a list of some lesser-known links, learning tools, modules, and useful information for both new and more experienced users to Drupal. Enjoy and feel free to add your favourites to the comments below!

Top five Drupal 6 screencasts
The best 3 books for learning Drupal
Avoiding common newbie mistakes
Boring sounding modules you didn’t know existed but that do really cool things
Fixing 7 Drupal annoyances
Drupal resources you’ll want to check out
Less obvious ways to keep up on the latest Drupal news

Top five Drupal 6 screencasts