X-Cart forums - Detailed Product Images Popup Addon

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

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Detailed Product Images Popup Addon - Request (https://forum.x-cart.com/showthread.php?t=15377)

Detailed Product Images Popup Addon - Request

Hi,

I'm not sure if I'm posting in the right forum so please excuse me if I'm not. :)

I've been searching for a way to do detailed popup images, and I found a few mods on here (i.e. Boomer's), but it's not exactly what I need - not to mention that Boomer's didn't work for me :/ And yeah, I tried fixing some things by hand but it still won't work).

However, that's not the real point...I need something simple.

Lemme explain:

I'm going to be selling house plans, and I will be displaying floor plans for each set of house plans. All I need is for the Detailed Images to show a thumbnail of around 300x300 or so (regular thumbnail size), which the customer clicks on and it expands in a new window to reveal the full size image. I don't need collating or forward/backwards arrows etc... Just something simple. Click, pop-up, expand, close. That's all. :)

Is there anything out there that does it? I'm not looking for mouseoevers or anything like that (I found a great one here by a Dutch guy but it's really more than I need, but it did work).

Does anyone have any suggestions?

I did manage to test out my own little creation which simply sized all files on the thumbnails to 300x300 and clicks to a popup of 1000x1000 when you click on it, but that seems to me a little extreme. So anyone have any smart php code that can just do something that simple? I don't even need it to upload a thumbnail of the detailed images - it can just resize the detailed image in the display, and when you click on it, it will expand. The great thing about house plans is that they are just black lines on a white background, so they load real fast no matter what size you make them and size them down to.

Thanks for any help, and thanks to the contributions already here.

I'd suggest trying Boomer's mod again...that does exactly what it sounds like you want it to do. Simple, easy and straightforward. What exaxctly didn't work for you?

Hey Balinor,

thanks for the reply. It gives me a {/skip} error on line 16 of products.tpl, I believe. I used both the downloaded version from his site and also the one he posted in a thread here, and it unfortunately gives me the same error. Couldn't figure out what it was doing wrong.

I can post the error again after I try it again, since I reverted back to the original after it broke. :/ I'll give it a go again and I'll see what happens.

You shouldn't be adding any code to products.tpl....it should be going in product.tpl.....that could be the issue :)

This is the error I get:

Quote:

Fatal error: Smarty error: [in customer/main/product.tpl line 16]: syntax error: mismatched tag {/if}. expected {/strip} (opened line 16). (Smarty_Compiler.class.p in /home2/grimlog/public_html/catalog/Smarty-2.6.9/Smarty.class.php on line 1088

Looks like you didn't quite get the {if} statements and {strip} statements in the correct place. Be sure and follow Boomer's instructions to the letter.....

Yeah, I didn't add it to products.tpl but to product.tpl. Sorry, just woke up and still trying to drink that first cup of coffee...makes for typos in the forum when I first start to communicate. :)

That's the same error I got yesterday and I'm currently using the one downloaded from his site. I'd love for it to work but I have no idea why it isn't. :/

He has a line in the readme which says the following:

Quote:

STEP 3) Save the below code as: xcart/skin1/customer/main/product_images.tpl

Unfortunately, it's not clear which code he means since there is no code below it.

I'll post the whole readme below as well:

Quote:

INSTALLATION:
Making a backup of your files is HIGHLY RECOMMENDED before Installing any modifications!

STEP 1) Copy the file customer/product_detailed_iamges.php into your xcart/ directory.

STEP 2) Copy the file skin1/detailed_popup_js.tpl into your xcart/ directory.

STEP 3) Save the below code as: xcart/skin1/customer/main/product_images.tpl

STEP 4) Edit your xcart/skin1/customer/main/product.tpl and locate the following code:

{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}

Replace it with the following code snippet:

{*** Detailed Image Popup mod by www.cart-lab.com ***}
{include file="detailed_popup_js.tpl"}
{if $active_modules.Detailed_Product_Images ne "" && $images}{strip}<A HREF="javascript: productimagedetail({$product.productid});">{/if}
{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}
{if $active_modules.Detailed_Product_Images ne "" && $images}

<CENTER>[img]{$ImagesDir}/preview.gif[/img]View Details</CENTER></A>{/strip}{/if}
{*** Detailed Image Popup mod by www.cart-lab.com ***}

STEP 5) You will need to remove the following code from the same product.tpl file to keep the detailed images from showing up on the details page:

{if $active_modules.Detailed_Product_Images ne ""}

{include file="modules/Detailed_Product_Images/product_images.tpl" }
{/if}

Either remove it or {* comment *} it out.

I can't figure out which code he wants me to save as product_images.tpl. I forgot what I tried yesterday but it still didn't work.

Thanks. :)

I just posted there. Thanks for the pointer.