X-Cart forums

[Light Speed]

Ever wanted to replace the thumbnail on the product page with the first image from your detailed images and then have your detailed images section start with the second detailed image?

Well here is how to do it

This code is for the 4.0 branch (the version for 3.4 and 3.5 is very similar)

You need to modify two files:
customer/product.tpl
modules/detailed_product_images/product_images.tpl

You will also need to make a new file:
modules/detailed_product_images/product_images_one.tpl

In product.tpl
find this:

<TD valign="top" align="left" rowspan="2" width="100">
{include file="product_thumbnail.tpl" productid=$product.productid image_x=$product.image_x image_y=$product.image_y product=$product.product tmbn_url=$product.tmbn_url id="product_thumbnail"}
</TD>

replace with this:

{***----ORIGINAL THUMBNAIL----
<TD valign="top" align="left" rowspan="2" width="100">
{include file="product_thumbnail.tpl" productid=$product.productid image_x=$product.image_x image_y=$product.image_y product=$product.product tmbn_url=$product.tmbn_url id="product_thumbnail"}
</TD>
----ORIGINAL THUMBNAIL----***}

{***--FIRST DETAILED IMAGE--***}
<td valign="top" align="left" rowspan="2" width="100">
{if $active_modules.Detailed_Product_Images ne ""}



{include file="modules/Detailed_Product_Images/product_images_one.tpl" }
{/if}
</td>
{***--FIRST DETAILED IMAGE--***}

Then in product_images.tpl
find this:

<img src="{$images[image].tmbn_url}">

Replace with this:

{***----ORIGINAL CODE-------
<img src="{$images[image].tmbn_url}" alt="{$images[image].alt|escape}">
--------ORIGINAL CODE***}

{***--Startwithsecondimage---***}
{if $images[image].tmbn_url ne $images[0].tmbn_url }
<img src="{$images[image].tmbn_url}" alt="{$images[image].alt|escape}">
{/if}
{***--Startwithsecondimage---***}

Make a new file in modules/detailed_product_images called product_images_one.tpl

Put this code in it:

{* $Id: product_images_one.tpl,v 1.7.2.2 2005/07/29 10:43:25 CCS Exp $ *}
{if $images ne ""}
<div align=left>
{section name=image}
{if $images[image].avail eq "Y"}
{if $images[image].tmbn_url}
<img src="{$images[image].tmbn_url}" alt="{$images[image].alt|escape}">
{else}
<img src="{$xcart_web_dir}/product_image.php?imageid={$images[image].imageid}" alt="{$images[image].alt|escape}">
{/if}




{/if}
{/section}
</div>
{/if}

That's it

[slade]

hi light speed um could u give us an example of the mod or give us a link to your site that shows an example of this mod that would be great

[balinor]

Don't really need an example, it does just what it says Nice one...moving it to Custom Mods.

[Light Speed]

Originally Posted by slade

hi light speed um could u give us an example of the mod or give us a link to your site that shows an example of this mod that would be great

Yeah it's pretty straight forward

I have boomers cart-lab tabbed mod installed also and you can see my little mod works fine with that

[slade]

oh cool nice mod sorry for my dumbness

[Light Speed]

Thanks!

[Dongan]

Hey,

Really cool mod and was looking for a long time and you saved my time a lot..

cheers !!!!!

[Light Speed]

Glad to help!

[mortickles]

Works great! Does anyone know how this could be modified so the "detailed images" box only shows up if there are more than one detailed image? I have lots of products with only one image, and I now have one detailed image on top (nice) but a big old empty dialog box at the bottom. Looks like there is something missing.

Thanks again for the great mod!

[Light Speed]

Originally Posted by mortickles

Works great! Does anyone know how this could be modified so the "detailed images" box only shows up if there are more than one detailed image? I have lots of products with only one image, and I now have one detailed image on top (nice) but a big old empty dialog box at the bottom. Looks like there is something missing.

Thanks again for the great mod!

There is probably a way to set an if statement at the detail dialog insert but I am too swamped to look into it. Maybe somebody else can take a stab at it?