Information Link as an image

[chrisbrown]

Is it possible to make the product information link into a clickable image?

The extended info popup link can be a button and you can make this an image (Design|Options|Shop Defaults). I would like to be able to do the same for the product information link.

We want to have both types of link for some products; one to display technical data and the other to display a product brochure pdf file. It would be nice to be able to place two images side-by-side so that there is a consistent look-and-feel for additional links. It is possible to have both as text links but I can't see how to have both as the images which we would prefer to use.

[Ben]

Hi Chris

This can be done by using custom properties and editing the ProductLine template.

Create a custom propety in Advanced | Custom Properties. Enter the filename for your chosen image as the value for your new custom property in the Properties tab of Product Details and select 'Use as CUSTOMVAR' and 'Filename' (make sure the image is saved in your local site directory).

Click on the General tab of Product Details. Enter a space in Information Link Text and your link destination in File/URL.

Open your ProductLine template from Advanced | Template Manager and find the code:
NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
Change this to:
NETQUOTEVAR:PRODUCTBEGINLINK<img src="CUSTOMVAR:IMAGE">NETQUOTEVAR:PRODUCTENDLINK

Your new image should now be uploaded and appear as a hyperlink to additional product information.

Hope this helps.

Ben

[chrisbrown]

Many thanks Ben - just what I wanted and it works prefectly.

I have had to make a special Act_ProductLine.html template for the products that I want to have the button. Otherwise the button appears for every product. Obvious really.