X-Cart forums

[stewbiedoobiedoo]

the mod is working great now, thanks to all the help from telefirma. I made the mistake of commenting out the files like instead of like {* *} a dumb mistake.

all is well now.

[steveparks]

I've now bought this image mod to work on three of my sites, and I'm extremely satisfied.

I had a couple of small issues (display of thumbnails on wishlists, and appearance of alt tags), but Telafirma has been extremely fast to help and has been succesful each time.

The results are fantastic, and it makes it so much easier for my providers to add products.

Great mod, Great support

cheers
steve

[hyratech]

TelaFirma,

Besides the popup, will the "detail images" still show? the default product.tpl shows Images towards the bottom of the page.

Everyone is crazy about ur mod.. so i guess it must be good huh? HeHe

[hyratech]

Telafirma,
I spoke with u earlier.. regarding the "Click to Enlarge" link .. I want that centered.. but I already set the <td> align="center"
but still no change.... i know your busy. but when u see this i hope you have the time to take a look for me .
You said something is overiding it. but i can't find anything..
Below is my product.tpl..,

please help me newbee out.. anyone.. Thanx..

{* $Id: product.tpl,v 1.96.2.22 2005/06/03 05:46:02 mclap Exp $ *} 

{if $active_modules.Special_Offers} 

{include file="modules/Special_Offers/customer/product_offers_short_list.tpl" product=$product} 

{/if} 

{include file="form_validation_js.tpl"} 

{if $product.product_type eq "C"} 

{include file="modules/Product_Configurator/pconf_customer_product.tpl"} 

{else} 

{capture name=dialog} 

<TABLE border="0" width="100%"> 

<FORM name="orderform" method="post" action="cart.php?mode=add" onsubmit="javascript: return FormValidation();"> 

<INPUT type="hidden" name="addproductid" value="{$product.productid}"> 

<INPUT type="hidden" name="slot" value="{$smarty.get.slot}"> 

<INPUT type="hidden" name="mode" value="add"> 

<TR> 

<TD valign="top" align="center" 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"}*} 
{* New Dynamic Image Mod - TelaFirma *} 
{if $product.tmbn_url} 
{math equation="(z/(y/x))+55" y=$product.image_x x=$config.Appearance.popup_image_width z=$product.image_y assign="p_y"} 
<a href="javascript:void(0);" onClick="window.open('{$xcart_web_dir}/thumb_popup.php?productid={$product.productid}','mywindow','width={$config.Appearance.popup_image_width},height={$p_y}')"> 
{/if} 
{include file="product_thumbnail.tpl" productid=$product.productid image_x=$config.Appearance.product_image_width product=$product.product tmbn_url=$product.tmbn_url id="product_thumbnail" hint="true" class="NoBorder" alt=$product.product|escape}{if $product.tmbn_url}
Click to Enlarge</a>{/if} 
{if $images[0].imageid  ne""} 

 
{strip} 
<a href="javascript:void(0);" onClick="window.open('{$xcart_web_dir}/thumb_popup.php?productid={$product.productid}','mywindow','width={$config.Appearance.popup_image_width},height={$p_y}')"> 
{include file="product_thumbnail.tpl" productid=$product.productid image_x=$config.Appearance.dthumb_image_width product=$product.product tmbn_url=$product.tmbn_url id="product_thumbnail" hint="true" class="Thumbnail" alt=$product.product|escape longdesc=$product.fulldescr|escape}</a> 
 
{include file="modules/Detailed_Product_Images/product_images_detail.tpl"} 
{/strip} 
{/if} 
{* /New Dynamic Image Mod - TelaFirma *} 
</TD> 

<TD valign="top"> 

<SPAN class=> 

</SPAN>

 

<TABLE width="100%" cellpadding="0" cellspacing="0" border="0"> 

<TR><TD colspan="2"><FONT class="ProductDetailsTitle">{$lng.lbl_details}</FONT></TD></TR> 

<TR><TD class="Line" height="1" colspan="2">[img]{$ImagesDir}/spacer.gif[/img]</TD></TR> 

<TR><TD colspan="2"></TD></TR> 

{if $config.Appearance.show_in_stock eq "Y" and $config.General.unlimited_products ne "Y" and $product.distribution eq ""} 

<TR><TD width="30%">{$lng.lbl_quantity}</TD><TD nowrap><SPAN id="product_avail_txt">{if $product.avail gt 0}{$product.avail}</SPAN>{else}{$lng.txt_no}{/if} {$lng.txt_items_available}</TD></TR> 

{/if} 

{if $product.weight ne "0.00"}<TR><TD width="30%">{$lng.lbl_weight}</TD><TD nowrap><SPAN id="product_weight">{$product.weight}</SPAN> {$config.General.weight_symbol}</TD></TR>{/if} 

{if $active_modules.Extra_Fields ne ""} 

{include file="modules/Extra_Fields/product.tpl"} 

{/if} 

{if $active_modules.Feature_Comparison ne ""} 

{include file="modules/Feature_Comparison/product.tpl"} 

{/if} 

{if $active_modules.Subscriptions ne "" and $subscription} 

{include file="modules/Subscriptions/subscription_info.tpl"} 

{else} 

<TR><TD class="ProductPriceConverting" valign="top">{$lng.lbl_price}:</TD> 

<TD valign="top"> 

{if $product.taxed_price ne 0 || $variants ne ''} 

<FONT class="ProductDetailsTitle"><SPAN id="product_price">{include file="currency.tpl" value=$product.taxed_price}</SPAN></FONT><FONT class="MarketPrice"> <SPAN id="product_alt_price">{include file="customer/main/alter_currency_value.tpl" alter_currency_value=$product.taxed_price}</SPAN></FONT> 

{if $product.taxes}
{include file="customer/main/taxed_price.tpl" taxes=$product.taxes}{/if} 

{else} 

<INPUT type="text" size="7" name="price"> 

{/if} 

</TD> 

</TR> 

{/if} 

</TABLE> 



 

<TABLE border="0" width="100%" cellpadding="0" cellspacing="0"> 

<TR><TD colspan="2"> 

<FONT class="ProductDetailsTitle">{$lng.lbl_options}</FONT> 

</TD></TR> 

<TR><TD class="Line" height="1" colspan="2">[img]{$ImagesDir}/spacer.gif[/img]</TD></TR> 

<TR><TD colspan="2"></TD></TR> 

{if $active_modules.Product_Options ne ""} 

{ include file="modules/Product_Options/customer_options.tpl"} 

{/if} 

<TR><TD height="25" width="30%">{$lng.lbl_quantity}{if $product.min_amount gt 1}
<FONT class="ProductDetailsTitle">{$lng.txt_need_min_amount} {$product.min_amount} {$lng.lbl_items}</FONT>{/if}</TD> 

<TD> 

{if $config.General.unlimited_products eq "N" and ($product.avail le 0 or $product.avail lt $product.min_amount) and $variants eq ''} 

<SCRIPT type="text/javascript" language="JavaScript 1.2"> 

var min_avail = 1; 

var avail = 0; 

var product_avail = 0; 

</SCRIPT> 

{$lng.txt_out_of_stock} 

{else} 

{if $config.General.unlimited_products eq "Y"} 

{math equation="x+1" assign="mq" x=$config.Appearance.max_select_quantity} 

{else} 

{math equation="x/y" x=$config.Appearance.max_select_quantity y=$product.min_amount assign="tmp"} 

{if $tmp<2} 

{assign var="minamount" value=$product.min_amount} 

{else} 

{assign var="minamount" value=1} 

{/if} 

{math equation="min(maxquantity+minamount, productquantity+1)" assign="mq" maxquantity=$config.Appearance.max_select_quantity minamount=$minamount productquantity=$product.avail} 

{/if} 

{if $product.distribution eq ""} 

{if $product.min_amount le 1} 

{assign var="start_quantity" value=1} 

{else} 

{assign var="start_quantity" value=$product.min_amount} 

{/if} 

<SCRIPT type="text/javascript" language="JavaScript 1.2"> 

var min_avail = {$start_quantity|default:1}; 

var avail = {$mq|default:1}-1; 

var product_avail = {$product.avail|default:"0"}; 

</SCRIPT> 

<SELECT id="product_avail" name="amount"{if $active_modules.Product_Options ne '' && $product_options ne ''} onchange="check_wholesale(this.value);"{/if}> 

















{section name=quantity loop=$mq start=$start_quantity} 

<OPTION value="{%quantity.index%}" {if $smarty.get.quantity eq %quantity.index%}selected{/if}>{%quantity.index%}</OPTION> 

















{/section} 

</SELECT> 

{else} 

<SCRIPT type="text/javascript" language="JavaScript 1.2"> 

var min_avail = 1; 

var avail = 1; 

var product_avail = 1; 

</SCRIPT> 

<FONT class="ProductDetailsTitle">1</FONT><INPUT type="hidden" name="amount" value="1"> {$lng.txt_product_downloadable} 

{/if} 

{/if} 

</TD></TR> 

<tr> 

  <TD colspan="2"> 

{if $variants eq ''} 

{include file="customer/main/product_prices.tpl"} 

{/if} 

{if $config.General.unlimited_products eq "Y" or ($product.avail gt 0 and $product.avail ge $product.min_amount)} 

{if $js_enabled} 


 

{if $smarty.get.pconf ne ""} 

{include file="buttons/button.tpl" button_title=$lng.lbl_pconf_add_to_configuration style="button" href="javascript:if (FormValidation()) `$ldelim`document.orderform.productid.value='`$smarty.get.pconf`';document.orderform.action='pconf.php';document.orderform.submit()`$rdelim`"} 



 

{/if} 

{if $product.forsale ne "B"} 

{include file="buttons/add_to_cart.tpl" style="button" href="javascript: if(FormValidation()) document.orderform.submit();"} 

 

{if $login ne "" and $active_modules.Wishlist ne ""} 

{include file="customer/add2wl.tpl"} 

{/if} 

{else} 

{$lng.txt_pconf_product_is_bundled} 

{/if} 

{else} 

{include file="submit_wo_js.tpl" value=$lng.lbl_add_to_cart} 

{/if} 

{/if} 

{if $active_modules.Feature_Comparison ne ""} 

{include file="modules/Feature_Comparison/product_buttons.tpl"} 

{/if} 



 

</TD> 

</tr> 

<TR><TD colspan="2"> 

</TD> 

</TR></TABLE> 

</TD> 

<TD align="right" valign="top" width="60"> 

{if $product.taxed_price gt 0 and $product.list_price gt 0 and $product.taxed_price lt $product.list_price}<TABLE border="0" width="60"><TR><TD width="55" height="56" class="SaveMoneyLabel" background="{$ImagesDir}/save_money.gif" align="center" valign="middle"> 


 

{math equation="100-(price/lprice)*100" price=$product.taxed_price lprice=$product.list_price format="%3.0f" assign=discount} 

<SPAN id="save_percent">{ $discount }</SPAN>% 

</TD></TR></TABLE>{/if} 

</TD> 

</TR> 

<INPUT type="hidden" name="productid" value="{$product.productid}"> 

<INPUT type="hidden" name="cat" value="{$smarty.get.cat|escape:"html"}"> 

<INPUT type="hidden" name="page" value="{$smarty.get.page|escape:"html"}"> 

</FORM> 

</TABLE> 

<table border="0" style="border-collapse: collapse" bordercolor="#111111" width="100%"> 

  <tr> 

    <td width="100%" align="left" valign="top"> 

<SPAN class=> 

{if $product.fulldescr ne ""}{$product.fulldescr}{else}{$product.descr}{/if}</SPAN></td> 

    <td width="200" valign="top">{if $active_modules.Upselling_Products ne ""}
 

  б═{include file="modules/Upselling_Products/related_products.tpl"}{/if}</td> 

  </tr> 

</table> 



{/capture} 

{include file="dialog.tpl" title=$product.producttitle content=$smarty.capture.dialog extra="width=100%"} 

{/if} </p> 



 

{*{include file="customer/main/send_to_friend.tpl" }*} 

{if $active_modules.Detailed_Product_Images ne ""} 



 

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

{/if} 

{if $active_modules.Recommended_Products ne ""} 



 

{include file="modules/Recommended_Products/recommends.tpl" } 

{/if} 

{if $active_modules.Customer_Reviews ne ""} 



 

{include file="modules/Customer_Reviews/vote_reviews.tpl" } 

{/if} 

{if $active_modules.Product_Options ne '' && $product_options ne ''} 

<SCRIPT type="text/javascript" language="JavaScript 1.2"> 

check_options(); 

</SCRIPT> 

{/if}

[TelaFirma]

just above the thumbnail code, there is a line that reads

<TD valign="top" align="center" rowspan="2" width="100"> 

Change this to

<TD valign="top" align="center" rowspan="2"> 

[hyratech]

That's working now.. but i still dont 'have the popup working properly.. the window sise is not consistant with the pictures.. most of the time it won't show the "Close Window" .. and some images i have a chunk of white space at the bottom.. is there a way to fix this?

[hyratech]

Telafirma,
step #7 is to modify
products.tpl
it's optional..I'm just curious on what that file does

[TelaFirma]

That is optional becuase 99.9% of the time, the products.tpl file does not need to be modified. It already has the things necessary to generate the thumbs properly. This is optional for people who want to take advantage of the extra things such as adding alt text to the images.

[TelaFirma]

Originally Posted by hyratech

That's working now.. but i still dont 'have the popup working properly.. the window sise is not consistant with the pictures.. most of the time it won't show the "Close Window" .. and some images i have a chunk of white space at the bottom.. is there a way to fix this?

As I was telling you earlier, you need to upload new images for the products and you should reimport your products with the new images assigned to them. This will put the proper dementions in the database table for each image. This is crutial becuase this mod uses those dementions to calcualate the proper proportions for the popup.

[tangodancer]

Ok. Telefirma I have this mod installed. However, I am having a problem with the popup. It does the width but not the height. So I get a real short but wide popup. What do I need to tweak to make this work. I also have SafetyNetWebs Dynamic URLs MOD installed. I also noticed that the main image does not allow me to click and enlarge just the small thumbnail from detailed images. I emailed you a link to an example at our store. Also, how do I add text at the bottom of the image thumbnail, ie color, zoom, enlarge, etc.

Hooter, your input is appreciated as well. I had to comment out a couple of lines you put into the products.tpl and products_t.tpl files to install this mod, so not sure if it affected your mod for dynamic URLБ─≥s. It doesnБ─≥t appear to have, but would like to make sure.

Thanks,

TangoDancer