X-Cart forums - First detailed image instead of thumbnail

X-Cart forums (https://forum.x-cart.com/index.php)

- Dev Questions (https://forum.x-cart.com/forumdisplay.php?f=20)

- - First detailed image instead of thumbnail (https://forum.x-cart.com/showthread.php?t=15579)

First detailed image instead of thumbnail

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:

Code:

<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:

Code:

{***----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:

Code:

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

Replace with this:

Code:

{***----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:

Code:

{* $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 :)

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 :D

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

Quote:

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 :D

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 :)

oh cool nice mod :) sorry for my dumbness :oops:

Hey,

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

cheers !!!!!

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!

Quote:

Originally Posted by mortickles

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?