Category display order of products

I have searched with the search tool but have not found the answer to this question.

New products are show with the image and the name below it and price beliow that. The sets are displayed horizontally until the right hand edge of the page and then a new row starts.

For the category/subcategory page where the list of products is shown, the name is to the right of the image and the price to the right of that. The sets are tiled vertically.

The customer wants horizontal displays for all cases. How can I make that happen? In other words, he wants the product page to look line the "new product" display. I have gone through the admin, but not found it.

I think that what you are describing is the "Product Listing" and not the Product Info pages.

In the downloads/other section get the "Column-Grid" module

Yes, I am talking about the product listing. In the Downloads/other there is no Column-Grid module.

I used the search there and somebody moved it??

You could have searched also

http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=77

Thanks. I found it while searching in the other download areas. Is this one stable?

Is this one stable?
I haven't looked recently but it should be written by DrByte and he is one of the DEV Team members

that's good enough for me!

I put it in, and it is almost perfect. One problem I have now is with the text underneath. This is best described by looking at it. Please go to https://www.peglegsurf.com and click on "Tiles" in the menu at the top right. Look at the text under the pictures and how it runs together.

Look at the files for the mod and the others referenced as all divide the space into thirds but decimals are not allowed etc.

I have used the "-1" here but "-2" might be better.

They will all stack to the left after this and you now have some room to add a margin or padding in the style sheet to space them out

Use the overrides system and do not edit the core files

Go to …includes/modules/category_row.php

$col_width = floor(100/$num_categories);

to

$col_width = floor(100/$num_categories)-1;

Go to …includes/modules/specials_index

Then find..

$col_width = floor(100/SHOW_PRODUCT_INFO_COLUMNS_SPECIALS_PRODUCTS);

Change to …

$col_width = floor(100/SHOW_PRODUCT_INFO_COLUMNS_SPECIALS_PRODUCTS) - 1;

Go to …includes/modules/featured_products.php

$col_width = floor(100/SHOW_PRODUCT_INFO_COLUMNS_FEATURED_PRODUCTS);

to

$col_width = floor(100/SHOW_PRODUCT_INFO_COLUMNS_FEATURED_PRODUCTS)-1;

I tried your suggestions. I even tried 2 and then 5. Nothing changes. You said to edit the stylesheet. the class for the description is listingDescription and the class the foe div containing the enirre set (picture, name, description, price) is centerBoxContentsProducts. I couldn't find either of these classes in the stylesheet. In fact, I have no idea where they are defined. My earlier thought was to simply add padding to tthese, but I couldn't find them.

My earlier thought was to simply add padding to tthese
And then if you do you will find that 3 across becomes 2 then 1 as there is not sufficient room for padding when it is divided into equal percentages. This is why I posted the code changes and you do have to alter the file for the column-grid mod

This is what/how it is currently divided from your source view:

    <div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;"><a href="http://peglegsurf.com/store/index.php?main_page=product_info&cPath=1&products_id=26"><img src="images/Blur-Cabbage-8x10.jpg" alt="Blue Cabbage" title=" Blue Cabbage " width="149" height="120" class="listingProductImage" /></a><br /><h3 class="itemTitle"><a href="http://peglegsurf.com/store/index.php?main_page=product_info&cPath=1&products_id=26">Blue Cabbage</a></h3><div class="listingDescription">8" x 10" Shown - Frames available for 8" x 10" and 12" x 12" - Our 12" x 18" is a mural piece already framed -</div><br />$45.00<br /><br /><a href="http://peglegsurf.com/store/index.php?main_page=product_info&cPath=1&products_id=26">... more info</a><br /><br /></div>
    <div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;"><a href="http://peglegsurf.com/store/index.php?main_page=product_info&cPath=1&products_id=57"><img src="images/Broken-Boardwalk-8x10.jpg" alt="Broken Boardwalk" title=" Broken Boardwalk " width="149" height="120" class="listingProductImage" /></a><br /><h3 class="itemTitle"><a href="http://peglegsurf.com/store/index.php?main_page=product_info&cPath=1&products_id=57">Broken Boardwalk</a></h3><div class="listingDescription">8" x 10" Shown - Frames available for 8" x 10" and 12" x 12" - Our 12" x 18" is a mural piece already framed -</div><br />$45.00<br /><br /><a href="http://peglegsurf.com/store/index.php?main_page=product_info&cPath=1&products_id=57">... more info</a><br /><br /></div>
    <div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;"><a href="http://peglegsurf.com/store/index.php?main_page=product_info&cPath=1&products_id=58"><img src="images/Desert-Harley-8x10.jpg" alt="Desert Harley" title=" Desert Harley " width="149" height="120" class="listingProductImage" /></a><br /><h3 class="itemTitle"><a href="http://peglegsurf.com/store/index.php?main_page=product_info&cPath=1&products_id=58">Desert Harley</a></h3><div class="listingDescription">8" x 10" Shown - Frames available for 8" x 10" and 12" x 12" - Our 12" x 18" is a mural piece already framed -</div><br />$45.00<br /><br /><a href="http://peglegsurf.com/store/index.php?main_page=product_info&cPath=1&products_id=58">... more info</a><br /><br /></div>

<br class="clearBoth" />

In fact, I have no idea where they are defined
All are not in the stylesheet but you can add them

Where are those classes defined? They are not in stylesheet.css.

Where are those classes defined? They are not in stylesheet.css.
As I added - All tags are not in the stylesheet but you can add any that you need to style

Remember you only have about 2% of the available space to work with

I didn't catch that before. OK, so I added a class listingDescription to the stylesheet and it has a padding of 5px. it worked. I thank you very much for all the time and energy you put in here. It is very much appreciated.