lightbox not linking to next/previous

[snewpers]

Not sure if this is the right forum, but in VM1, when you were on the product-detail page with multiple images, you could click one and the lightbox would open. Clicking left or right would show the previous or next image in that sequence without closing the lightbox.

any idea on how to get that working again? It only shows one at a time now.

Thanks!

[dboror]

I install Widgetkit (yootheme) and modify this in \productdetails\:

Code Select Expand

<?php // Product Main Image
if (!empty($this->product->images[0])) { ?>
<div class="main-image">
<?php echo $this->product->images[0]->displayMediaFull('class="product-image"',false,"class='modal'",true); ?>
</div>
<?php } // Product Main Image END ?>

<?php // Showing The Additional Images
if(!empty($this->product->images) && count($this->product->images)>1) { ?>
<div class="additional-images">
<?php // List all Images
foreach ($this->product->images as $image) {
echo $image->displayMediaThumb('class="product-image"',true,'class="modal"',true,true); //'class="modal"'
} ?>
</div>
<?php } // Showing The Additional Images END ?>

to this:

Code Select Expand

<?php // Product Main Image
if (!empty($this->product->images[0])) { ?>
<div class="main-image">
<?php echo $this->product->images[0]->displayMediaFull('class="product-image"',false,"class='modal'",true); ?>
</div>
<?php } // Product Main Image END ?>

<?php // Showing The Additional Images
if(!empty($this->product->images) && count($this->product->images)>=1) { ?>
<div class="additional-images">
<?php // List all Images

            foreach ($this->product->images as $image) {
                
echo $image->displayMediaThumb('class="product-image"',true,"data-lightbox=\"group:".$this->product->virtuemart_product_id.";transitionIn:fade;titlePosition:over;\"",true,true); //'class="modal"'
    
                
            } ?>
</div>
<?php } // Showing The Additional Images END ?>

[552288]

very nice, but Widgetkit is not for free, its posssible to realize this with other Plugins, Image-Sizer or so?

Greetings .....

[dboror]

Use http://www.yireo.com/software/joomla-extensions/fancybox

demo
http://fancybox.net/home

[552288]

thanks for reply, i try it............

will not work for me, Images are open in extern Window?

Joomla Plugins are enabled, hmm?

it´s possible you take a look?  http://creative-karat.de/index.php/shop/arbeitsschuhe/s3-schnuerstiefel-wedel-nuovo-mit-ueberkappe-detail

Greetings Ray

[dboror]

Download the version Lite of Widget kit

http://www.yootheme.com/widgetkit/downloads/download?layout=single

[552288]

Nice, its work, THX! 

[lt635]

Thanks dboror, that works well!

Regards
Lene

[kaleske]

Thank you very much

[BITRU]

dboror THANK YOU!
would love to see more yootheme implementatios.

[JdKock]

dboror, can the lite version also be used for Joomla 1.7.3 ?
So can i download the Lite Joomla 2.5 Extension.

[rupesh]

Nice, its work, THX! 

Can u please tell me how to use this plugin on product details page so that lightbox must show pre and next button!

[BITRU]

<?php // Product Main Image
      if (!empty($this->product->images[0])) { ?>
         <div class="main-image">
         <?php
         echo $this->product->images[0]->displayMediaFull('class="product-image"',true,"data-lightbox=\"group:".$this->product->virtuemart_product_id.";transitionIn:fade;titlePosition:none;\"",true,true); ?>
         </div>
      <?php } // Product Main Image END ?>

      <?php // Showing The Additional Images
      if(!empty($this->product->images) && count($this->product->images)>=1) { ?>
         <div class="additional-images">
         <?php // List all Images

            foreach ($this->product->images as $image) {

            echo $image->displayMediaThumb('class="product-image"',true,"data-lightbox=\"group:".$this->product->virtuemart_product_id.";transitionIn:fade;titlePosition:none;\"",true,true); //'class="modal"'

            } ?>

I have main pictures showed twice in Lightbox if i click on main image. how can i fix it.

[rzrz]

<?php // Product Main Image
      if (!empty($this->product->images[0])) { ?>
         <div class="main-image">
         <?php
         echo $this->product->images[0]->displayMediaFull('class="product-image"',true,"data-lightbox=\"group:".$this->product->virtuemart_product_id.";transitionIn:fade;titlePosition:none;\"",true,true); ?>
         </div>
      <?php } // Product Main Image END ?>

      <?php // Showing The Additional Images
      if(!empty($this->product->images) && count($this->product->images)>=1) { ?>
         <div class="additional-images">
         <?php // List all Images

            foreach ($this->product->images as $image) {

            echo $image->displayMediaThumb('class="product-image"',true,"data-lightbox=\"group:".$this->product->virtuemart_product_id.";transitionIn:fade;titlePosition:none;\"",true,true); //'class="modal"'

            } ?>

I have main pictures showed twice in Lightbox if i click on main image. how can i fix it.

Me too facing the same issue, i am wondering how to solve this??

[megatronx64]

dboror first post, worked for me!

modifying the file located at:
components / com_virtuemart / views / ProductDetails / tmpl / default_images.php

VM 2.0.10 + Joomla 2.5.6

Thank you!