Edit subcategory page without products

[sports guy]

I am having a difficult time understanding how to change the layout of my category pages that contain subcategories.

Here is a category page with products: http://www.lasilhouettelingerie.com/...1-250-c-82_87/ Depending on who you ask, looks nice. I want this for multiple product views.

Here is a category page WITHOUT products and subcategories: http://www.lasilhouettelingerie.com/...by-price-c-82/ This looks wrong. For a page with no products why display a wide open columnar display with too much white-space.

I would like just a list that goes straight down, and aligned left. I thinks a plugin came with my template that shows the products in a column display which is perfect, I just don't want my category pages showing subcategories (and no products) to look the same. Is there an easy fix for this?

[kobra]

Add images to the sub-cats
i.e. $10 - $50

[sports guy]

Adding an image did not change the spacing at all. But what I did find, was that I had all my product images stretched to a certain size. In admin> configuration> images> Image - Use Proportional Images on Products and Categories, I had set to 1. When I unchecked this, much of the white-space disappeared (you can see the revised size here: http://www.lasilhouettelingerie.com/...by-price-c-82/). I still have issues. The fields are still too far apart and they are still in columns, I would like them in one a row if possible without so much space.

My biggest problem is that I need to use the "Use Proportional Images on Products and Categories" set to 1 since I have many different size images and thousands of current products (and I don't trust the client to load properly sized images). As you know, if your images are not uniform in a columnar display, it looks awful. As can now be seen here: http://www.lasilhouettelingerie.com/...rson-c-72_122/

So, is it possible to display pages that have products available in the columnar display, but for any category pages without products (namely the subcategory view page, because they only keep subcategories and not products) go to a singular row list page that I can control with css? all I want to do on the subcategory page is change the view from columns to rows and put the sub-categories together in a row (without images). Just like a bullet list. Or at the very least, keep the subcategory view page in columns but take away this image stretch feature just on these pages? This way I can then put the text closer together? I think my template had a column display plugin attached and I just turned it on.

[sports guy]

I noticed when I turned off columns to rows, I still get the same results and display for this category page without products. So this issue has nothing to do with my columnar display. In fact even after my product pages with products go to rows, the category pages without products are still in 2 columns. This has do with the proportional images feature versus the product page with no products.

Hmmmm. OK I guess I can live with the columnar display if I have too. But I do have to use the set proportional images function and with this the spaces are way to wide. And I don't want to use images on the pages without products and sub-categories only.

Is it possible for some PHP on my category coding to say:

if no products and images on category or subcategory pages (subcategories display only)
then remove proportional image function

---or----

if no products and images on sub-category pages (subcategories display only)
then set proportional image to 0 (which is off)/

This would allow me to display my products with the wide columns and better image size, while allowing my subcategory list pages to show like a normal list without huge amounts of white-space forced by the proportional image setting.

[sports guy]

OK, I was able to find some definitions and make some changes, but I think I just need a little help now. For one this category (without products and sub-category page) has a few of it's own definitions. I just had to add css to do some things. The problem now is that I am able to align all these products the way I want, but I need to hide the images, and you can't hover over the text properly to select a sub-category. You can look at it here:

http://www.lasilhouettelingerie.com/...designer-c-72/
http://www.lasilhouettelingerie.com/...ingerie-c-191/

I tried to shrink the size of the subctegory grid by using a reverse margin like this:
.categoryListBoxContents {margin: -20em 0 0 10em;text-align:left;}

It seemed to push the fairly large images space up as well instead of just collapsing the image or riding over top which is what I want.

For one when you hover over the text it does not highlight. You have to hover very high (-20em or so) for each link to hover color. I would like to add css to disable the ability to add any images here. If I did this I think it would all align properly. But in looking at my css there is no div for the image. Here is a small sample of source code:

<!-- bof upload alerts --> <!-- eof upload alerts -->  <div class="centerColumn" id="indexCategories"> <h1 id="indexCategoriesHeading">Lingerie</h1>   <!-- BOF: Display grid of available sub-categories, if any -->   <div class="centerBoxWrapperContents"> <table width="100%" align="center" cellpadding="1" cellspacing="15" border="0">  <tr>     <td width="49.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.lasilhouettelingerie.com/store/bras-c-191_1.html"><img src="images/ellecloudswingdemilinedbra.JPG" alt="Bras" title=" Bras " width="200" height="300" /><br />Bras</a></div></td>     <td class="vDotLine" rowspan="10"></td>     <td width="49.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.lasilhouettelingerie.com/store/bustier-c-191_144.html"><img src="images/pixel_trans.gif" alt="Bustier" title=" Bustier " width="200" height="300" /><br />Bustier</a></div></td>      </tr>  <tr>     <td class="hDotLine"></td><td class="hDotLine"></td></tr>   <tr>     <td width="49.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.lasilhouettelingerie.com/store/controland-shapers-c-191_184.html"><img src="images/pixel_trans.gif" alt="Control/ Shapers" title=" Control/ Shapers " width="200" height="300" /><br />Control/ Shapers</a></div></td>         <td width="49.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.lasilhouettelingerie.com/store/panties-c-191_66.html"><img src="images/pixel_trans.gif" alt="Panties" title=" Panties " width="200" height="300" /><br />Panties</a></div></td>      </tr>

the hDotLine has a display:none only attached. I just seems like I cannot get rid of these images on these subcategory pages. I just want to hide them on this sub-cateogory page where there are no products. And what upsets me now is there is no definition attached to this image. I mean the image has to have a definitions somewhere right?

[sports guy]

If you are following, I changed direction and am seeking different answers to the same problem here: http://www.zen-cart.com/newthread.ph...stthread&f=128.

I understand it's not good practice to ask the same question in a different thread, but the new thread goes in a different direction and asks a different question.