The items in the best sellers list, new products list, also bought list and related items list all have a 'Mini' item layout. This includes the name, price and description of the product, and also includes a small version of the product image.
By default, the layout just uses the standard product image scaled down – but it is possible to use the image specified in the actual 'Thumbnail' product field instead.
To do this, click on the 'Mini' layout that you want to edit.
Locate the following code:
block if
<a href="SearchCGIURL?PRODREF=ProductID&NOLOGIN=1block if &SHOP=ShopID/block">
<img style="border: 0;" src="ProductImageFileName" width="75" alt="ProductName" />
</a>
/block
Replace these lines with the following:
<actinic:block if="%28%3cactinic%3avariable%20name%3d%22ProductImageFileName%22%20%2f%3e%20%21%3d%20%22%22%29%20AND%20%28%3cactinic%3avariable%20name%3d%22ProductThumbnailImageFileName%22%20%2f%3e%20%3d%3d%20%22%22%29" >
<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable Name="ProductID" />&NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&SHOP=<actinic:variable name="ShopID" /></actinic:block>">
<img style="border: 0;" src="<actinic:variable name="ProductImageFileName" />" width="75" alt="<actinic:variable name="ProductName" />" />
</a>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductThumbnailImageFileName%22%20%2f%3e%20%21%3d%20%22%22" >
<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable Name="ProductID" />&NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&SHOP=<actinic:variable name="ShopID" /></actinic:block>">
<img style="border: 0;" src="<actinic:variable name="ProductThumbnailImageFileName" />" alt="<actinic:variable name="ProductName" />" />
</a>
</actinic:block>
Apply the changes to the layout.
The layout will now use the 'Thumbnail' image, if available.
By default, the layout just uses the standard product image scaled down – but it is possible to use the image specified in the actual 'Thumbnail' product field instead.
To do this, click on the 'Mini' layout that you want to edit.
Locate the following code:
block if
<a href="SearchCGIURL?PRODREF=ProductID&NOLOGIN=1block if &SHOP=ShopID/block">
<img style="border: 0;" src="ProductImageFileName" width="75" alt="ProductName" />
</a>
/block
Replace these lines with the following:
<actinic:block if="%28%3cactinic%3avariable%20name%3d%22ProductImageFileName%22%20%2f%3e%20%21%3d%20%22%22%29%20AND%20%28%3cactinic%3avariable%20name%3d%22ProductThumbnailImageFileName%22%20%2f%3e%20%3d%3d%20%22%22%29" >
<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable Name="ProductID" />&NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&SHOP=<actinic:variable name="ShopID" /></actinic:block>">
<img style="border: 0;" src="<actinic:variable name="ProductImageFileName" />" width="75" alt="<actinic:variable name="ProductName" />" />
</a>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductThumbnailImageFileName%22%20%2f%3e%20%21%3d%20%22%22" >
<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable Name="ProductID" />&NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&SHOP=<actinic:variable name="ShopID" /></actinic:block>">
<img style="border: 0;" src="<actinic:variable name="ProductThumbnailImageFileName" />" alt="<actinic:variable name="ProductName" />" />
</a>
</actinic:block>
Apply the changes to the layout.
The layout will now use the 'Thumbnail' image, if available.