Category Page Falback Image

[Viscott]

I am in the process of replacing all of the photos on a site via the image machine. But in the meantime I want the legacy images to load. I am using Iron and Wool ReadyTheme and on products that have not had new images loaded into the Image Machine the category pages are showing "NO IMAGE AVAILABLE".

Is there a work-around to get the legacy images to load on the category page with a 255px X 255px legacy image as a fallback until new images are loaded?

[Brennan]

Re: Category Page Falback Image

On CTGY look for this code:

<mvt:if expr="NOT ISNULL l.settings:product:imagetypes:main">
	<img src="&mvte:product:imagetypes:main;" alt="&mvte:product:name;" title="&mvte:product:name;" />
<mvt:else>
	<img src="../images/img_no_thumb.jpg" alt="&mvte:product:name;" title="&mvte:product:name;" />
</mvt:if>

Replace it with

<mvt:if expr="NOT ISNULL l.settings:product:imagetypes:main">
	<img src="&mvte:product:imagetypes:main;" alt="&mvte:product:name;" title="&mvte:product:name;" />
<mvt:elseif expr="NOT ISNULL l.settings:product:thumbnail">
	<img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" title="&mvte:product:name;" />
<mvt:else>
	<img src="../images/img_no_thumb.jpg" alt="&mvte:product:name;" title="&mvte:product:name;" />
</mvt:if>

[Viscott]

Re: Category Page Falback Image

Thanks Brennan!

[Viscott]

Re: Category Page Falback Image

Brennan,

All of the new Image Machine thumbnails are 255 X 255px, however the fallback thumbnails are 160X200. When a category page displays with a mix of the 2 sizes the image in the rows are aligned to the top making the titles and prices uneven. Is there a way to force the row columns to be all the same height so the images align at the bottom.

Thanks in advance,
Jon

[Brennan]

Re: Category Page Falback Image

The easiest solution is to make the container height of the images 255, so that it is as tall as your tallest image. That will force all the rows to line up.

[Viscott]

Re: Category Page Falback Image

Brennan,

Can you direct me to where in the Iron & Wool CSS I would find this?

Thanks,
Jon