4 replies [Last post]
ñull@drupal.org's picture
Offline
Joined: 01/26/2009
Juice: 136
Was this information Helpful?

http://www.foto-r3.com

This Ubercart 2 based shop was successfully migrated from an old Drupal 4.7 ecommerce site. This long time client of mine is specialised in vintage BW photography, a hobby that is still very much alive. The owner speaks English and will ship worldwide so if you're in for the good old slow photography then have a look at his site.

A graphic designer delivered me only with a Photoshop file and I wasted a lot of time turning it into a Drupal theme. In fact I had to redraw / replicate the whole thing because his file was not compatible with my older software. I am still tweaking some things, but I think it looks pretty cool already.

Used modules:

CCK
Content
Filefield
Imagefield
Link
Text

CORE
Contact
Locale
Menu
PHP Filter (for the date-time)
Search
Upload

IMAGE CACHE
image API
image API GD2
imagecache
imagecache UI

Mail
Mime mail
Simplenews

Other
Pathauto
Secure pages
Token
Taxonomy image (used for the Product display on the frontpage)

Ubercart - Optional
payment
reports
shipping quotes

Ubercart - Extra
Out of Stock notificator
Stock

Ubercart - Fulfillment
Flatrate

Ubercart - Payment
Caixa Catalunya (a port from UC 1)
Payment method pack
Paypal

Userinterface
Collapsiblock (left menus)
javascript tools

Views
Views
Views accordion (for the collapsible product listings)
Views UI

@eminkel's picture
Offline
Joined: 06/27/2009
Juice: 29
Re: Traditional BW photography is still alive

I like the effects that the site has, nice implementation. On the left menus shouldn't a subtraction symbol be used instead of an "x"?

disjointedimages's picture
Offline
Joined: 07/29/2009
Juice: 11
Re: Re: Traditional BW photography is still alive

That's a personal preference, and perhaps a regional thing? I've actually seen the + to x before. It's nice when animated: the + when you rotate it 45deg looks like an x. Then x means close and that's what you're doing, closing the menu. Eye-wink

harrisben's picture
Offline
Joined: 04/17/2009
Juice: 192
Re: Re: Re: Traditional BW photography is still alive

I really like the design of the site, though I have to admit I was thrown by the +, X thing Smiling

One thing I did notice is that when you buld your list of products (such as on http://www.foto-r3.com/es/productos/pelicula) it displays the full content before hiding it.

A few things about this:

  1. It's better to use css to initially hide the content you don't want displayed initially. Jquery can be used to show/hide the content (Jquery toggle) after that.
  2. Since you're loading both a small and larger version of the product image it might be better to only load the large and initially use css to draw it at a smaller size so that the larger is available to scale using jquery (I think you can try the scale effect at Jquery effect).

Also, under IE8 and Firefox 3.5 the content for products on that page is a little too wide for the region you've declared and I get a scroll bar.

My comments don't change that the site looks great though Smiling

ñull@drupal.org's picture
Offline
Joined: 01/26/2009
Juice: 136
Re: Re: Re: Re: Traditional BW photography is still alive

The + and x thing was the design choice of the graphic designer and I did not really bother to fight his opinion. This might be something from the Mac interface tradition.

About the show then hide thing, I have seen the same problem and considered the proposed solution, but then when it is initially hidden and seen by a browser with JS turned off, then at least you see the text and add to cart button, even though the design looks really messed up (I will consider fixing that if the client wants it).

About the smaller and bigger image version, I tried to implement the designer's ideas with as least tweaking of existing solutions as possible. It is all done with image cache and views (accordion). Normally as a personal rule of fist I don't leave resizing to the browsers because often they do a lousier job then server side GD (image cache).