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
  #161  
Old 08-06-2007, 01:31 PM
 
naemsmommy naemsmommy is offline
 

Senior Member
  
Join Date: Jul 2007
Posts: 144
 

Default Re: Lightbox JS v2.0 implementation

And if you don't want the image name displayed beside the thumbnail, use this code:

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}" /> </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
  #162  
Old 08-06-2007, 01:55 PM
 
OpheliaPayne OpheliaPayne is offline
 

Senior Member
  
Join Date: Aug 2007
Posts: 130
 

Default Re: Lightbox JS v2.0 implementation

Brillant Danielle! Thank you so much for that information.

If anyone knows how to do these two options:

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

I may just rename my children after you....
__________________
xCart 4.6.1
Reply With Quote
  #163  
Old 08-06-2007, 01:57 PM
 
naemsmommy naemsmommy is offline
 

Senior Member
  
Join Date: Jul 2007
Posts: 144
 

Default Re: Lightbox JS v2.0 implementation

Hmmm just one bug with this, it doesn't seem to wrap. I have tested it with 4 images and it just pushes the text over and it looks terrible. Anyone have a fix for this?

You can see what I mean here: http://www.babyplanetboutique.com/xcart/product.php?productid=73&cat=1&page=1
__________________
Danielle
Reply With Quote
  #164  
Old 08-12-2007, 08:25 PM
  connemara's Avatar 
connemara connemara is offline
 

Senior Member
  
Join Date: Jan 2006
Location: Vancouver Island, Canada
Posts: 167
 

Default Re: Lightbox JS v2.0 implementation

So you can also put inline content into this thickbox? Would this also include a table, for example? I would like to have our nutritional table used here if possible instead of taking up the large amount of space on the long description. Also can a link be used instead of thumbnail in product description, since we have custom pages with no thumbnails?

Example here in this product page:
http://www.nonuttin.com/xcart/nut-free-snack/apple-cinnamon-granola-bars.html

The site is being converted to 4.1.8 so would love to be able to use the table in a popup thickbox. The table could be converted to an image file; just isn't quite as clear for reading. Any ideas appreciated!
Connie
__________________
Versions 4.7.6
multiple mods and customizations
Reply With Quote
  #165  
Old 08-13-2007, 12:38 AM
  photo's Avatar 
photo photo is offline
 

X-Wizard
  
Join Date: Feb 2006
Location: UK
Posts: 1,146
 

Default Re: Lightbox JS v2.0 implementation

Quote:
Originally Posted by connemara
So you can also put inline content into this thickbox? Would this also include a table, for example? I would like to have our nutritional table used here if possible instead of taking up the large amount of space on the long description. Also can a link be used instead of thumbnail in product description, since we have custom pages with no thumbnails?

Example here in this product page:
http://www.nonuttin.com/xcart/nut-free-snack/apple-cinnamon-granola-bars.html

The site is being converted to 4.1.8 so would love to be able to use the table in a popup thickbox. The table could be converted to an image file; just isn't quite as clear for reading. Any ideas appreciated!
Connie

Greybox would work ideal for what you want to do. It is a simple to use great little script.
__________________
v4.1.10
In Dev v4.5.x


"If you don't keep an eye on your business, someone else will."
Reply With Quote
  #166  
Old 08-13-2007, 09:15 AM
  connemara's Avatar 
connemara connemara is offline
 

Senior Member
  
Join Date: Jan 2006
Location: Vancouver Island, Canada
Posts: 167
 

Default Re: Lightbox JS v2.0 implementation

Thank you so much for that fantastic recommendation. I am assuming it would be added to xcart much like the thickbox? I will try that out right away to see the results.
Sincerely
Connie
__________________
Versions 4.7.6
multiple mods and customizations
Reply With Quote
  #167  
Old 08-13-2007, 09:22 AM
  photo's Avatar 
photo photo is offline
 

X-Wizard
  
Join Date: Feb 2006
Location: UK
Posts: 1,146
 

Default Re: Lightbox JS v2.0 implementation

Quote:
Originally Posted by connemara
Thank you so much for that fantastic recommendation. I am assuming it would be added to xcart much like the thickbox? I will try that out right away to see the results.
Sincerely
Connie

No problem, if you have any problems setting it up, let me know and I'll try and help. If you want to see what it looks like, let me know and I'll pm you a link.
__________________
v4.1.10
In Dev v4.5.x


"If you don't keep an eye on your business, someone else will."
Reply With Quote
  #168  
Old 08-13-2007, 12:28 PM
  connemara's Avatar 
connemara connemara is offline
 

Senior Member
  
Join Date: Jan 2006
Location: Vancouver Island, Canada
Posts: 167
 

Default Re: Lightbox JS v2.0 implementation

Thank you kindly. I will try it out later today and if I run into a snag I will contact you. I appreciate the offer!
Connie
__________________
Versions 4.7.6
multiple mods and customizations
Reply With Quote
  #169  
Old 08-13-2007, 01:09 PM
  DreamCatcher's Avatar 
DreamCatcher DreamCatcher is offline
 

Senior Member
  
Join Date: Mar 2004
Posts: 178
 

Default Re: Lightbox JS v2.0 implementation

What a beautifully simple mod which make a world of diference. Awesome!
__________________
X-Cart 4.7.8 Pro
php 7.x
Reply With Quote
  #170  
Old 08-14-2007, 12:07 AM
  chamberinternet's Avatar 
chamberinternet chamberinternet is offline
 

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

Default Re: Lightbox JS v2.0 implementation

Have a look here ...

http://forum.x-cart.com/showpost.php?p=175474&postcount=26
__________________
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
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:29 AM.

   

 
X-Cart forums © 2001-2020