Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Thickbox 2.0 implementation

 
Reply
   X-Cart forums > X-Cart 4 > Third Party Add-Ons for X-Cart 4
 
Thread Tools
  #11  
Old 01-14-2007, 06:55 AM
 
MattUK MattUK is offline
 

Member
  
Join Date: Nov 2006
Posts: 23
 

Default Re: Thickbox 2.0 implementation

Anyone have any ideas on this guys?
__________________
X-Cart Gold 4.1.9
Reply With Quote
  #12  
Old 01-14-2007, 11:32 AM
  ezi designs's Avatar 
ezi designs ezi designs is offline
 

Senior Member
  
Join Date: Sep 2006
Location: United Kingdom
Posts: 118
 

Default Re: Thickbox 2.0 implementation

I would post up your file so we can take a look. Insure also you have uploaded the thickbox folder to SKIN1 and not the root
__________________
x-cart 4.1.6

DSEFU PRO

http.www.demontemplates.com
Reply With Quote
  #13  
Old 01-14-2007, 01:11 PM
 
MattUK MattUK is offline
 

Member
  
Join Date: Nov 2006
Posts: 23
 

Default Re: Thickbox 2.0 implementation

Yep, the folder is in the correct location, the code excerpt is in my first post.
__________________
X-Cart Gold 4.1.9
Reply With Quote
  #14  
Old 01-16-2007, 06:49 AM
  ezi designs's Avatar 
ezi designs ezi designs is offline
 

Senior Member
  
Join Date: Sep 2006
Location: United Kingdom
Posts: 118
 

Default Re: Thickbox 2.0 implementation

I can see where you have got it wrong. If you post your whole .tpl file and not just part of it i can edit it for you to what it should be.
__________________
x-cart 4.1.6

DSEFU PRO

http.www.demontemplates.com
Reply With Quote
  #15  
Old 01-16-2007, 08:00 AM
 
tron tron is offline
 

Advanced Member
  
Join Date: Jun 2003
Location: Oslo
Posts: 46
 

Default Re: Thickbox 2.0 implementation

I am looking into how it is possible to change the size of the image to 100%.

I have been modificate the CSS that followed but still the same.
__________________
4.0.17

fancy cat.
aom
sns
Reply With Quote
  #16  
Old 01-16-2007, 09:49 AM
  ezi designs's Avatar 
ezi designs ezi designs is offline
 

Senior Member
  
Join Date: Sep 2006
Location: United Kingdom
Posts: 118
 

Default Re: Thickbox 2.0 implementation

Yes i would love to know how to enlarge the image also. Not a lot, well not 100% for sure, as it may take a time to load !
__________________
x-cart 4.1.6

DSEFU PRO

http.www.demontemplates.com
Reply With Quote
  #17  
Old 01-16-2007, 09:52 AM
  NightFire's Avatar 
NightFire NightFire is offline
 

X-Adept
  
Join Date: Jul 2004
Location: The Netherlands
Posts: 561
 

Default Re: Thickbox 2.0 implementation

Yes, was also looking for that solution. Heard that it can be set at the .js file.
But till now haven't figured it out yet. If someone has a solution, It's highly appreciated.
__________________
Best regards,
Niki Buitenrust Hettema

X-Cart Gold 4.1.8 (Live & Loaded)
Royal Bhaktapur: Handmade products from Nepal - Pashmina's, scarfs, shawls, stola's and more...
Reply With Quote
  #18  
Old 01-18-2007, 03:22 AM
 
MattUK MattUK is offline
 

Member
  
Join Date: Nov 2006
Posts: 23
 

Default Re: Thickbox 2.0 implementation

This is my product.tpl

{* $Id: product.tpl,v 1.147.2.8 2006/08/02 05:39:12 max Exp $ *}
{include file="main/include_js.tpl" src="main/popup_image.js"}
{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}

<font class=product_grey_dark_lrg_bold>{$product.product title}</font><br>
<form name="orderform" method="post" action="cart.php?mode=add" onsubmit="javascript: return FormValidation();">
<table width="100%" border=0>
<tr>
<td class="PImgBox" rowspan="2">
{if $active_modules.Detailed_Product_Images ne "" && $config.Detailed_Product_Images.det_image_popup eq 'Y' && $images ne '' && $js_enabled eq 'Y'}
{include file="modules/Detailed_Product_Images/popup_image.tpl"}
{else}
{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" type="P"}&nbsp;
{/if}
{if $active_modules.Magnifier ne "" && $config.Magnifier.magnifier_image_popup eq 'Y' && $zoomer_images ne '' && $js_enabled eq 'Y'}
{include file="modules/Magnifier/popup_magnifier.tpl"}
{/if}
</td>
<td valign="top" width="100%" border=0>

<table width="100%" cellpadding="0" cellspacing="0">
{if $active_modules.Subscriptions ne "" and $subscription}
{include file="modules/Subscriptions/subscription_info.tpl"}
{else}
<tr>
<td valign="top">
{if $product.taxed_price ne 0 || $variant_price_no_empty}
<font class="price_lrg_bold"><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>
<td align=right>{include file="buttons/add_to_cart.tpl" style="button" href="javascript: if(FormValidation()) document.orderform.submit();"}</td>
</tr>
{/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|substitute:"items":$product.min_amount}</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_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" /> {if $product.distribution ne ""}{$lng.txt_product_downloadable}{/if}
{/if}
{/if}
</td></tr>

{if $product.descr}
<tr>
<td colspan=2><br>{$product.descr}<br><br></td>
</tr>
{/if}

<tr>
<td width="30%"><span class="product_grey_dark_sml"><b>Product Code:</b></span></td>
<td nowrap="nowrap" id="product_code">{$product.productcode}</td>
</tr>

{if $active_modules.Product_Options ne ""}
{include file="modules/Product_Options/customer_options.tpl"}
{/if}

{if $product_wholesale ne ""}
<tr><td colspan="2">
{include file="customer/main/product_prices.tpl"}
<br /><br />
</td>
</tr>
{/if}

{if $active_modules.Feature_Comparison ne ""}
<tr><td colspan="2">
{include file="modules/Feature_Comparison/product_buttons.tpl"}
<br /><br />
</td>
</tr>
{/if}
<input type="hidden" name="mode" value="add" />
<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>

{if $config.Appearance.send_to_friend_enabled eq 'Y'}
<tr>
<td colspan=2><br>
<span class="x_send_to" onClick="javascript: if (document.getElementById('send_to_friend').style.d isplay == 'none') document.getElementById('send_to_friend').style.di splay=''; else document.getElementById('send_to_friend').style.di splay='none'">Email a friend about this product</span>
<br>
<div id='send_to_friend' style='display: none'>
{include file="customer/main/send_to_friend.tpl"}
</div>
<br>
</td>
</tr>
{/if}
</table>

</td>
</tr>
</table>

{if $product.fulldescr}
{$product.fulldescr}
{/if}

{/if}


{if $active_modules.Magnifier ne "" && ($config.Magnifier.magnifier_image_popup ne 'Y' || $js_enabled ne 'Y')}
<p />
{include file="modules/Magnifier/product_magnifier.tpl" productid=$product.productid}
{/if}
{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}
{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}
__________________
X-Cart Gold 4.1.9
Reply With Quote
  #19  
Old 01-18-2007, 04:58 AM
 
ranger82nd ranger82nd is offline
 

Senior Member
  
Join Date: Jan 2006
Posts: 159
 

Default Re: Thickbox 2.0 implementation

Quote:
Originally Posted by tron
I am looking into how it is possible to change the size of the image to 100%.

I have been modificate the CSS that followed but still the same.

edit thickbox.js

Look for:
Code:
// Resizing large images - orginal by Christian Montoya edited by me. var pagesize = TB_getPageSize(); var x = pagesize[0] - 150; var y = pagesize[1] - 150;

To make the images larger change the var x and var y variables to a smaller number (>150)
To make the images smaller change the var x and var y variables to a larger number (<150)
__________________
X-Cart Gold v4.0.17 ~ EWD Hosting!
Reply With Quote
  #20  
Old 01-18-2007, 05:02 AM
  ezi designs's Avatar 
ezi designs ezi designs is offline
 

Senior Member
  
Join Date: Sep 2006
Location: United Kingdom
Posts: 118
 

Default Re: Thickbox 2.0 implementation

Try this

{* $Id: product.tpl,v 1.147.2.8 2006/08/02 05:39:12 max Exp $ *}
{include file="main/include_js.tpl" src="main/popup_image.js"}
{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}
<font class=product_grey_dark_lrg_bold>{$product.product title}</font><br>
<form name="orderform" method="post" action="cart.php?mode=add" onsubmit="javascript: return FormValidation();">
<table width="100%" border=0>
<tr>
<td class="PImgBox" rowspan="2">
{if $active_modules.Detailed_Product_Images ne "" && $config.Detailed_Product_Images.det_image_popup eq 'Y' && $images ne '' && $js_enabled eq 'Y'}
{include file="modules/Detailed_Product_Images/popup_image.tpl"}
{else}
{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" type="P"}&nbsp;
{/if}
{include file="thickbox/thickbox_productpage.tpl" }
{*{if $active_modules.Magnifier ne "" && $config.Magnifier.magnifier_image_popup eq 'Y' && $zoomer_images ne '' && $js_enabled eq 'Y'}
{include file="modules/Magnifier/popup_magnifier.tpl"}
{/if}*}
</td>
<td valign="top" width="100%" border=0>
<table width="100%" cellpadding="0" cellspacing="0">
{if $active_modules.Subscriptions ne "" and $subscription}
{include file="modules/Subscriptions/subscription_info.tpl"}
{else}
<tr>
<td valign="top">
{if $product.taxed_price ne 0 || $variant_price_no_empty}
<font class="price_lrg_bold"><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>
<td align=right>{include file="buttons/add_to_cart.tpl" style="button" href="javascript: if(FormValidation()) document.orderform.submit();"}</td>
</tr>
{/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|substitute:"items":$product.min_amount}</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_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" /> {if $product.distribution ne ""}{$lng.txt_product_downloadable}{/if}
{/if}
{/if}
</td></tr>
{if $product.descr}
<tr>
<td colspan=2><br>{$product.descr}<br><br></td>
</tr>
{/if}
<tr>
<td width="30%"><span class="product_grey_dark_sml"><b>Product Code:</b></span></td>
<td nowrap="nowrap" id="product_code">{$product.productcode}</td>
</tr>
{if $active_modules.Product_Options ne ""}
{include file="modules/Product_Options/customer_options.tpl"}
{/if}
{if $product_wholesale ne ""}
<tr><td colspan="2">
{include file="customer/main/product_prices.tpl"}
<br /><br />
</td>
</tr>
{/if}
{if $active_modules.Feature_Comparison ne ""}
<tr><td colspan="2">
{include file="modules/Feature_Comparison/product_buttons.tpl"}
<br /><br />
</td>
</tr>
{/if}
<input type="hidden" name="mode" value="add" />
<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>
{if $config.Appearance.send_to_friend_enabled eq 'Y'}
<tr>
<td colspan=2><br>
<span class="x_send_to" onClick="javascript: if (document.getElementById('send_to_friend').style.d isplay == 'none') document.getElementById('send_to_friend').style.di splay=''; else document.getElementById('send_to_friend').style.di splay='none'">Email a friend about this product</span>
<br>
<div id='send_to_friend' style='display: none'>
{include file="customer/main/send_to_friend.tpl"}
</div>
<br>
</td>
</tr>
{/if}
</table>
</td>
</tr>
</table>
{if $product.fulldescr}
{$product.fulldescr}
{/if}
{/if}

{if $active_modules.Magnifier ne "" && ($config.Magnifier.magnifier_image_popup ne 'Y' || $js_enabled ne 'Y')}
<p />
{include file="modules/Magnifier/product_magnifier.tpl" productid=$product.productid}
{/if}
{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}
{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" }
__________________
x-cart 4.1.6

DSEFU PRO

http.www.demontemplates.com
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Third Party Add-Ons for X-Cart 4


Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 05:15 AM.

   

 
X-Cart forums © 2001-2020