Changing the tabular display?

[volundur]

Hi all my dearest, thank you for the support I've sought passively from you.

I've been trying (for couple of nights now) to change the layout of the table that shows up when one views the Manufacturers page, or the categories pages.

The thing is that I want all pages to display like this:
http://www.theicelandicwonder.com/sh...e=products_new

And I hate the computerized layout that is brought to us by this page:
http://www.theicelandicwonder.com/sh...facturers_id=1

or this one:
http://www.theicelandicwonder.com/sh...=index&cPath=1



The thing is that I need the pictures to really stand out, I dont care for all the extra info provided cause they are at the end of the day irrelevant to my cart.

Can someone please help me? I have a fair amount of understanding towards PHP and CSS, and I've come so close to my desired look. I'm craping out on this issue, and I would hate spending more time in looking and have no luck :)

Thank you all again, and thanks for a great piece of software.

[rstevenson]

I'll take a first guess at this. Might work. ...

There is a file called CSS_read_me.txt in your template's css folder. In it is an explanation of how to create a style sheet for just one page (or category.) The purpose being, of course, so you can style elements on that one page (or in that one category) differently from other pages.

So... create such a style sheet, copy into it any of the element definitions you need to modify and change them to suit. Since you are mostly removing things, try using visibility: none; (if I got that right) for the elements you don't want visible. Also try pushing things around a little to be where you want them using positive or negative margins or even absolute positioning. Experiment -- you may surprise yourself!

Hope this gets you moving in the right direction.

Rob

[volundur]

Thanks a lot, I'm digging into this now.

The problem is that I'd need to be able to change the .class on td tags. - does anyone know where the table is written out?

Thanks again!

[rstevenson]

If I'm understanding you correctly, you won't need to change the name of the class in the code. You just need to change the definiton applied to that class in your page-unique stylesheet.

Rob

[volundur]

If I'm understanding you correctly, you won't need to change the name of the class in the code. You just need to change the definiton applied to that class in your page-unique stylesheet.

Rob

Thank you so much for your help!

The problem is that all the TD tags have the same class applied to them - so changing the display style to none, would simply disable all of them - including the images that I want to line up

I think I found the module to edit, I think I'm able to make the pages look the same via editing the /modules/product_listing.php

Cheers and allt the best!

[volundur]

HEY! belive it or not, I managed to get this right.

I simply copied and pasted the php code for the "New items listing" to the tabular file, and voila. - with some minor changes I really made it look the way I wanted.

http://www.theicelandicwonder.com/sh...ha_filter_id=0


Thank you so much for the help, you led me on the right track with your style sheet change, I managed to figure out the way the data goes by using the tools in the admin section

[rstevenson]

Good work on that. Very nice looking site too.

Rob