Topic: Military Gear website using Wolf CMS

I'm not sure if this is the right place to post this message, because the site does not have a custom layout yet (it currently runs on a no more than slightly modified version of the standard Wolf layout).

The reason I want to show this, is because this is my first website that consists primarily of virtual pages (created by a plugin) that do not exist in the 'page' table. In other words, the website uses Wolf's Dispatcher class to generate pages that otherwise don't exist.

The site is a variation on a webshop. This is because the site is all about (military) products, but does not sell those products itself. So it does include a category and product structure, but lacks a checkout functionality. It also has brand, color, feature and photo models, using Wolf's Record class.
Behind the scenes, the script uses an Upload helper to upload images of products, colors, brand logos, etc. and an Image Resize helper to create square thumbnails for those images.

Please note that this is still a work in progress, the site is far from completed! Review and seller (linking a product to a webshop that sells it) functionality are intended for future upgrades. I'm also planning on creating a custom layout for the site, but I want to complete the plugin first.

I'm afraid the plugin used (called 'Catalog', as it is not a real webshop) will not be released for other Wolf users, at least not in the near future.

http://www.militaire-uitrusting.nl/

For all of you who don't read dutch: you can use Google to translate the pages into english, but It's not a very good translation.

Last edited by NicNLD (2011-11-03 21:16)

Visitors plugin on the forum | repository
SEO plugin on the forum | repository

Re: Military Gear website using Wolf CMS

Nic, maybe you want to incorporate the changes in the current repo (github) that fix a few issues with the Dispatcher. I mean applying those specific changes, not using the development version.

With the current stable version you have to declare routes twice (with and without trailing slash), otherwise you get a lot of 404.

For example : 'merken/abc/' display a page, but '/merken/abc' results in a Page not Found.

If you can't release the plugin publicly, maybe you can explain it a little or give a few pointers, xD.

Nice job.

Thumbs up

Re: Military Gear website using Wolf CMS

andrewmman wrote:

Nic, maybe you want to incorporate the changes in the current repo (github) that fix a few issues with the Dispatcher. I mean applying those specific changes, not using the development version.

With the current stable version you have to declare routes twice (with and without trailing slash), otherwise you get a lot of 404.

For example : 'merken/abc/' display a page, but '/merken/abc' results in a Page not Found.

Thanks, I have noticed this behaviour. For this moment I haven't done anything about it yet. Creating multiple URL's with the same content means that Google will see this as different pages. By returning a 404 status for the pages without the trailing slash, all traffic will be going to the right URL (with trailing slash). I'm thinking about some kind of redirection to make sure that someone who visits the '/merken/abc' URL is automaticly redirected to the '/merken/abc/' page.

andrewmman wrote:

If you can't release the plugin publicly, maybe you can explain it a little or give a few pointers, xD.

Sure! What would you like to know?
I'll give a brief description below, if you have any more questions, let me know!

The overall idea of the plugin is that it consists of multiple Models (for instance Product, Category, Brand, Photo) wich are all related in a certain way. Multiple Products share the same Brand, multiple Photos share the same Product, etc. The Categories are also related to eachother, as they have a parent-child relationship as seen in Wolf's Page model.

So every Product has a Category assigned to it. But I didn't just want the Product to show up in it's Category, I also wanted it to show up in all of the parents of this Category.
So for instance, a Smock Jacket (wich is a type of jacket with a huge amount of pockets) also has to appear in the parent categories of 'Smock Jackets' (wich are 'Jackets', 'Clothing' and the main category simply called 'Categories').
In this way, when you start with the main category (with theoratically all the products inside it, however this will be a random selection), you can simply refine your search as detailed as you wish.
This behaviour is currently accomplished by a query with multiple joins.

Several models need an image, for instance a logo for the Brand model, an color sample for the Color model, or just a product photo for the Photo model. This is done using two helpers: first, the Upload class for uploading the full res image to the website. After this, the ImageResizer class takes the full res image and converts it into a smaller image and a thumbnail image. This is all done when the image is uploaded so three different versions of the same image are saved as static files on the server, preventing long load times.

If you've got more questions, let me know.

andrewmman wrote:

Nice job.

Thanks wink

Last edited by NicNLD (2011-11-04 15:49)

Visitors plugin on the forum | repository
SEO plugin on the forum | repository

Re: Military Gear website using Wolf CMS

Well, I'm currently working on the design of the site...

Let me know how you think about it, and please let me know if there's anything that could be improved.

http://www.militaire-uitrusting.nl/

Visitors plugin on the forum | repository
SEO plugin on the forum | repository

Re: Military Gear website using Wolf CMS

Looks great. Your Catalog plugin works very smooth and fast and you did (still doing) a nice job with the design.

My only remark would be on the fluid layout as I really don't prefer it. But that's not an issues of any sort.

Wolf CMS Paper Guy
Wolf CMS related blog / journal at Project 79 | Wolf CMS Docs

Re: Military Gear website using Wolf CMS

jackie wrote:

Looks great. Your Catalog plugin works very smooth and fast and you did (still doing) a nice job with the design.

My only remark would be on the fluid layout as I really don't prefer it. But that's not an issues of any sort.

Thanks for your comments. Why don't you prefer a fluid layout?

Visitors plugin on the forum | repository
SEO plugin on the forum | repository

Re: Military Gear website using Wolf CMS

I'm a bit late on this one, but...

I simply don't like it because fluid layouts look different on every screen (good example would be a smashing magazine) where I have to literally search for links and buttons when I view it with small resolution screen. It's just a personal dislike, though you can find very nice sites with fluid layouts where they made UX same no matter what screen you're using.

It's not much of a reason I know neutral

Wolf CMS Paper Guy
Wolf CMS related blog / journal at Project 79 | Wolf CMS Docs

Re: Military Gear website using Wolf CMS

Well, I've completely restyled the design of the website. It's a fixed design now, because it became very hard to nicely integrate the webshop into the fluid width of the website.

Please leave any comments about the design smile

http://www.militaire-uitrusting.nl

Visitors plugin on the forum | repository
SEO plugin on the forum | repository

Re: Military Gear website using Wolf CMS

No comment smile

Site looks much better now but it doesn't load any images on landing page! I assume it's still  a work in progress.

Wolf CMS Paper Guy
Wolf CMS related blog / journal at Project 79 | Wolf CMS Docs

10

Re: Military Gear website using Wolf CMS

Yes that's true, there are no images for the categories yet.

Visitors plugin on the forum | repository
SEO plugin on the forum | repository