3 column layout?

ccarletti

2006-10-06 17:03

I would like to have the cart layout to have 3 columns; left categories, middle content, and right have basketsummary. I used the search and found the 2 topics below which are for v1.2 and below but I am using QCLoaded 1.3. I edited the header and footer which are now located in page.tpl and it does make it appear to be three columns but if you notice the randomproduct on the right is not really in a column by itself it is in the content part. Hope this makes sense!

http://www.opensolution.org/Quick.Cart/forum/index.php?p=readTopic&nr=2427
http://www.opensolution.org/Quick.Cart/forum/index.php?p=readTopic&nr=2412

Any help is appreciated!

treewood (OpenSolution)

2006-10-07 08:41

ccarletti - edit templates/page.tpl and add in FOOTER block before something like this

another div and give him id and in style css float:left; and after change width of id content and main

ccarletti

2006-10-10 01:56

I have the 3 column layout now but I would like to get the gray line that is on the left seperating the categories from the main section to also be on the right seperating the main section and the right column. I added the content_bg.gif to the content_right <div> but it puts the line on the right of the column not the left. If anyone knows how to add this line could you please help.

Chris Carletti

Claps

2006-10-10 07:20

ccarletti - simply flip horizontal content_bg.gif, save it under another name, and modify the content_right div, setting background to point to the new gif.

ccarletti

2006-10-10 07:30

Claps, I have already created another content_bg.gif flipped horizontal but it is still displayed to the right of the column not in between the middle and right columns.

Chris Carletti

Claps

2006-10-10 07:37

your default.css, content_right points to container_bg.gif, same as content.
look:
#content_right{background:url(img/container_bg.gif) 130px repeat-y;float:right;padding:0 0px;padding-top:10px;text-align:center;}

ccarletti

2006-10-10 15:54

Claps, you are looking at it after it was changed back. If you look at it again I left it pointing to container_bg2.gif which has been flipped and still sits on the right side of the column.

Chris