Help with products!

[Guest htu]

hello there,

im having some trouble that i cant seem to find a solution to. i have various products set up on my site, but the thumbnail images seem out of place. the lining is off and it makes the site look a bit sloppy. the site can be found here in case you need to see it:

http://metalgearapparel.com/store/index.php?_a=viewCat&catId=2

i want it to look "normal" like it is on this page:

http://metalgearapparel.com/store/index.php?_a=viewCat&catId=122

can anyone help me out?

thanks.

[leeofaccy]

It is because your images are different heights. You need to wrap the image in a div and set a height for it. Take the height of your largest thumb and use that (about 75px). On the shorter images, there will obviously be a larger gap between the bottom of it, and the text below.

Open skins/YOUR_SKIN_NAME/styleTemplates/content/viewCat.tpl and find this code

	<!-- BEGIN: sub_cats_loop -->

	<div class="subCat">

		<a href="index.php?_a=viewCat&amp;catId={TXT_LINK_CATID}" class="txtDefault"><img src="{IMG_CATEGORY}" alt="{TXT_CATEGORY}" border="0" title="{TXT_CATEGORY}" /></a><br />

		<a href="index.php?_a=viewCat&amp;catId={TXT_LINK_CATID}" class="txtDefault">{TXT_CATEGORY}</a>

	</div>

	<!-- END: sub_cats_loop -->

Wrap a div around the image link. You can also remove the <br /> tag, like so.

	<!-- BEGIN: sub_cats_loop -->

	<div class="subCat">

		<div style="height:75px"><a href="index.php?_a=viewCat&amp;catId={TXT_LINK_CATID}" class="txtDefault"><img src="{IMG_CATEGORY}" alt="{TXT_CATEGORY}" border="0" title="{TXT_CATEGORY}" /></a></div>

		<a href="index.php?_a=viewCat&amp;catId={TXT_LINK_CATID}" class="txtDefault">{TXT_CATEGORY}</a>

	</div>

	<!-- END: sub_cats_loop -->

Hope that helps

Lee

[bsmither]

catId 122 has no photos of the actual subCats, so all the 'noPhoto' imagery is the same and so all the subCats line up nice and neat. Not so with catId 2.

In your layout.css file at around line 121, add a CSS style for height: 110px;

That will mostly straighten things out, but doesn't move the text to the bottom of the subCat container. That is a different problem with a different solution.

I would recommend that you bulk edit your Category images (thumbs?) to all have a uniform "canvas size" (That is, don't resize the image to fit a specific dimension. Rather, add black pixels around the edge of the current image so that the new overall image dimension is the same across all images.)

[Guest htu]

Sorry for the extremely delayed response, but i wanted to come back and thank you guys for your help and advice. so again, THANK YOU!

also you mention that there might be a solution to move the text to the bottom of the image, if so, how would i go about doing that?