switch product listings to a grid layout

[liquidlead]

I'm trying to customize my template...it's supposed to look like this: studiolaguna.com/portfolio/artists2.htm

Which file do I need to change to make a grid layout work? I'm running version 1.3. Also, any suggestions on what code changes need to be made?


I'm a bit of a newbie to zen...any help is greatly appreciated!!!

[Desopolis]

first thing you have to do is make a new tempate file, then copy
includes/templates/template_default/common/tpl_main_page.php
to
includes/templates/your_temp/common/tpl_main_page.php
then open that bit of code up to see how Zen aranges information and the 3 box layout.
then also copy the header and footer files and look how they work.
then you will see where zen places information.
then you will need to build a 4 cell table(or CSS), as follows:

<!--body table -->
<table class="yourtableclass">
<TR><TD colspan="2" name="header">
Header code
</TD>
</TR>
<TR><TD name="leftnav">
Left bar content
</TD>
<TD name="body">
Body code
</TD>
</TR>
<TR><TD name="footer" colspan="2">
footer contet
</TD></TR></table>

obviously enter the php from tpl_main_page to the spots you want it and change widths and lengths.

tpl_default_left holds the information for the left bars(the layout and whatnot)
change those files as you like and you will start to see how easy it really is to change everything.

[DrByte]

Desopolis' suggestion, while useful information, is not what you need specifically.

What you're after is the "column/grid layout" mod ... which will be accessible for download shortly once our contributions area comes back online.

Meanwhile, I've attached it here.

[stbede77]

Hey look everyone Doc is back... wondered where you were man

[liquidlead]

Thanks guys!

DrByte, I've copied the files from the column/grid system and followed the instructions provided, but now I'm just getting 1 column for all the pages. Is the grid system all CSS?

This is what it looks like after installing the grid layout:
http://www.studiolaguna.com/portfoli...ctlistings.gif

I'm probably missing something obvious but I'm clueless as to knowing what i need to change.

thx,

[shopjackiesjewels]

are you wanting to have 3 or 4 columns instead of one??? is that your question?
if so all you do is go to admin/product listing/Product Listing - Columns Per Row and set how many ever columns you want.

[liquidlead]

yes, ultimately I want to have a 4x4 grid. I've tried controlling it through the admin with no success. I have it set to 4 right now, but changing it doesn't seem to make a difference. I've followed the instructions from the 'grid layout' a few times now, thinking it was some error I'd made...yet it's still not working. Any suggestions?

[shopjackiesjewels]

did you upload all the correct files in the right place and then go to tools/sql patches and copy and paste the code (provided in the download) there and hit send? when i did that. it worked perfectly and let me change the column numbers in the product layout place in admin

[liquidlead]

dang, i'm pullin my hair out trying to figure this out...has anyone else had this problem?
I followed the instructions step by step. Still no change. Do I need to add something to the stylesheet??? I've been using the ZenCss template as a base for my template...does anyone know if the grid layout is compatible with the zen css template?

[Tim_B]

dang, i'm pullin my hair out trying to figure this out...has anyone else had this problem?
I followed the instructions step by step. Still no change. Do I need to add something to the stylesheet??? I've been using the ZenCss template as a base for my template...does anyone know if the grid layout is compatible with the zen css template?

I'm having the exact same problem. I've installed the mod as instructed, changed to 3 columns, but I still get 1 column. Something's not right.

***Edited

I found it. There's a second option I had to change from rows to columns.
Product Listing - Layout Style