Category Image + Text and Column layout HELP!

Can someone please take a look at this (work in progress) http://www.valcarr.co.uk/website/index.php?main_page=index&cPath=155

I have the column category mod installed and I have also altered the stylesheet so that the category description wraps the category image - but it has also moved up 2 out of the 3 columns....

To wrap the text I added the following to the stylesheet:

#productListHeading {
float:none;
margin: 5px 0 15px 0;
}

#categoryImgListing {
float:left;
margin: 10px 10 10 0;
padding: 10px 10px 10px 0;
}

Any ideas on how I can get the products to align?

Hi twdhosting,

I have not used this mod, BUT from looking at the source code produced you need to clear the top 2 div statements (categoryImgListing & categoryDescription).

so either directly above or below ```php

you need to put ```php
<br class="clearBoth" />

If you don't know where this is in your code you can easily find it by searching for "BOF: Display Grid" in Admin > Tools > Developers Toolkit

Excellent! Works like a dream - thanks.

For anyone else who has the same trouble and finds this thread the file you need to edit is: /includes/templates/template_default/templates/tpl_index_categories.php

Just add the code RuFuS posted like this:

on line 64.

Thanks once again

Tony

twdhosting:

Excellent! Works like a dream - thanks.

For anyone else who has the same trouble and finds this thread the file you need to edit is: /includes/templates/template_default/templates/tpl_index_categories.php

Just add the code RuFuS posted like this:

<div id="categoryDescription" class="catDescContent"><?php echo $current_categories_description; ?></div> <?php } // categories_description ?> <br class="clearBoth" /> <!-- BOF: Display grid of available sub-categories, if any -->

on line 64.

Thanks once again

Tony

Hi Tony

I changed according to what you've stated above, just added this line, but it doesn't work on my side. Is there anything else I need to change beside just adding this line? how about the CSS codes you added above? are they necessary?

thanks,
nataliajoe

Hi,

I just found the answer. Not only I need to edit tpl_index_categories.php with that line, I also need to add the same line to tpl_index_product_list.php. also, the css code for #categoryImgListing is needed too.

thanks!

Hi Tony

I visited your site, and wondering how you link your Cards & Gifts to a page that lists down all your categories like this page http://www.valcarr.co.uk/index.php?main_page=index&cPath=155 ?

My Categories links to a Site Map instead of a category page, and I am not sure what is my path to edit the link. will appreaciate if you can share how you find that link...

thanks!
nataliajoe