Author Topic: Lightbox + more images hack 1.0.11 - IMPROVED!  (Read 301902 times)

huub

  • Jr. Member
  • **
  • Posts: 62
Re: Lightbox + more images hack 1.0.10
« Reply #15 on: April 30, 2007, 00:14:38 am »
Seems to be a different problem not related to z-index ......it is working well in IE, but not in FF.

In FF the slimbox is placed behind the text.

huub

  • Jr. Member
  • **
  • Posts: 62
Re: Lightbox + more images hack 1.0.10
« Reply #16 on: April 30, 2007, 00:19:32 am »
Solved it!!

Added two z-idex lines to slimbox.css ....

#lbOverlay {
   position: absolute;
   left: 0;
   width: 100%;
   background-color: #000;
   cursor: pointer;
   z-index: 100;
}

#lbCenter, #lbBottomContainer {
   position: absolute;
   left: 50%;
   overflow: hidden;
   background-color: #fff;
   z-index: 101;
}

that fixed the problem :)

Indigo Online

  • Beginner
  • *
  • Posts: 4
Re: Lightbox + more images hack 1.0.10
« Reply #17 on: May 02, 2007, 13:40:23 pm »
Brilliant hack macallf.  Many thanks for your efforts.  Works perfectly.

crackdaddy

  • Jr. Member
  • **
  • Posts: 263
Re: Lightbox + more images hack 1.0.10
« Reply #18 on: May 07, 2007, 23:09:46 pm »
have to got this to work on the more images page?

macallf

  • Full Member
  • ***
  • Posts: 2411
    • Mark Callf Design
Re: Lightbox + more images hack 1.0.10
« Reply #19 on: May 08, 2007, 00:59:09 am »
Doesn't use the more images page, works on the details page without having to use the more images page. Makes the site faster and integrates more easily.


Mark
Mark
All of My old mods are now available on my website.
Mark Callf Designs

If you like the work I've done for VM please fell free to Donate

Please Note: I am no longer actively developing or involved with VM development.

Raynet

  • Beginner
  • *
  • Posts: 22
Re: Lightbox + more images hack 1.0.10
« Reply #20 on: May 08, 2007, 20:34:31 pm »
Hi,

I installed the  lightbox_moreimages.zip, made the change, with the more_images, in the flypage, did the shop.css changes.

The effect works, but the is no image showed. The circle is just turning and turning, but no image. Not as I use just one image, and nor with two. Any idea?


Any idea?
Regards,
Raynet

macallf

  • Full Member
  • ***
  • Posts: 2411
    • Mark Callf Design
Re: Lightbox + more images hack 1.0.10
« Reply #21 on: May 08, 2007, 20:43:50 pm »
Can you provide a url?

Have you assigned the first image using the normal product image upload procedure? i.e. assigned the image in the product images tab.

have you replaced the {product_image} tag with this

<a href="{zoom_image}" name="{product_name}" id="product_image_link" title='{product_name}' alt='{product_name}' rel="lightbox[]"><img name="product_image" alt='{product_name}' src="{full_image}" height="90" border="0"/></a>

Mark


Mark
All of My old mods are now available on my website.
Mark Callf Designs

If you like the work I've done for VM please fell free to Donate

Please Note: I am no longer actively developing or involved with VM development.

Raynet

  • Beginner
  • *
  • Posts: 22
Re: Lightbox + more images hack 1.0.10
« Reply #22 on: May 08, 2007, 20:55:10 pm »
Thanks for your reply

I send you an message to provide an url

Yes, I assigned the first image using the normal image upload procedure.

I have this in my flypage:
 <td rowspan="4" valign="top" style="text-align:center;"><br/><a href="{zoom_image}" name="{product_name}" id="product_image_link" title='{product_name}' alt='
{product_name}' rel="lightbox[]"><img name="product_image" alt='{product_name}' src="{full_image}" height="90" border="0"/></a><br/><br/>{more_images}</td>

Regards,
Raynet


macallf

  • Full Member
  • ***
  • Posts: 2411
    • Mark Callf Design
Re: Lightbox + more images hack 1.0.10
« Reply #23 on: May 08, 2007, 21:26:36 pm »
no prob, i have modded  out the more images page to work with lightbox....
i am working on a browser check for old versions that are not compatible, and have found a fix to light box that supports ie7 ..the ltest version of light box and the others fail to work in my corrent cofig..
i will post my mod and demo in a few hours when i am done with it and post a lin to it from here..


This version works with IE6, IE7 and FF. It does not require the more images page so makes for a cleaner site. No going to a new page to see all the images, they are all on the details page.

Certainly post your link

Mark
Mark
All of My old mods are now available on my website.
Mark Callf Designs

If you like the work I've done for VM please fell free to Donate

Please Note: I am no longer actively developing or involved with VM development.

Raynet

  • Beginner
  • *
  • Posts: 22
Re: Lightbox + more images hack 1.0.10
« Reply #24 on: May 08, 2007, 21:36:38 pm »
Mark, As you saw, I forgot some changes you made in your product_details page. Did some copy/past, now it works thanks.

Is there a possibility, to let this work with the browse page. Should be nice to have just one sort of image showing.

Rgaerds,
Raynet

Adam Berry

  • Beginner
  • *
  • Posts: 19
Re: Lightbox + more images hack 1.0.10
« Reply #25 on: May 08, 2007, 23:09:43 pm »
okay, without meaning to sound like a complete idiot. how do i do this:

Quote
To install, extract the attached file to the root of your site. When it asks you if you wish to overwrite select yes.
The archive is arranged with the correct directory structure.

normally, i just extract what its in a zip and then ftp it to the webspace that im using (i know, i know, i really shouldn't be using my host server to test stuff).  but u have said extract it to the root and overwrite. how would i do that if im accessing the root by ftp? is it possible?

macallf

  • Full Member
  • ***
  • Posts: 2411
    • Mark Callf Design
Re: Lightbox + more images hack 1.0.10
« Reply #26 on: May 08, 2007, 23:23:33 pm »
the zip file is compressed with the folder structure intact

so unzip and ftp the folders to the root of your site.

It will then put the correct files and folders into

your-site/administrator/components/com_virtuemart
&
your-site/components/com_virtuemart

Mark
Mark
All of My old mods are now available on my website.
Mark Callf Designs

If you like the work I've done for VM please fell free to Donate

Please Note: I am no longer actively developing or involved with VM development.

Adam Berry

  • Beginner
  • *
  • Posts: 19
Re: Lightbox + more images hack 1.0.10
« Reply #27 on: May 08, 2007, 23:44:08 pm »
macallf. you're a legend!! this has worked a treat and is exactly what i was looking for on my site. give me a couple more days to get the layout looking nice and then i'll post a link up so u can see how im using it. i'm actually creating a t-shirt site and so i think a few other people with similar types of sites might be interested to see it in action and use it.

thanks again.

macallf

  • Full Member
  • ***
  • Posts: 2411
    • Mark Callf Design
Re: Lightbox + more images hack 1.0.10
« Reply #28 on: May 08, 2007, 23:59:30 pm »
Adam,

Thanks for the praise, as you can probably tell, I try to make my mods easy to install and give the user full control over what they are trying to achieve.

As to being a legend, not yet, but I'm working on it :)

Mark
Mark
All of My old mods are now available on my website.
Mark Callf Designs

If you like the work I've done for VM please fell free to Donate

Please Note: I am no longer actively developing or involved with VM development.

30MinVac

  • Beginner
  • *
  • Posts: 12
Re: Lightbox + more images hack 1.0.10
« Reply #29 on: May 09, 2007, 23:15:28 pm »
Hi Macallf,

I've followed the instructions, but it just stays on the little animated/loading page, no picture.

Here is a link to an example: http://www.30-minutevacation.com/marketplace/home-fragrance/candle-gift-box-by-sarah.html

If you look at the status bar below when you try to enlarge the image the web address is listed twice. Could that be the problem?

This is my flypage, exactly as it is on my site:

<p>{navigation_childlist}<br />
{navigation_pathway}</p>
<table border="0" style="width: 100%;" class="tableouter" cellpadding="5" cellspacing="1">
  <tbody>
  <tr>
  <td colspan="4" class="shop_title" ><h1>{product_name} {edit_link}</h1></td>
  </tr>
<tr>
  <td rowspan="4" valign="top" style="text-align:center;"><p><a href="{zoom_image}" name="{product_name}" id="product_image_link" title='{product_name}' alt='{product_name}' rel="lightbox[]"><img name="product_image" alt='{product_name}' src="{full_image}" height="90" border="0"/></a>
</p>
    <p>{more_images}</p>
  </tr>
<tr>
  <td colspan="2" rowspan="1" align="left" valign="top" class="tdrow1" style="cursor: default;"><p>{product_description}<br />
    {product_type}<br />
    <span style="font-style: italic;">{file_list}</span></p>
    <p align="center"><span class="tdrow1" style="cursor: default;">{product_price}<br />
{product_packaging}</span></p>
    <p align="center"><span class="tdrow1" style="cursor: default;">{addtocart}</span></p></td>
</tr>
<tr align="left" valign="top">
  <td colspan="3" class="tdrow1" style="cursor: default;">{related_products}</td>
</tr>
  </tbody>
</table>
{navigation_childlist}<br />
{navigation_pathway}<br style="clear:both"/>

Can you tell me if I have something missing?