X-Cart forums

[Rocate]

Originally Posted by carpeperdiem

Did you remove thickbox? All I see on your site is a mega supersized detailed image.

Yes - sorry about that! It's now reinstalled.
Although I've just installed Artistic Tunes templates the Thickbox did not work on a fresh install of 4.0.18.

Thanks for helping!

[cyberdriveway]

Originally Posted by Rocate

Hi,

I've just done a fresh install of 4.0.18 and Thickbox does not work.

The loading image just rotates and nothing happens.

Could some have a look here?

http://www.rocasoft.co.uk/product.php?productid=167&cat=111&page=1

cheers

Wish I could be of more help... I didn't use Thickbox on the product page, but I did create a gallery page. http://www.dhmtrailers.com/online/pages.php?pageid=3

I had a simlar problem to what you described, and I keep working with the array being passed from PHP to Smarty.

One difference I see between my use of Thickbox and yours is that my link to the detailed image is a complete URL:
Image 1 =
http://www.dhmtrailers.com/online/gallery/albums/set3/images/bluet.jpg

(carpeperdiem is also passing the complete image url http://www.mommymakeup.com/makeup/pretty-n-polished.html )

and your site
Image 1 =
http://www.rocasoft.co.uk/product_image.php?imageid=21

If I copy your link to product_image.php I can see the picture, but if I click on the link directly Thickbox is stuck on the loading graphic image. I don't know how to allow Thickbox to load PHP content. It is possible from what I have read, but I don't know the details. Well at least I have not see any xcart sites using Thickbox and passing the php url inplace of the complete image url.


Try and replace the PHP link with the complete URL of the image.

[Rocate]

[quote=cyberdriveway]Wish I could be of more help... I didn't use Thickbox on the product page, but I did create a gallery page. [url]


Hi Tyson,

many thanks for the quick reply.

I understand where you are coming from about the urls but how do I replace the url in xcart? I am using the "Detailed Images" upload function in product management to upload pictures but don't see how to change the url.

Thanks

[cyberdriveway]

Originally Posted by Rocate

I am using the "Detailed Images" upload function in product management to upload pictures but don't see how to change the url.

Thanks

I installed thickbox on another 4.0.18 site and used it as intened for show the "Detailed" images of a selected product. This site however was also a site using *** Detailed Image Popup mod by www.cart-lab.com ***. Tonight or tomorrow night I will review the product.tpl code of a un-modified site, and see if I can spot any differences. I think the Cart-lab mod included a modified version of product_thumbnail.tpl, which I also need to review.

In the mean time it might be helpful if you posted a copy of your CODE from product.tpl (just the details with thumbs and detailed images).

[Rocate]

Originally Posted by cyberdriveway

In the mean time it might be helpful if you posted a copy of your CODE from product.tpl (just the details with thumbs and detailed images).

{* $Id: product.tpl,v 1.96.2.29 2006/06/28 08:13:11 svowl 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" && $active_modules.Product_Configurator}
{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();">
<TR>
<TD valign="top">
<BR>
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR>
<TD valign="top">
{if $product.taxed_price gt 0 and $product.list_price gt 0 and $product.taxed_price lt $product.list_price}
<TABLE border="0" cellpadding="0" cellspacing="0" width="127">
<TR>
<TD width="127" height="23" class="SaveMoneyLabel" valign="middle">
&nbsp;&nbsp;{$lng.lbl_save}{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><BR>
{/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 id="product_thumbnail"}
{include file="thickbox/thickbox_productpage.tpl" }
</TD>
<TD><IMG src="{$ImagesDir}/spacer.gif" width="16" height="1" border="0"></TD>
<TD valign="top">
<SPAN class=>
{if $product.fulldescr ne ""}{$product.fulldescr}{else}{$product.descr}{ /if}
</SPAN>
</TD>
</TR>
</TABLE>
<P>
<TABLE width="100%" cellpadding="0" cellspacing="0" border="0">
<TR><TD colspan="2"><B><FONT class="ProductDetailsTitle">{$lng.lbl_details}</FONT></B></TD></TR>
<TR><TD class="Line" height="1" colspan="2"><IMG src="{$ImagesDir}/spacer.gif" width="1" height="1" border="0"></TD></TR>
<TR><TD colspan="2">&nbsp;</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}
<FONT class="ProductPriceTitle"><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}<BR>{include file="customer/main/taxed_price.tpl" taxes=$product.taxes}{/if}
{else}
<INPUT type="text" size="7" name="price">
{/if}
</TD>
</TR>
{/if}
</TABLE>
<P>
<TABLE border="0" width="100%" cellpadding="0" cellspacing="0">
<TR><TD colspan="2">
<B><FONT class="ProductDetailsTitle">{$lng.lbl_options}</FONT></B>
</TD></TR>
<TR><TD class="Line" height="1" colspan="2"><IMG src="{$ImagesDir}/spacer.gif" width="1" height="1" border="0"></TD></TR>
<TR><TD colspan="2">&nbsp;</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}<BR><FONT class="ProductDetailsTitle">{$lng.txt_need_min_amo unt} {$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>
<B>{$lng.txt_out_of_stock}</B>
{else}
{if $config.General.unlimited_products eq "Y"}
{assign var="mq" value=$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 "" and !($active_modules.Subscriptions ne "" and $subscription)}
{if $product.min_amount le 1}
{assign var="start_quantity" value=1}
{else}
{assign var="start_quantity" value=$product.min_amount}
{/if}
{if $config.General.unlimited_products eq "Y"}
{math equation="x+y" assign="mq" x=$mq y=$start_quantity}
{/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_options();"{/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"> {if $product.distribution ne ""}{$lng.txt_product_downloadable}{/if}
{/if}
{/if}
</TD></TR>
<TR><TD colspan="2">
<INPUT type="hidden" name="mode" value="add">
{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}
<BR>
{if $product.forsale ne "B"}
{include file="buttons/add_to_cart.tpl" style="button" href="javascript: if(FormValidation()) document.orderform.submit();"}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;
{if $login ne "" and $active_modules.Wishlist ne ""}
{include file="customer/add2wl.tpl"}
{/if}
{else}
{$lng.txt_pconf_product_is_bundled}
{/if}
{if $smarty.get.pconf ne ""}
<INPUT type="hidden" name="slot" value="{$smarty.get.slot}">
<INPUT type="hidden" name="addproductid" value="{$product.productid}">
{include file="buttons/button.tpl" button_title=$lng.lbl_pconf_add_to_configuration style="button" href="javascript:if (FormValidation()) `$ldelim`document.orderform.productid.value='`$sma rty.get.pconf`';document.orderform.action='pconf.p hp';document.orderform.submit()`$rdelim`"}
<BR>
{$lng.txt_add_to_configuration_note}
<BR>
{/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}
<BR><BR>
</TD>
</TR></TABLE>
</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>
{/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 ""}
<P>
{include file="modules/Detailed_Product_Images/product_images.tpl" }
{/if}
*}
{if $active_modules.Upselling_Products ne ""}
<P>
{include file="modules/Upselling_Products/related_products.tpl" }
{/if}
{if $active_modules.Recommended_Products ne ""}
<P>
{include file="modules/Recommended_Products/recommends.tpl" }
{/if}
{if $active_modules.Customer_Reviews ne ""}
<P>
{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}
{include file="thickbox/thickbox_include.tpl" }

[cyberdriveway]

Hello Rocate,

I reviewed your product.tpl code and everything looks correct. I then loaded a brand new copy of 4.0.18 with the default sample products (note: default xcart method for storing images is within the xcart MySQL database).

I browsed the defaut store, and all works as expected. Then installed the Thickbox code for "detailed images". This resulted in the same failure as your site is getting....

After clicking the link for the detailed image all I see is the spinning loading graphic. I also see the URL for the detailed image contains the image.php script, and not the complete URL to the actual image.

I then changed the xcart method of storing images in the "DB" to the "file system".

Now when I click the "detailed image" link Thickbox works as expected, and the URL shown for the image is the complete URL to the actual image.




... In summary, I guess the Thickbox script works only with xcart sites that store the images within the file system and not in the database.


Where are your images stored? If they are in the DB can you move them to the filesystem (that is if you don't mind having them in the filesystem)?


If you would rather keep them in the DB I am sure additonal code could be written to allow this with Thickbox and xcart. That is up to you if you think it is worth the time to make these additional changes.



Well let me know what you find... I am going to re-read this thread, and see if perhapes someone already pointed this out or not.

Regards,
Tyson

[gastu]

nice!!
THANKS ZAJA EXPERT

[Jerrad]

Thanks for this great mod, Zaja!

Any chance of skipping the first detailed image, because I'm using that one
already as the thumbnail?

I'm using this mod to do that:
http://forum.x-cart.com/showthread.php?t=15579&highlight=use+detailed+imag e+thumbnail

I'm also wondering if it's possible not to list all the detailed images on the product page, but only
display a clickable link which will open the thickbox image window?

Thanks again!

[ezi designs]

Hi All

This is a must have mod for me a it is what i am after. Trouble is i have read the 4.1 instructions and cannot get it to work at all, and where it says;

The same file(product.tpl), comment this out with a {* *}:
{if $active_modules.Detailed_Product_Images ne "" && ($config.Detailed_Product_Images.det_image_popup ne 'Y' || $js_enabled ne 'Y')}
<p />
{include file="modules/Detailed_Product_Images/product_images.tpl" }
{/if}

I cannot even see this line in the tpl file.

Would it be asking to much for someone to look over it for me and advise further as i only need a couple of thing putting in. My tpl file reads as follows so if someone can just highlight where the following goes than that would be great.

INSTALLATION
------------
1. Open skin1/customer/main/product.tpl add following code at the end:
{include file="thickbox/thickbox_include.tpl" }
2. The same file(product.tpl), add following code right after product_thumbnail line(after {/if}):
{include file="thickbox/thickbox_productpage.tpl" }
3. The same file(product.tpl), comment this out with a {* *}:
{if $active_modules.Detailed_Product_Images ne "" && ($config.Detailed_Product_Images.det_image_popup ne 'Y' || $js_enabled ne 'Y')}
<p />
{include file="modules/Detailed_Product_Images/product_images.tpl" }
{/if}
4. Copy thickbox folder to skin1 directory.


products.tpl

{* $Id: products.tpl,v 1.72.2.2 2006/08/11 12:18:08 max Exp $ *}
{if $active_modules.Feature_Comparison ne '' && $products && $printable ne 'Y' && $products_has_fclasses}
<div class="FCButtonsBox">
{include file="modules/Feature_Comparison/compare_selected_button.tpl"}
{include file="modules/Feature_Comparison/products_check_js.tpl"}
</div>
{/if}
{if $usertype eq "C" and $config.Appearance.products_per_row ne "" and $config.Appearance.products_per_row gt 0 and $config.Appearance.products_per_row lt 4 and ($featured eq "Y" or $config.Appearance.featured_only_multicolumn eq "N")}
{include file="customer/main/products_t.tpl" products=$products}
{else}
{if $products}
{section name=product loop=$products}
{assign var="discount" value=0}
<table width="100%" cellpadding="0" cellspacing="0" align="center" class="{cycle values="ProductBox1,ProductBox2"}">
<tr>
<td class="ProductLeftShadow">
<table width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
<td class="ProductBox">
<table width="100%" cellpadding="0" cellspacing="0" align="center" class="DialogBorderStart">
<tr>
<td class="DialogBorderEnd">
<table width="100%" cellpadding="0" cellspacing="0" align="center" class="DialogCorner">
<tr>
<td valign="top" class="ProductBoxStart">
<table width="100%" cellpadding="29" cellspacing="0" align="center" class="ProductBoxEnd">
<tr>
<td valign="top" class="DialogShadow2">
<a href="product.php?productid={$products[product].productid}&amp;cat={$cat}&amp;page={$navigation_p age}{if $featured eq 'Y'}&amp;featured{/if}"><font class="ProductTitle">{$products[product].product}</font></a>
<br />
<br />
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top">
<div class="PListImgBox">
<a href="product.php?productid={$products[product].productid}&amp;cat={$cat}&amp;page={$navigation_p age}{if $featured eq 'Y'}&amp;featured{/if}">{include file="product_thumbnail.tpl" productid=$products[product].productid image_x=$config.Appearance.thumbnail_width product=$products[product].product tmbn_url=$products[product].tmbn_url show_border="Y"}</a>
{if $active_modules.Special_Offers ne "" and $products[product].have_offers}
{include file="modules/Special_Offers/customer/product_offer_thumb.tpl" product=$products[product]}
{/if}
</div>
<a href="product.php?productid={$products[product].productid}&amp;cat={$cat}&amp;page={$navigation_p age}{if $featured eq 'Y'}&amp;featured{/if}">{$lng.lbl_see_details}</a>
{if $active_modules.Feature_Comparison ne '' && $products[product].fclassid > 0 && $printable ne 'Y'}
<br />
<br />
<div align="center">
{include file="modules/Feature_Comparison/compare_checkbox.tpl" id=$products[product].productid}
</div>
{/if}
</td>
<td><img src="{$ImagesDir}/spacer.gif" width="14" height="1" alt="" /></td>
<td valign="top" width="100%">
{if $config.Appearance.display_productcode_in_list eq "Y" and $products[product].productcode ne ""}
{$lng.lbl_sku}: {$products[product].productcode}
<br />
<br />
{/if}
{$products[product].descr|truncate:300:"...":true}
<br />
<br />
{if $products[product].product_type eq "C"}
{include file="buttons/details.tpl" href="product.php?productid=`$products[product].productid`&amp;cat=`$cat`&amp;page=`$navigation_p age`"}
{else}
{if $active_modules.Subscriptions ne "" and ($products[product].catalogprice gt 0 or $products[product].sub_priceplan gt 0)}
{include file="modules/Subscriptions/subscription_info_inlist.tpl"}
{else}
{if $products[product].taxed_price ne 0}
{if $products[product].list_price gt 0 and $products[product].taxed_price lt $products[product].list_price}
{math equation="100-(price/lprice)*100" price=$products[product].taxed_price lprice=$products[product].list_price format="%3.0f" assign=discount}
{if $discount gt 0}
<font class="MarketPrice">{$lng.lbl_market_price}: <s>
{include file="currency.tpl" value=$products[product].list_price}
</s></font><br />
{/if}
{/if}
{if $active_modules.Special_Offers ne "" and $products[product].use_special_price ne ""}
<s>
{/if}
<font class="ProductPriceSmall">{$lng.lbl_our_price}: {include file="currency.tpl" value=$products[product].taxed_price}</font><font class="MarketPrice">{include file="customer/main/alter_currency_value.tpl" alter_currency_value=$products[product].taxed_price}</font>{if $discount gt 0}{if $config.General.alter_currency_symbol ne ""}, {/if}{$lng.lbl_save_price} {$discount}%{/if}
{if $active_modules.Special_Offers ne "" and $products[product].use_special_price ne ""}
</s>
{/if}
{if $products[product].taxes}
<br />
<div class="PListTaxBox">{include file="customer/main/taxed_price.tpl" taxes=$products[product].taxes}</div>
{/if}
{if $active_modules.Special_Offers ne "" and $products[product].use_special_price ne ""}
{include file="modules/Special_Offers/customer/product_special_price.tpl" product=$products[product]}
{/if}
{else}
<font class="ProductPrice">{$lng.lbl_enter_your_price}</font>
{/if}
{/if}
{if $usertype eq "C" and $config.Appearance.buynow_button_enabled eq "Y"}
<br />
{include file="customer/main/buy_now.tpl" product=$products[product]}
{/if}
{/if}
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
{/section}
{if $active_modules.Feature_Comparison ne '' && $products && $printable ne 'Y' && $products_has_fclasses}
<div class="FCButtonsBox">
{include file="modules/Feature_Comparison/compare_selected_button.tpl" no_form=true}
</div>
{/if}
{else}
{$lng.txt_no_products_found}
{/if}
{/if}

Thanks

Richard

[Zaja]

Richard, take a more careful look... product.tpl not products.tpl.