Unique templates

razzzor

2007-08-12 08:04

I need to have a different template on the homepage to the other pages (much like the contact page has its own unique template).
What I actually want to do is minimal - just add an extra div around the body content to put a background/watermark in. I couldn't figure out how to do it though. Can anyone point me in the right direction??? Thanks.

» Quick.Cart v2.x

treewood (OpenSolution)

2007-08-13 08:31

razzzor - You can do this:
1. Edit templates/page.tpl
2. After


<style type="text/css">@import "$config[dir_tpl]$config[template]";</style>

put something like that


<style type="text/css">@import "$config[dir_tpl]$p.css";</style>

3. For page ?p=productsList (products list) create file in templates/productsList.css, for page ?p=p_1 create file templates/p_1.css. Then there put some css code and it will load for every category/page.

Ofcourse in this new css files You must overwrite some of css styles from templates/default.css to display different design for different pages/categories.

razzzor

2007-08-14 08:29

Hi. Thanks for the help. But I couldn't get that to work (I'm more of a designer than a coder which could explain it).

I added the new stylesheet reference in, and created p_1.css to refer to the homepage, but it didn't load. And even if it did, whats stopping it from loading for every page?

What I really wanted to do was have a separate .tpl file for the homepage, but if a css file is easier, that's fine.

HELP :)

razzzor

2007-08-20 07:41

Can anyone help? It's the last thing keeping my website being finished - and I HAVE to figure this out. The first page needs either a separate stylesheet or .tpl.

I can pay someone through Paypal if required...

treewood (OpenSolution)

2007-08-20 15:31

razzzor - maybe before You want to pay please send link to check it how it works and maybe we will find easy and freeware solution to You.

razzzor

2007-08-21 07:50

Oh there's not much to see - just the same sort of layout as the standard. I don't have it set up properly online yet - you would have to edit the hosts file.

What I want is to set up an extra div (with a background) the surrounds the content area - so that its like a watermark the goes behind the page content. I can easily do it in the page.tpl, but it does it to all the pages. I just want to do it to the first page - thus I need a separate .tpl or .css file for the first page.

I can set up the version so you can view it online if you want, but it doesn't really show you what I mean.

treewood (OpenSolution)

2007-08-21 12:51

razzzor - if You want to change background then edit templates/p_1.css and You must know that in Your address You must have: http://your_address.com/?p=p_1
p_1 means that it will display category with id 1. And after if You are sure that this page is displayed and there is css file p_1.css then edit this file and for example try to add #body{background:yellow;}
You should have on page with id 1 yellow background

razzzor

2007-08-22 11:30

Thanks treewood - works perfectly! That's a really handy feature that a lot of users might not know about.

BTW I have another question... is there any way to turn off (or turn the quality up on) the compression on the image uploader? It's pretty bad at compressing images.

Cheers.