Picture click through

[Helz]

Hi
Could someone please let me know how I can use individual images on my home page that also allow users to click through to each individual product.
Thanks very much
Helz

[Toby B]

Hi Helen,

What you could do is use fragments and it's link function.

Right click on the "house" icon and select "New Fragment". Choose a layout like "Image and Title" then add your image. Click the "Link" tab and check the link box. Also check "Image Clickable" and "Product" then select the product from the drop down. Repeat these steps for your other clickable image.

If you want to layout your images in column follow these steps taken from the Knowledgebase:

Instructions for Laying Out Fragments in Columns in v7





First, locate the following code in Act_BrochurePrimary.html:

----------------------------------------------

<table width="CUSTOMVAR:ACTSTDWIDTH" cellpadding="5" cellspacing="0" border="0" cols="3">
NETQUOTEVAR:BROCHUREBODY
</table>

----------------------------------------------

Change it to read...

----------------------------------------------

<script language=JavaScript>
<!--
var currentcol = 0;
var colwidth = Math.floor(100 / CUSTOMVAR:NUMCOLS);
// -->
</script>

<table width="CUSTOMVAR:ACTSTDWIDTH" cellpadding="5" cellspacing="0" border="0" cols="3">

NETQUOTEVAR:BROCHUREBODY

<script language=JavaScript>
<!--
if ( currentcol != 0 )
{
while ( currentcol++ < CUSTOMVAR:NUMCOLS ) document.write('<td width="' + colwidth + '%">&nbsp;</td>');
document.write('</tr></table></td></tr>');
currentcol = 0;
}
// -->
</script>

</table>

----------------------------------------------

Then edit the code of your chosen fragment layout template and replace it with:

----------------------------------------------

<script language=JavaScript>
<!--
if ( currentcol++ == 0 ) document.write('<tr><td colspan=3><table border=0><tr>');
document.write('<td width="' + colwidth + '%" valign=top>');
// -->
</script>

<noscript><tr><td width="100%"></noscript>

NETQUOTEVAR:FRAGMENTANCHOR
<table border="0" width="100%" cellpadding="5" cellspacing="1">
<tr>
<td valign="top" align="left">NETQUOTEVAR:BROCHURE_IMAGE</td>
</tr>
<tr>
<td valign="top">
<strong>NETQUOTEVAR:BROCHURE_TITLE</strong><br><br>
NETQUOTEVAR:BROCHURE_TEXT</td>
</tr>
</table>

</td>

<script language=JavaScript>
<!--
if ( currentcol >= CUSTOMVAR:NUMCOLS )
{
document.write('</tr></table></td></tr>');
currentcol = 0;
}
// -->
</script>

<noscript></tr></noscript>

----------------------------------------------

Finally, go to 'Advanced | Custom Properties' and create a new custom property called 'NUMCOLS'.

Then go to 'Design | Options | Site Defaults' and add 'NUMCOLS' to the grid (selecting 'Use as CUSTOMVAR' if the option is given). Set the value to however many columns you want your fragments laid out in.

Hope this helps.

[chris ashdown]

Does this work in ver 6?

Do you have a screen shot?

Do you have a slightly more depth (fuller instructions) set of instructions

as this appears simular to my request a few pages down

[Helz]

Hi Toby

Thanks so much, that has worked brillianlty, really appreciate it thank you

The html stuff went straight over my head though!, not trained or anything in it just having a really good go!, but if there is an easier!way of explaining how to do the columns that would be great too as that is the way I really want the home page to look!

If not dont worry and thanks again for you great help, im sure il be back again!

Helz