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

Lightbox JS v2.0 implementation

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions
 
Thread Tools Search this Thread
  #151  
Old 07-05-2007, 07:45 AM
 
carpeperdiem carpeperdiem is offline
 

X-Guru
  
Join Date: Jul 2006
Location: New York City, USA
Posts: 5,399
 

Default Re: Lightbox JS v2.0 implementation

Quote:
Originally Posted by Zaja
btw.new version of thickbox mode(based on Thickbox 3) is attached.

Goran,

Looks like you left out thickbox_include.tpl, and the CSS looks like vers 2, not vers 3 (at least from the file that you posted). Is it me? Thanks,

Jeremy
__________________
xcart 4.5.4 gold+ w/x-payments 1.0.6; xcart gold 4.4.4
Reply With Quote
  #152  
Old 07-05-2007, 07:50 AM
  chamberinternet's Avatar 
chamberinternet chamberinternet is offline
 

X-Wizard
  
Join Date: Sep 2005
Location: Lancashire, UK
Posts: 1,470
 

Default Re: Lightbox JS v2.0 implementation

Quote:
Originally Posted by carpeperdiem
Goran,
Looks like you left out thickbox_include.tpl,

The code for thickbox_include.tpl is now integrated within thickbox_productpage.tpl

Regards

Shafiq :sK
__________________
Developing in 4.7.x now (Dipping into v5 - Slowly!)
Have used 4.1.x, 4.2.x, 4.4.x, 4.5.x, 4.6.x & 4.7.x
Multiple Instances of X-Cart
MySQL 5.6.37
CentOS 7.4


Chamber Internet
- Lancashire, United Kingdom
http://www.chamberelancs.co.uk
Reply With Quote
  #153  
Old 07-05-2007, 08:06 AM
 
carpeperdiem carpeperdiem is offline
 

X-Guru
  
Join Date: Jul 2006
Location: New York City, USA
Posts: 5,399
 

Default Re: Lightbox JS v2.0 implementation

Quote:
The code for thickbox_include.tpl is now integrated within thickbox_productpage.tpl

I see it now. I may move it back to an include, so that thickbox can be used on non-product pages (and just call the include as needed).

Goran, can I ask why you integrated this? Is there a technical reason?

Also, the slight differences in the jquery-compressed.js - did you make any changes here? I downloaded the most recent, and there are some minor diffs. Should I be concerend? Thanks.

Jeremy
__________________
xcart 4.5.4 gold+ w/x-payments 1.0.6; xcart gold 4.4.4
Reply With Quote
  #154  
Old 07-05-2007, 09:16 AM
  Zaja's Avatar 
Zaja Zaja is offline
 

X-Adept
  
Join Date: Mar 2004
Location: The Universe is my home
Posts: 420
 

Default Re: Lightbox JS v2.0 implementation

Quote:
Originally Posted by carpeperdiem
I see it now. I may move it back to an include, so that thickbox can be used on non-product pages (and just call the include as needed).

Goran, can I ask why you integrated this? Is there a technical reason?

Hi Jeremy, the advantages with the new release is a simplier install process, you only need to include this code; {include file="thickbox/thickbox_productpage.tpl" } in product page.

Quote:
Originally Posted by carpeperdiem
Also, the slight differences in the jquery-compressed.js - did you make any changes here? I downloaded the most recent, and there are some minor diffs. Should I be concerend? Thanks.
Jeremy
I have created this new version 2 weeks ago (using version 1.1.3), you can replace the jquery-compressed.js file with the most recent version 1.1.3.1, but this is not important.

Edited: The mod is just updated with the most recent jQuery file.
__________________
_/ _/ _/ _/ _/ _/ _/ _/ _/

7dana.com
Reply With Quote
  #155  
Old 07-05-2007, 10:26 AM
  NightFire's Avatar 
NightFire NightFire is offline
 

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

Default Re: Lightbox JS v2.0 implementation

Do you also have this update for the 4.0.X version.
On your site I see only the 4.1.X version.
__________________
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
  #156  
Old 07-05-2007, 01:01 PM
  Zaja's Avatar 
Zaja Zaja is offline
 

X-Adept
  
Join Date: Mar 2004
Location: The Universe is my home
Posts: 420
 

Default Re: Lightbox JS v2.0 implementation

Quote:
Originally Posted by NightFire
Do you also have this update for the 4.0.X version.
On your site I see only the 4.1.X version.

Unfortunately no, but I will prepare the 4.0.X version soon.
__________________
_/ _/ _/ _/ _/ _/ _/ _/ _/

7dana.com
Reply With Quote
  #157  
Old 08-03-2007, 08:10 PM
 
OpheliaPayne OpheliaPayne is offline
 

Senior Member
  
Join Date: Aug 2007
Posts: 130
 

Default Re: Lightbox JS v2.0 implementation

I am using 4.1.8. Looking at the install txt I am having some issues with the instructions.

Quote:
2. The same file(product.tpl), add following code right after product_thumbnail line(after {/if}):
{include file="thickbox/thickbox_productpage.tpl" }

I'm not familiar w/ with one is the thumbnail line... can an example of what this is be posted?

Quote:
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}

I don't have this code in my file at all...

Any ideas?
__________________
xCart 4.6.1
Reply With Quote
  #158  
Old 08-04-2007, 12:01 AM
  Zaja's Avatar 
Zaja Zaja is offline
 

X-Adept
  
Join Date: Mar 2004
Location: The Universe is my home
Posts: 420
 

Default Re: Lightbox JS v2.0 implementation

Quote:
Originally Posted by OpheliaPayne
I'm not familiar w/ with one is the thumbnail line... can an example of what this is be posted?
Open skin1/customer/main/product.tpl in notepad/ultraedit and search for product_thumbnail text. Add required code right after after {/if} tag. (first {/if} after product_thumbnail).

Quote:
I don't have this code in my file at all...
I can't help you, maybe you have custom product.tpl.
__________________
_/ _/ _/ _/ _/ _/ _/ _/ _/

7dana.com
Reply With Quote
  #159  
Old 08-04-2007, 06:01 PM
 
OpheliaPayne OpheliaPayne is offline
 

Senior Member
  
Join Date: Aug 2007
Posts: 130
 

Default Re: Lightbox JS v2.0 implementation

We have this working now... however, I have some questions.

1. I want to upload one photo, that is 600x600. I want that one photo to be used for the thumbnail (150x150) and I want it to be used as the product image (300x300 with the option to click on it to see full version).

2. On the full version popup window, I want the browser window to be 600x600.

3. Instead of text links for the detailed images, I want 150x150 images below the product page that you can click on and see the full version in the popup window.

Are either of these things possible? If so, can anyone point me to instructions on how to do these things?

Thank you.
__________________
xCart 4.6.1
Reply With Quote
  #160  
Old 08-06-2007, 01:28 PM
 
naemsmommy naemsmommy is offline
 

Senior Member
  
Join Date: Jul 2007
Posts: 144
 

Default Re: Lightbox JS v2.0 implementation

Quote:
Originally Posted by OpheliaPayne

3. Instead of text links for the detailed images, I want 150x150 images below the product page that you can click on and see the full version in the popup window.


To do this, use this code in your thickbox_productpage.tpl:

Quote:
{if $images ne ""}
<div style="white-space:nowrap;color:#D90000;font-weight:bold;padding:2px;margin:10px 0 4px;">{$lng.lbl_detailed_images} &not;</div>
<table width="250"><tr>
{section name=image loop=$images}
<td>
{if $images[image].avail eq "Y"}
{if $images[image].tmbn_url}
<div style="white-space: nowrap;padding:0 0 1px 3px;"><a href="{$images[image].tmbn_url}" title=" {$images[image].alt|escape}" class="thickbox" rel="lightbox_detailed"><img src="{$images[image].tmbn_url}" width="150" style="border:0;" alt="{$lng.lbl_click_to_enlarge|escape}" /> {$images[image].alt|escape}{if $images[image].alt|escape eq ""} {$lng.lbl_image} {math equation="value+1" value=$smarty.section.image.index}{/if}</a></div>
{else}
<div style="white-space: nowrap;padding:0 0 1px 3px;"><a href="{$xcart_web_dir}/image.php?id={$images[image].imageid}&amp;type=D" title=" {$images[image].alt|escape}" class="thickbox" rel="lightbox_detailed"><img src="{$SkinDir}/thickbox/files/zoom.gif" style="border:0;" alt="{$lng.lbl_click_to_enlarge|escape}" /> {$images[image].alt|escape}{if $images[image].alt|escape eq ""} {$lng.lbl_image} {math equation="value+1" value=$smarty.section.image.index}{/if}</a></div>
{/if}
{/if}
</td>
{/section}</tr>
</table>
<script type="text/javascript" src="{$SkinDir}/thickbox/files/jquery-compressed.js"></script>
<script type="text/javascript" src="{$SkinDir}/thickbox/files/thickbox.js"></script>
<style type="text/css" media="all">@import "{$SkinDir}/thickbox/files/thickbox.css";</style>
{/if}
__________________
Danielle
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions



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 12:18 PM.

   

 
X-Cart forums © 2001-2020