ThickBox Mod for image enlargements

This mod will allow the current pop-up images to appear on the same page. To see it in action:



[url]High Speed Carvers, Burs, Sculpting Clays, Fa-Brick, Eggs



To see an inline text pop-up goto this link and click “More about FIXIT Sculpt !” to see the popup.



[url]High Speed Carvers, Burs, Sculpting Clays, Fa-Brick, Eggs



To install the mod, start by unziping the scripts.zip file attached. Place the thickbox.css style sheet in the folder:



skins > yourskin > customer



Place the javascript script files jquery.js and thickbox.js in the folder:



skins > yourskin > customer > scripts



Edit product_image.tpl and make the changes you see in red:


```php [color=red]{assign var=“image_popup” value=“$image_index?$mode_name=detailed&object_id=$product.product_id&image_id=$product.main_pair.detailed_id”}[/color]

{if $image_type != ‘application/x-shockwave-flash’}{if $detailed_href}{/if}

{if $obj_id && !$no_id}“”
{/if}

“{$product.product|strip_tags}”{if $detailed_href}{/if}

{else}

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0” {if $image_width}width=“{$image_width}”{/if} {if $image_height}height=“{$image_height}”{/if}>







{/if}
{if $detailed_href}






{$lang.view_larger_image}

{$lang.view_larger_image}
{/if} ```

Edit additional_images.tpl and make the changes you see in red:

```php [color=red]{assign var="image_popup" value="$image_index?$mode_name=detailed&object_id=`$product.product_id`&image_id=`$image_pair.detailed_id`"}[/color]
{if $image_type != 'application/x-shockwave-flash'}{if $detailed_href}{/if}
{$product.product|strip_tags}{if $detailed_href}
{/if}
{else}







{/if}
{if $detailed_href}






{$lang.view_larger_image}

{$lang.view_larger_image}
```

Edit category_image.tpl and make the changes you see in red:

```php [color=red]{assign var="image_popup" value="$image_index?$mode_name=detailed&object=category&object_id=`$category_data.category_id`&image_id=`$category_data.main_pair.detailed_id`"}[/color]
{if $image_type != 'application/x-shockwave-flash'}
{if $detailed_href}{/if}
{$category_data.category}{if $detailed_href}
{/if} ```

To place an inline pop-up in your category or product descriptions, add the code to the actual description box from admin.

```php More about FIXIT Sculpt !


YOUR DESCRIPTION GOES HERE
```

scripts.zip

love it! very cool! i will use this in my next cart (1.3.4…presuming its ever coming out…)!

Nifty and nice yes!

very cool. i am going to implement this feature right now.



thank you (one again =) ) sculptingstudio



=)

hi sculptingstudio, i am not finding product_image.tpl



this is the of items in product_pages



in the style directory /skins/default_blue/customer



i see popup_image.tpl







additional_images.tpl

buy_now.tpl

comparison.tpl

exceptions.js

product_details.tpl

product_features.tpl

product_options.tpl

products.tpl

products_advanced.tpl

products_multicolumns.tpl

products_search_form.tpl

products_search_results.tpl

products_small_list.tpl

sorting.tpl

Great mod! If you have time to do a templatemonster.com “hover image” style. That would be an awesome mod aswell. :wink:

[quote name=‘mpjbay’]i am not finding product_image.tpl[/QUOTE]



He is using 1.3.3, they changed the tpl files in 1.3.4. Try common_templates/image.tpl

ah that makes sense, i will have a look at it.

i tried but couldn’t figure out how to make it work in .4



any thoughts? i would love to use this but i am not that great of a coder … yet =)

[quote name=‘Zyles’]Great mod! If you have time to do a templatemonster.com “hover image” style. That would be an awesome mod aswell. ;)[/QUOTE]

can you give an example?

i tried this file but it didn’t work



He is using 1.3.3, they changed the tpl files in 1.3.4. Try common_templates/image.tpl

[quote name=‘nwsco’]can you give an example?[/QUOTE]

Hover with your mouse over a screenshot of a template on any page, it should show a larger image.

has anyone modified this code for .4?



=)

What version of ThickBox is this? Is it written to use version 2.1?

[quote name=‘mclamais’]What version of ThickBox is this? Is it written to use version 2.1?[/QUOTE]This uses thickbox 2.1 and jquery 1.0.2.

hi nwsco



did you get this to work in .4 and if so how?



=)

.4 anyone??? =)

[quote name=‘mpjbay’]hi nwsco



did you get this to work in .4 and if so how?



=)[/QUOTE]

hey matt!

nah…its on one my last to-do list after i ever have 1.3.4sp1 running…

i havent even started trying to upgrade yet after reading all the probs…

but maybe the maker of this mod has it running on 1.3.4?

by reading his/her signature it looks like they are running .3



i am uploading a bunch of photo’s today. once i am done i am going to have a closer look at it and figure out how to implement this in .4



i am sure it is just a mater of finding the correct template



=)

i got the images_tpl sorted now i am looking to for



additional_images.tpl



replacement

i can’t figure this out in .4 =(