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
  #131  
Old 04-02-2007, 04:25 PM
 
TA TA is offline
 

eXpert
  
Join Date: Apr 2006
Posts: 303
 

Default Re: Lightbox JS v2.0 implementation

I usually try to keep them no bigger than 600 X 500. The 500 will get sized down to about 450 and give a poor quality image. I usually just check to see what it was sized to and then manually resize it to less than that. That clears the image back up, but I would prefer to avoid this extra step if possible. Are there any limits that I can just be sure to be less than?

Thanks,

TA
__________________
v4.7.12
v5.4.x (In Dev)
Reply With Quote
  #132  
Old 04-02-2007, 04:36 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

ThickBox will resize only images that are bigger than the browser window, I can't see any problem with 600 X 500 image resolution?
__________________
_/ _/ _/ _/ _/ _/ _/ _/ _/

7dana.com
Reply With Quote
  #133  
Old 04-02-2007, 06:06 PM
 
TA TA is offline
 

eXpert
  
Join Date: Apr 2006
Posts: 303
 

Default Re: Lightbox JS v2.0 implementation

I just added a large image to see what the limits actually are and it resized it to 673 X 449. I will just stay under that.
__________________
v4.7.12
v5.4.x (In Dev)
Reply With Quote
  #134  
Old 04-03-2007, 06:43 AM
 
craichead craichead is offline
 

Advanced Member
  
Join Date: Sep 2006
Posts: 46
 

Default Re: Lightbox JS v2.0 implementation

This is a great mod... I'd like to have the following:

Below the "main" thumbnail image, I'd like to have a link like this:

http://64.239.144.67/forums/more-images.png

that links to thickbox (instead of having the list of images as text links or as small images)

Also, I'd like the main thumnail image to link to thickbox as well.

Any advise on how to accomplish this?

Great thread... Thanks in advance.

Edit: Functionally, it would be similar to zardos's site:

http://www.megapcs4u.co.uk/index.php?target=products&product_id=29780

though i'm 4.1.3

Best,
__________________
v4.1.10 - Linux of Course

www.ShinyTomato.com - Professional Web Design, PHP Development & Web Solutions

www.AshleyHosting.com - Personalized Web Hosting Solutions
Reply With Quote
  #135  
Old 04-23-2007, 03:15 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

Using this mod for some time. And its absolute perfect.
Is it possible to use the thickbox feature also outside it's product pages. So for example just some images in category descriptions with the "rel" link? Or do I have to add a separate css files in the home.tpl file?
__________________
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
  #136  
Old 04-23-2007, 03:20 AM
  mitash's Avatar 
mitash mitash is offline
 

X-Adept
  
Join Date: Jan 2006
Location: Australia
Posts: 450
 

Default Re: Lightbox JS v2.0 implementation

yeah it should be fine...

just make sure js is being referenced and put the rel code into the links..

we implemented grebox on this site...
http://www.klubsutra.com/?page_id=5
__________________
eCommerce - Strategy / Design / Development / Marketing / Maintenance

Call within Australia:
Phone: 1300 648 274 | Mobile: 0417 241 950
Call outside Australia:
+61 417 241 950 |

Email:
results@mitash.com | Skype: mitashau | Web: www.mitash.com
Reply With Quote
  #137  
Old 04-23-2007, 03:35 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

In fact you could just insert this code to your home.tpl:

Code:
<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>

Then this step is not needed any more:
1. Open skin1/customer/main/product.tpl add following code at the end:
{include file="thickbox/thickbox_include.tpl" }

And the whole thickbox effect can be used at the whole website. Am I correct? Or can I just leave the step 1 as it is, and it will be double then....
Only one negative point is. When you include this file in your home.tpl file, it will cause to load your first home.php even more slower. That's probably why its only included into the product page.
__________________
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
  #138  
Old 06-14-2007, 12:00 PM
 
chelle chelle is offline
 

Member
  
Join Date: Jun 2007
Posts: 12
 

Default Re: Lightbox JS v2.0 implementation

Hi
I am new to this forum .. First I would like to thank you for this beautiful mod .. I installed it and works but I have a small problem here .. All my details images is 600 by 600 ... when I click image 1 from detail image .. it has been resized to half .. and look very distorted .. what do I have to do to keep the original size when my customer click the detail image from the mod??

I am using x-cart 4.17

Thanks In Advance
__________________
Version 4.1.7
Reply With Quote
  #139  
Old 06-14-2007, 02:16 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 chelle
Hi
I am new to this forum .. First I would like to thank you for this beautiful mod .. I installed it and works but I have a small problem here .. All my details images is 600 by 600 ... when I click image 1 from detail image .. it has been resized to half .. and look very distorted .. what do I have to do to keep the original size when my customer click the detail image from the mod??

I am using x-cart 4.17

Thanks In Advance

I can't reproduce this, can you post a link to the site so we can test?
__________________
_/ _/ _/ _/ _/ _/ _/ _/ _/

7dana.com
Reply With Quote
  #140  
Old 06-15-2007, 02:37 AM
 
chelle chelle is offline
 

Member
  
Join Date: Jun 2007
Posts: 12
 

Default Re: Lightbox JS v2.0 implementation

Quote:
Originally Posted by Zaja
I can't reproduce this, can you post a link to the site so we can test?

OOps Sorry here is my site link
http://www.digiscrapboutique.com/boutique/index.php

Here is one of the product link

http://www.digiscrapboutique.com/boutique/garden-of-friendship-pr-672.html

Thanks in Advance for your help
__________________
Version 4.1.7
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 08:25 PM.

   

 
X-Cart forums © 2001-2020