This post will help you modify the "category.php" page so that it shows your products in a grid view format, versus the current horizontal format it currently displays products in.

FYI: Another method for presenting your products in a grid view with navigation bar pages is covered in the thread here:

http://www.markettheme.com/for…..categories

So, again this post will explain the code modifications to change your standard category page from the current horizontal display with product description excerpts, to a basic grid-view display without product description excerpts.

Remember…  Make a backup of your files before modifying them, in case you need to revert back.

Here's how to make the changes:

1. Open up the Market Theme "category.php" file for editing.

2. On or around line #80 you'll find the line:

<div class="new">

Change it to this:

<div class="new" style="float: left; width: <?php echo $mkt_options['mkt_thumbnail_width']+25; ?>px; height: <?php echo $mkt_options['mkt_thumbnail_height']+55; ?>px;">

(the "+25" in the line above, adds a 25 pixel padding to the side of the image thumbnail.  the "55" adds padding to the bottom of the image to account for lines of text.  Both can be changed if needed.)

3. Next, on or around line #95 you'll see the line:

<div class="itemdesc">

Change it to this:

<div class="itemdesc" style="width: <?php echo $mkt_options['mkt_thumbnail_width']; ?>px;">

4. Next, locate on or around line #101 the word "–" at the beginning of the line.

Change "&ndash;" to "<br>"  (without the quotes)

5. Next, you'll need to remove the long text descriptions — because they will skew your grid pattern.  Do this by locating on or around line

#105 where it says:

if(($mkt_outstock == 1)) { 
                echo '<span class="sold">'.mkt_THEME_SINGLE_SOLDOUT.'</span>'; 
            } ?></h2>
    <?php     the_excerpt(); ?>

Change the last line of this section so it looks like this:

if(($mkt_outstock == 1)) { 
                echo '<span class="sold">'.mkt_THEME_SINGLE_SOLDOUT.'</span>'; 
            } ?></h2>
    <?php  //   the_excerpt(); ?>

6. Scroll down to around line #127 and locate the line:

<div class="navigation">

Immediately BEFORE that line, enter this new line:

<div style="clear:both;"></div>

7.  Save the file.

That should do it.

You're welcome.  Glad to help.

Can you provide a link to your site?

The reason you are getting "holes" is due to some of the product titles being 3 lines, while others are 2.  This is causing the heights to be slightly different, and it throws things off.

What you'll need to do, is increase the height of your boxes. 

Look up in the very first post of this thread, for the area containing:

the "55" adds padding to the bottom of the image

Basically, you'll need to alter that "55" value to something like "70".  If that's not enough, then go "75".

Also, you'll probably want to go into your Wordpress settings area under "Reading" and change the number of posts to show from 10 to either 9 or 12.

This is because you have 3 per row showing.  Having this value set to "10" is making the last row only have 1 picture.  It'd look better to have a consistent row.