Photography website based on Opencart

Hi there,

I almost finished my new website. It's not a store, but a booking system for photoshoots. Took me alot of core editing (all documented so I can upgrade Opencart and then re-edit the core files). The website is not online yet, but I have made screenshots of some pages.

The whole website is now in the colors of my company, and tried to keep the same style on each page.

Some of the editing I did:
- Frontpage slider
- Different template for each product
- Custom fancybox (custom colors and next, previous, close images)
- Youtube video
- Up to 5 description area's for each product (editable from the admin area)
- Datepicker on checkout
- Travelcosts calculated based on zone

A webshop to order printed photo's and gift certificates is already in progress, this will have the same style and will look like it's integrated into the current website. I will make it a whole separate store, due to the core files which have been edited on the current website.

Click on the images for larger size.

Frontpage (with slider)


Contact page


Product page
Each product has got other templates, the templates include custom fancybox, youtube video and up to 5 extra description fields which can be edited from the admin area.


Book the product


Another product page


Checkout page 2
Features datepicker with custom css to choose a date for the photoshoot, travelcosts to the customer are calculated based on the zone where they live, the payment module is set to transfer via bank and is hidden for customers.


Checkout page 3
Removed some of the data fields, which are not necessary to show again. Shows only the product they have chosen, entering coupon, and information about payment.

Ziet er goed uit!

i2Paq wrote:Ziet er goed uit!

Thanks! Ben er ook erg trots op haha. Nu alleen nog die verdomde seo urls voor elkaar krijgen (contact, cart etc)

Small update on this site. It is almost finished, but I had to build a payment site so that customers could pay their invoices online. They did that before by bank transfer, but sometimes they just don't pay or the wrong amount for example. In The Netherlands we have got iDEAL, which is universal online bank system. First I had a look at a paid script for paying invoices (100usd), but then I was thinking ... we'll Opencart can do the same almost!

So I created a second store, with exact the same layout as the main website/store. Then i modified alot of files, so only the necessary things were shown. After 8 hours work, I was satisfied with the looks and function.

Admin screen
To keep it clear, I have removed all links to sections I did not use. Then i edited the layout so it matches what I need. When you add a invoice, it generates a link (Factuur url) to the payment screen for that specific user. In fact it's a SEO url and a product what the customer see's.

admin by Jeroen Zelle | Fotoshoot op locatie.nl, on Flickr

Invoice what the customer see's
Only description and a pay button is shown on the "invoice" page.

factuur by Jeroen Zelle | Fotoshoot op locatie.nl, on Flickr

Step 1
When people click on Betalen (pay), they go to the guest check out. The cart screen is skipped.
I have removed alot of fields (edited controller files also), so only 3 fields are needed.

stap1 by Jeroen Zelle | Fotoshoot op locatie.nl, on Flickr

Step 2
Guest checkout page 2. Not possible to skip this, so I am showing some information regarding the payment options.

stap2 by Jeroen Zelle | Fotoshoot op locatie.nl, on Flickr

Step 3
Here people can choose what payment option they would like to use. Removed here all other things. If the payment goes wrong, it returns back to this step. After 10 failures, it will go to an error page.

stap3 by Jeroen Zelle | Fotoshoot op locatie.nl, on Flickr

So, what do ya think?