category display

[daisychick]

Hi all, I'm trying to find out which file to edit to fix my ZC product display. When you click on a category, it displays all the products in that category using tpl_main_page.php but I can't seem to figure out what's causing my problem. Could someone point me in the right direction? See attached image. All products are right on top of each other. Is there a missing close table or div or something? Thanks in advance!

[kobra]

All products are right on top of each other.

The image left something to be desired but it looks from what could be seen that they are rendering correctly.

What type of display were you expecting?

[Website Rob]

I think I know what they are getting at. It's something that I changed as well -- the descriptions being spaced too close together.

includes/templates/custom/templates/tpl_products_all_default.php
line 46: added <br />

line 41:
from <br class="clearBoth" />
to <p class="clearBoth">&nbsp;</p>


includes/templates/custom/common/tpl_tabular_display.php
line 19: added <br />

[daisychick]

Yeah, sorry bout that. It's this forum's attachment size limitations. On the left, you'll notice that all the images for the products are sitting right on top of each other. No space in between them. It looks ugly. I'll try what Website Rob suggested and get back to ya.

[kobra]

Daisy,

You got a url??

I see the images and this does not look to be a normal Zen Cart type of display unless you have them in sideboxes but this does not look so.

[daisychick]

Yeah, Website Rob's idea didn't work. This isn't a normal ZC kind of display. At least I don't think so. URL is

http://www.vortexrep.org/store/

UN: test
PW: test

P.S. while you're there, on the right side is the category box. Could you help me figure out how to make the text in it align left? Please? I really appreciate it. Thanks so much!

[kobra]

OK, Went to your site....I now only see a single image in the left column and not the stack of several as in your image.

Also looking at the categories text, it appears to already be left aligned.

What else can we help you with??

[kobra]

If it is your product listings images that are stacked: edit your stylesheet.css and find or add the following and adjust to suit:

TD .productListing-data {
padding-top: 3em;
}

[daisychick]

Thanks Kobra, that last bit worked on the product display page.

Now, as for the left alignment, You're using firefox, mozilla, or opera right? They render it fine. In IE, it shows up as centered. See attached image.

[kobra]

AhHa!! The dreaded IE default differences....

In your style sheet find this and add the red entry for the categories box only:

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a {
    font-size: 1em;
    color: #ffffff;
    }

.leftBoxHeading, .centerBoxHeading {
    margin: 0em;
    background-color: #99CC00;
    padding: 0.5em 0.2em;
    }

#categoriesContent  {
    text-align: left;
    }

Or to grab them all find and just add this:

.sideBoxContent {
    background-color: #99CC00;
    padding: 0.4em;
    text-align: right;
    }